ウィジェット画像以外の設定はこちら
「ウィジェットを登録する」を押下すると、設定画面に遷移します。
単独のウィジェットのみ設定する、もしくはステップウィジェットでメインとサブのウィジェットを設定する2つの方法から選択可能です。
①単独ウィジェットを設定する場合
- ウィジェットを登録する
「ウィジェットを登録する」をクリック - デザインテンプレートの選択
単独ウィジェットを選択し、9種類のテンプレートからお好きなものを選択します。
※複数の商品をおすすめしたい場合は「複数リンク横or複数リンク縦」
簡単なアンケートなど、選択肢のクリックに応じて挙動を変えたい場合は「テキスト+選択肢」をご利用ください。
(※スタンダードプラン、エンタープライズプランのみ使用可) -
ウィジェットのデザイン
選択したテンプレートに応じた入力画面になります。「デザイン、テキスト、表示設定」が設定可能です。
以下から使用したいテンプレートを選んで項目をクリックしてください。「A-001 画像のみ」を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[デザイン]
・画像
ウィジェットに表示する画像を選択します。
・ウィジェット表示サイズ
ウィジェットのサイズを変更します。(最小120px最大1080px)
・角の丸み
ウィジェットの角を丸くします。
・不透明度
透明度を変更します。100%から70%の範囲で設定が可能です。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。
・リンク先URL
ウィジェットをクリックした時のリンク先を設定します。「B-001, B-002 画像+タイトル+詳細テキスト」を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[サンプル]
サンプルデザインを使用してウィジェットを作成します。
[デザイン]
・画像
ウィジェットに表示する画像を選択します。
・カラー
画像背景カラー:画像部分の背景色を変更します。
タイトルカラー:タイトルの文字色を変更します。
詳細テキストカラー:本文の文字色を変更します。
バックグラウンドカラー:テキストエリアの背景色を変更します。
・ウィジェット表示サイズ
ウィジェットのサイズを変更します。(B-001最小120px最大1080px,B-002最小320px最大1080px)
・タイトル表示サイズ
タイトルのサイズを変更します。
・詳細テキスト表示サイズ
詳細テキストのサイズを変更します。
・角の丸み
ウィジェットの角を丸くします。
・不透明度
透明度を変更します。100%から70%の範囲で設定が可能です。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
[テキスト]
・ユーザー情報を埋め込む
「ユーザー情報の埋め込みとは?」をご参照ください。
・タイトル
テキストを設定します。
・詳細テキスト
詳細テキストを設定します。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。
・リンク先URL
ウィジェットをクリックした時のリンク先を設定します。「C-001 タイトル+詳細テキスト+画像+ボタン」を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[サンプル]
サンプルデザインを使用してウィジェットを作成します。
[デザイン]
・画像
ウィジェットに表示する画像を選択します。
・カラー
画像背景カラー:画像部分の背景色を変更します。
タイトルカラー:タイトルの文字色を変更します。
詳細テキストカラー:本文の文字色を変更します。
ボタンテキストカラー:ボタン上の文字色を変更します。
ボタンカラー:ボタンの色を変更します。
バックグラウンドカラー:テキストエリアの背景色を変更します。
・ウィジェット表示サイズ
ウィジェットのサイズを変更します。(最小200px最大1080px)
・タイトル表示サイズ
タイトルのサイズを変更します。
・詳細テキスト表示サイズ
詳細テキストのサイズを変更します。
・ボタンテキスト表示サイズ
ボタンテキストのサイズを変更します。
・角の丸み
ウィジェットの角を丸くします。
・不透明度
透明度を変更します。100%から70%の範囲で設定が可能です。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
[テキスト]
・ユーザー情報を埋め込む
「ユーザー情報の埋め込みとは?」をご参照ください。
・タイトル
テキストを設定します。
・詳細テキスト
詳細テキストを設定します。
・ボタンテキスト
ボタン上に表示するテキストを設定します。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。
・リンク先URL
ウィジェットをクリックした時のリンク先を設定します。「D-001, F-001, F-002 タイトル+詳細テキスト+画像×2」を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[サンプル]
サンプルデザインを使用してウィジェットを作成します。
[デザイン]
・左画像
左側に表示する画像を選択してアップロードします。
・右画像
右側に表示する画像を選択してアップロードします。
・カラー
左画像背景カラー:左画像部分の背景色を変更します。
右画像背景カラー:右画像部分の背景色を変更します。
タイトルカラー:タイトルの文字色を変更します。
詳細テキストカラー:本文の文字色を変更します。
バックグラウンドカラー:テキストエリアの背景色を変更します。
・ウィジェット表示サイズ
ウィジェットのサイズを変更します。(D-001最小120px最大1080px,F-001最小200px最大1080px,F-002最小250px最大1080px)
・タイトル表示サイズ
タイトルのサイズを変更します。
・詳細テキスト表示サイズ
詳細テキストのサイズを変更します。
・角の丸み
ウィジェットの角を丸くします。
・不透明度
透明度を変更します。100%から70%の範囲で設定が可能です。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
[テキスト]
・ユーザー情報を埋め込む
「ユーザー情報の埋め込みとは?」をご参照ください。
・タイトル
テキストを設定します。
・詳細テキスト
詳細テキストを設定します。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。
・リンク先URL
ウィジェットをクリックした時のリンク先を設定します。「E-001 タイトル大+詳細テキスト+背景画像」 を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[サンプル]
サンプルデザインを使用してウィジェットを作成します。
[デザイン]
・画像
ウィジェットに表示する画像を選択します。
・カラー
タイトルカラー:タイトルの文字色を変更します。
詳細テキストカラー:本文の文字色を変更します。
バックグラウンドカラー:テキストエリアの背景色を変更します。
・ウィジェット表示サイズ
ウィジェットのサイズを変更します。(最小120px最大1080px)
・タイトル表示サイズ
タイトルのサイズを変更します。
・詳細テキスト表示サイズ
詳細テキストのサイズを変更します。
・角の丸み
ウィジェットの角を丸くします。
・不透明度
透明度を変更します。100%から70%の範囲で設定が可能です。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
[テキスト]
・ユーザー情報を埋め込む
「ユーザー情報の埋め込みとは?」をご参照ください。
・タイトル
テキストを設定します。
・詳細テキスト
詳細テキストを設定します。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。
・リンク先URL
ウィジェットをクリックした時のリンク先を設定します。「G-001, G-002 複数リンク横(画像+タイトル+詳細)」を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[デザイン]
・リンク表示サイズ
本ウィジェット全体のサイズを変更します。(G-001,G-002共最小120px最大1080px)
・大タイトル表示サイズ
大タイトルのサイズを変更します。
・中タイトル表示サイズ
中タイトルのサイズを変更します。
・詳細テキスト表示サイズ
詳細テキストのサイズを変更します。
・角の丸み
ウィジェットの角を丸くします。
・不透明度
透明度を変更します。100%から70%の範囲で設定が可能です。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
[テキスト]
・ユーザー情報を埋め込む
「ユーザー情報の埋め込みとは?」をご参照ください。
・大タイトル
ウィジェット上部の大タイトルを設定します。
[リンク項目]
ウィジェット内に、画像やテキストの表示領域を追加したり削除したりできます。
上記の例では一番左から項目1、項目2、項目3となります。
・画像
項目に表示する画像を選択してアップロードします。
・中タイトル
項目のタイトルを設定します。
・詳細テキスト
項目の詳細テキストを設定します。
・リンク先URL
項目をクリックした時のリンク先を設定します。
・項目を削除
項目を削除します。
・項目を追加
新たな項目を追加します。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。「H-001 タイトル+複数ボタン」を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[デザイン]
・カラー
大タイトルカラー:ウィジェット上部大タイトルの文字色を設定します。
バックグランドカラー:選択肢部分以外の背景色を設定します。
・ウィジェット表示サイズ(横)
ウィジェットのサイズを変更します。(最小120px最大1080px)
・大タイトル表示サイズ
タイトルのサイズを変更します。
・ボタンテキスト表示サイズ
詳細テキストのサイズを変更します。
・角の丸み
ウィジェットの角を丸くします。
・不透明度
透明度を変更します。100%から70%の範囲で設定が可能です。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
・表示サイズ(横)
ウィジェットの横幅を変更します。120pxから1080pxの間で設定可能です。
[テキスト]
・ユーザー情報を埋め込む
「ユーザー情報の埋め込みとは?」をご参照ください。
・大タイトル
ウィジェット上部の大タイトルを設定します。
[ボタン]
ウィジェット内に、ボタンを追加することができます。
上記の例では上から順番にボタン1、ボタン2、ボタン3となります。
・テキスト
ボタンに表示するテキストを設定します。
・クリック時の動作
選択肢をクリックした時の動作を指定します。
リンク:リンク先URLに設定したページへ遷移します。
閉じる:ウィジェットを閉じます。
・リンク先URL
項目をクリックした時のリンク先を設定します。
※クリック時の動作をリンクにした場合のみ設定可能です。
・カラー
テキストカラー:文字色を設定します。
ボタンカラー:ボタンの背景色を設定します。
・ボタンを削除
ボタンを削除します。
・ボタンを追加
新たなボタンを追加します。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。「I-001 Youtube」を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[動画設定]
・動画ID
再生する動画のIDを指定します。
例:https://www.youtube.com/watch?v=lxmrjMOxftw
上記の強調部分が動画のIDになります。
・自動再生
プレーヤーが読み込まれた時に自動的に動画を再生するかどうかを選択します。
・音声
OFFにすると音声をミュートに設定して再生します。
・操作パネル
ONにするとシークバーや再生ボタン、音量など各種操作パネルをプレーヤー上に表示します。
[デザイン]
・ウィジェット表示サイズ
ウィジェットのサイズを変更します。(最小150px最大1648px)
・角の丸み
ウィジェットの角を丸くします。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。
[制限事項(スマートフォン)]- 以下端末では操作パネルONでも表示されません。※iPadはOSバージョン11でも表示されます
端末名:iPhone 8 iPhone 8 Plus / 端末OS:iOS11.0 - iOSバージョン9以下では、音声消去が機能しません
- iOS、androidとも自動再生しません
- iOSでは角の丸みが反映されません
- safari、chromeで自動再生ON/音声消去OFFの組み合わせでは自動再生しません
- safariでは角の丸みが反映されません
「I-002 Youtube+タイトル+詳細テキスト+ボタン」を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[動画設定]
・動画ID
再生する動画のIDを指定します。
例:https://www.youtube.com/watch?v=lxmrjMOxftw
上記の強調部分が動画のIDになります。
・自動再生
プレーヤーが読み込まれた時に自動的に動画を再生するかどうかを選択します。
・音声
OFFにすると音声をミュートに設定して再生します。
・操作パネル
ONにするとシークバーや再生ボタン、音量など各種操作パネルをプレーヤー上に表示します。
[デザイン]
・ウィジェット表示サイズ
ウィジェットのサイズを変更します。(最小150px最大1080px)
・カラー
タイトル、詳細テキスト、ボタンテキスト、ボタン、背景の色を変更します。
・動画表示サイズ
プレーヤーの大きさを設定します。
・タイトル表示サイズ
タイトルのサイズを変更します。
・詳細テキスト表示サイズ
詳細テキストのサイズを変更します。
・角の丸み
ウィジェットの角を丸くします。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
[テキスト]
・ユーザー情報を埋め込む
「ユーザー情報の埋め込みとは?」をご参照ください。
・タイトル
テキストを設定します。
・詳細テキスト
詳細テキストを設定します。
・ボタンテキスト
ボタン上に表示するテキストを設定します。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。
・リンク先URL
ウィジェットをクリックした時のリンク先を設定します。
[制限事項(スマートフォン)]- 以下端末では操作パネルONでも表示されません。※iPadはOSバージョン11でも表示されます
端末名:iPhone 8 iPhone 8 Plus / 端末OS:iOS11.0 - iOSバージョン9以下では、音声消去が機能しません
- iOS、androidとも自動再生しません
- iOSでは角の丸みが反映されません
- safari、chromeで自動再生ON/音声消去OFFの組み合わせでは自動再生しません
- safariでは角の丸みが反映されません
「J-001 タイトル+詳細テキスト」を利用する場合
[ウィジェットのデザイン画面全体]
メニューから編集したい項目を選択します。
[サンプル]
サンプルデザインを使用してウィジェットを作成します。
[デザイン]
・カラー
タイトルカラー:タイトルの文字色を設定します。
詳細テキストカラー:詳細テキストの文字色を設定します。
バックグランドカラー:背景色を設定します。
・タイトル表示サイズ
タイトルのサイズを変更します。
・詳細テキスト表示サイズ
詳細テキストのサイズを変更します。
・角の丸み
ウィジェットの角を丸くします。
・不透明度
透明度を変更します。100%から70%の範囲で設定が可能です。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
・ウィジェット表示サイズ(横)
ウィジェットの横幅を変更します。(最小120px最大1080px)
[テキスト]
・ユーザー情報を埋め込む
「ユーザー情報の埋め込みとは?」をご参照ください。
・タイトル
テキストを設定します。
・入力タイプ
詳細テキストの入力タイプを設定します。
HTML:HTMLタグを使ってテキストの入力が行えるようになります。
テキスト:通常のテキストを使って記述していくタイプです。
入力タイプHTMLについてはこちらをご参照ください。
・詳細テキスト
詳細テキストを設定します。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。
・リンク先URL
ウィジェットをクリックした時のリンク先を設定します。 - 以下端末では操作パネルONでも表示されません。※iPadはOSバージョン11でも表示されます
[項目ごと設定方法]
- 画像選択
あらかじめ用意した選択した画像を使用する場合は「画像を選択する」のプルダウンをクリックします。アップロード済みの画像一覧画面になるので、表示させたい画像を選択してください。 - サンプルを使用する
「サンプルを使用する」をクリックすると、テンプレートごとにサンプルとしてご用意したウィジェットを選ぶことが可能です。
サンプルウィジェットを選択すると、ウィジェット入力画面に戻ります。 - ウィジェットの表示方法
バナー :画面下部にウィジェットを表示
中央、左、右を選択可能です。
例:バナー中央に表示するを選択
モーダル:グレーのレイヤーがかかり、画面中央にウィジェットを表示 - リンク先URL
・ウィジェットをタップした際の遷移先を設定します。
・入力しなかった場合は、エンドユーザーがウィジェットをクリックしても何も起こりません。 - 画像サイズ変更(テンプレートにより変更出来ない場合もあります)
・スライダーを左右に動かすことで、横幅を変更可能です。(縦横比は維持されます)
・指定したサイズよりも画面が小さい場合は、リサイズされます。
② ステップウィジェット(メイン・サブ)を設定する場合
- ウィジェットを登録する
「ウィジェットを登録する」をクリック - デザインテンプレートの選択
ステップウィジェットを選択し、6種類のテンプレートからお好きなものを選びます。 - ウィジェットのデザイン
選択したテンプレートに応じた入力画面になります。
「サンプルを使用する」もしくは、テキスト項目と画像を設定してください。
[ウィジェットのデザイン画面全体]
・メインウィジェット
メインウィジェットについては① 単独ウィジェットを設定する場合と同様になります。
・サブウィジェット
サブウィジェットは、あらかじめ用意した画像を使用するか、
テキストのみ、もしくは画像とテキストの3パターンを選択できます。
([テキスト]の テキストサブウィジェットの使用にチェックを入れることで選択可能です)
以降の説明はサブウィジェットの設定方法になります。
[デザイン]
・画像サブウィジェットの使用
サブウィジェットに画像を使用するかどうかを選択します。
・画像
サブウィジェットに表示する画像を選択します。
※画像サブウィジェットを使用する場合のみ設定可能になります。
・画像表示サイズ
画像の横幅を変更します。40pxから400pxの間で設定可能です。
※画像サブウィジェットを使用する場合のみ設定可能になります。
※テキストサブウィジェットと併用している場合、
画像表示サイズまたはテキスト表示サイズいずれかの最大値が適用されます。
・カラー
テキストカラー:本文の文字色を変更します。
バックグラウンドカラー:テキストエリアの背景色を変更します。
※テキストサブウィジェットを使用する場合のみ設定可能になります。
・テキスト表示サイズ
テキストエリアの横幅を変更します。40pxから400pxの間で設定可能です。
※テキストサブウィジェットを使用する場合のみ設定可能になります。
※画像サブウィジェットと併用している場合、
画像表示サイズまたはテキスト表示サイズいずれかの最大値が適用されます。
・角の丸み
ウィジェットの角を丸くします。
・不透明度
透明度を変更します。100%から70%の範囲で設定が可能です。
・シャドウ
ウィジェットを表示するときに影を付けるかどうか選びます。
[テキスト]
・テキストサブウィジェットの使用
サブウィジェットにテキストを使用するかどうかを選択します。
・詳細テキスト
詳細テキストを設定します。
※テキストサブウィジェットを使用する場合のみ設定可能です。
[表示設定]
・表示種類/位置
表示種類はバナーで表示するか、モーダルで表示するかを選択します。
表示位置は画面中央、画面右、画面左から選択します。(バナーで表示する場合のみ)
・画面下からの表示位置
画面下から設定したpx分だけ上げて表示します。
[配信設定]
・配信時に先に表示するウィジェット
配信時に、選択されたウィジェットを先に配信します。