フリー画像素材の活用(ファイルマネージャーとUnsplashが完全統合)
「Unsplash」と「ConnectOne」が完全統合:高品質画像素材サイト「Unsplash」が「ConnectOne」に統合されました。 100万以上の無料画像利用可能:「ConnectOne」のファイルマネージャーを通じて、Unsplashから100万以上の無料画像を直接ダウンロードできます。 カテゴリー別に簡単検索:ユーザーはさまざまなカテゴリーの画像を簡単に検索し、ウェブサイトの背景などに利用できます。 画像の利用方法簡単:Unsplashの画像を利用するには、ファイルマネージャーの底部をクリックし、必要な画像を検索してダウンロードします。 共有と転送のオプション:ConnectOneはダウンロードした画像を共有し、転送するオプションも提供し、ファイルマネージャーは無制限のストレージ容量を持っています。 ウィジェット一覧 フリー画像素材の活用 (/ja/39293f特集ボタンの使い方
ボタンの使い方 ボタンの色一つでも、クリック率が変わってきます。思わずクリックしたくなるように、色々と検証しながら作成をしていきましょう! ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方 見出し&テキストの活用方法 画像の追加&設定方法数人に読まれています見出し&テキストの活用方法
見出し&テキストの活用方法 基本的なデザインを構成する上で、 一番利用するのが、「見出し」と「テキスト」。 直感的にデザインが変更でき、配置も思うまま。 あなたの商品・サービスのメッセージを魅力的なデザインへ変えていきましょう! ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方 見出し&テキストの活用方法 画像の追加&設定方法 (/ja/ar数人に読まれています画像の追加&設定方法
画像の追加&設定方法 サイトに設置をする画像の設定方法です。 自由にサイズを変更、オーバーレイなど魅力的な画像の設定が可能です。 ウィジェット一覧 フリー画像素材の活用 ボタンの使い方 見出し&テキストの活用方法 画像の追加&設定方法 メニューを好きな場所に追加しよう! (/ja/article/44oh44ol44ol44o844ks5aw944gn4数人に読まれていますメニューを好きな場所に追加しよう!
メニューを好きな場所に追加しよう! ウィジェットのメニューというパーツを利用すると、好きな場所にページへのリンクを作成できます。 HPメニュー、フッターメニュー、動画コンテンツメニューなど自由に作成しましょう! ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方 見出し&テキストの活用方法 画像の追加&設定方法 (/ja/article/55s75yop44gu6l数人に読まれていますフォームの使い方〜お問い合わせ、メルマガ、アンケートなど〜
フォームの使い方〜お問い合わせ、メルマガ、アンケートなど〜 チェックアウトというのは、決済が連動したフォームです。こちらにネットショップで設定した商品を連動させて販売ができます。柔軟な設定やデザインができるの特徴で、CV(コンバージョン)率を上げていきます。 ①ウィジェットから選択 ②フォームの項目の追加 ③ドラックにより幅の調節 ④リサイズで長さの調整 ⑤2つリサイズで横並びになる ⑥⑦追加項目設定~⑧連絡先に関する項目~⑨アンケート情報など ⑩ラジオボタンチェックボックスファイル添付 ⑪フォームの設定1 フォーム名 通知設定 ⑫フォームの確認 ⑬ボタンテキストの変更 ⑭メールマーケする場合のリスト分け ⑮スパムメール対策⑯オートメーションメール管理 ⑰フォームスタイリング設定 ⑱ボタンのスタイリング設定 最終確認① 最終確認② =よく読まれていますクイズフォームの使い方
クイズフォームの使い方 クイズフォームを利用すると、相手の回答によってメッセージを変えることができます。クイズだけではなく、アンケート、イベント参加受付など柔軟に作成が可能です。 ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方 見出し&テキストの活用方法 画像の追加&設定方法 (/ja/article/55s75yop44gu6l95yqgjuiorewumuawuea数人に読まれていますチェックアウトフォーム設定(決済フォーム)
チェックアウトフォーム設定(決済フォーム) チェックアウトというのは、決済が連動したフォームです。こちらにネットショップで設定した商品を連動させて販売ができます。柔軟な設定やデザインができるの特徴で、CV(コンバージョン)率を上げていきます。 ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方 見出し&テキストの活用方法 画像の追加&設定方法 (/ja/article/55s75yop44gu6l95yq数人に読まれていますカウントダウンタイマー機能を活用しよう!
カウントダウンタイマー機能を活用しよう! ランディングページ、会員ページなどタイマー機能を利用することで、期間限定で表示させることが可能です。 タイマー終了後に、メッセージを表示させる、別のページに飛ばして、キャンペーンが終了した旨を伝える。 など、マーケティングの基礎となる、デットラインを構成することが可能です。 deadline funnel(デッドラインファネル)と同じように効果的な集客や売上拡大をするのに必須な機能となっていきます。 ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方 (/ja/article/44oc44k44oz44gu5l244ge5pa5-qn5数人に読まれていますファイルマネージャー(アップロード&ダウンロード方法)
ファイルマネージャー(アップロード&ダウンロード方法) コネクティッドワンのファイルマネージャーの活用方法です。 容量は無制限でアップロードできますので、Googleドライブやワンドライブの変わりにもなります。 動画ファイルはアップできませんが、それ以外のファイルはアップロード可能です。 画像ファイル、音声ファイル、オフィス関連ファイル、PDFなどを自由にアップロードしてサイトに埋め込みダウンロード提供などをしていきましょう! ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方数人に読まれています音声メディアを作ろう!
音声メディアを作ろう! 音声ファイル(MP3)をアップロードして、サイトに埋め込むことができます。デザインを調整していくことで、あなただけのオリジナリティがある音声メディアを作成できます。 ファイルのアップ方法、埋め込み方法、デザイン構成に関して。 ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方 見出し&テキストの活用方法 画像の追加&設定方法 (/ja/art数人に読まれています動画の埋め込み方法!
動画の埋め込み方法!YouTubeやvimeoなどなんでも埋め込み可能! 動画の需要が増えておりますが、コネクティッドワンでは、埋め込み形式でどんな場所にでも動画を表示させることが可能です。また、YouTubeのライブ配信動画も埋め込み可能です! ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方 見出し&テキストの活用方法数人に読まれています注文概要の作成
決済後の注文概要でクレームを防止しよう! ネットショップやチェックアウトフォーム(決済)をした後に、何をどのくらい、いくら購入をしたのか?など購入した注文の一覧をユーザーに表示させます。 ワンクリックのアップセルは、便利ですが、たまに間違えて押してしまう方もおります。 その際に、購入していないのに、請求をされたとクレームにもなりやすいですが、注文概要を提示することで、何を購入をしたのかがわ明確になるので、クレーム防止にもつながります。 サンキューページにドラックして入れておきましょう! ウィジェット一覧 フリー画像素材の活用 注文概要の作成 ボタンの使い方 見出し数人に読まれていますスペーサーで空間を活用しよう!
スペーサーの使い方 段落や画像のブロック間の間隔が狭く「読みづらい!」「もう少し段落間の間隔(行間)をあけたい!」と感じたことはありませんか? その際は、ウィジェットのスペンサーを活用して下さい。 ①ウィジェットを開く ②ウィジェットの中のスペーサー ③スペーサーを挿入カ所までドラックをする ④高さの調節 ⑤幅の調節 ⑥名称確認個所 =============================== ①ウィジェットを開く ① ②ウィジェットの中のスペーサー ② ③スペーサーを挿入カ所までドラックをする ③ (https:数人に読まれていますプログレスバーでファネルの進行状況を視覚化
プログレスバーの使い方 プログレスバーとは長時間かかるタスクの進捗状況を視覚的に示すGUI(グラフィカルユーザーインターフェース)です。 これを用いることでユーザーはプログラムがきちんと動いていることを確認できたり、タスクが完了する目安の時間を知ることができ、UX(ユーザーエクスペリエンス)の向上につながります。 また視覚効果としてどのくらいダウンロードが出来ているとか、今どのくらい進んでいるかの認識のために表示させます。 コネワンで実装できるプログレスバーは、進行状況と接続されていないので、ページの進み具合として視覚的な表示になります。 パーセンテージの変更は挿入して設定する事が出来ます。 ①ウィジェットの中のプログレスバー ②名称確認個所 ③プログレスバーの長さ変更 ④設定1、パーセンテージ設定 ⑤設定2、色の設定 ⑥設定3、高さの設定 ⑦設定4、プログレスバーの中のアニメーションONorOff ⑧アライメントの設定 ⑨プログレスバーの要素をページ上に表示させるアニメーションの設定 ⑩プ数人に読まれています区切り線の設定
区切り線の設定法 区切り線で、見出しやテキストの境をデザインで表現する事が出来ます ①区切り線格納場所 ②名称表示箇所 ウィジェット挿入箇所 ③ガイドラインで高さ調節 ④設定1、小か全幅の選択、カラー変更 ⑤アライメントの設定 ⑥アニメーション設定1 ⑦アニメーション設定2 ⑧コピー格納箇所 ⑨素材削除 =============================== ①区切り線格納場所 区切り線格納場所 ②名称表示箇所とウィジェット挿入箇所 ③ガイドラインで高さ調節 ガ数人に読まれていますアコーディオン
アコーディオンの使い方 アコーディオンは、長くなりがちなコンテンツをすっきり見せたい時に役立ちます。 よく利用される方法として、Q&Aのように質問が見出しにあり、クリックすると回答の部分が展開されるものです。 ①ウィジェットを開く ②ウィジェットの中のアコーディオン ③アコーディオンの設定1 ④アコーディオンの設定2 ⑤スタイルの編集 =============================== ①ウィジェットを開く ① ②ウィジェットの中のアコーディオン ウィジェットの中のアコーディオン ③アコーディオンの設定数人に読まれています