本記事では、b→dashで「web接客コンテンツ」をGUI編集モードで作成する方法について紹介しています。
作成手順は、大きく下記の3つです。

　1. テンプレートを選択する
　2. web接客の内容を編集する
　3. プレビューで確認する

各手順の詳細は、以下をご参照ください。

1. テンプレートを選択する

1.「web接客」>「web接客を作成する」をクリックします
2. 右上の「新規作成」をクリックします
3.「web接客」を選択し、「適用」をクリックします
4. 作成したいweb接客のイメージに近い「使用するテンプレート」をクリックします
5.「GUI編集モードでコンテンツを作成」を選択し、「適用」をクリックします
6. エディター画面にテンプレートが表示され、web接客を編集できます

※ 表示するweb接客のサイズについては、テンプレートをご参考ください

2. web接客の内容を編集する

テンプレートを使ってweb接客コンテンツを編集します。以下では、各機能の操作手順を説明します。

サイズを変更する

1.「コンテンツサイズの編集」をクリックします
2.「サイズ」を入力します
3. 入力したサイズに変更されます

※ 画像の枠についている青い点をクリックしたまま動かすことで、個別要素のサイズを変更できます

テキストを編集する

1. テキストを選択し、「フォント」「文字サイズ」「斜体」「アンダーバー」「斜線」「文字色」「ハイライト」「行間」を必要に応じて変更します
2. テキストを入力/変更します

※ 文字サイズはプルダウンの選択肢の中から選択するほか、任意の文字サイズを直接入力することで指定することも可能です

透明度を変更する

1. テキストボックスや画像を選択し、「透明度」をクリックします
2.「値」を選択し、「閉じる」をクリックします
3. 透明度が変更されます

閲覧人数を差し込む

「閲覧人数挿入」機能を使用することで、web接客に「貴社webページ/バナーを閲覧した人数」を挿入できます。

1. 差し込みたい箇所にカーソルを合わせ「閲覧人数挿入」をクリックします
2.「閲覧対象」「閲覧人数計測対象ページ」「集計タイミング」「最低閲覧人数」を選択し、「適用」をクリックします
3. 閲覧人数が差し込まれます

※「閲覧人数」として表示される数字は、貴社webサイトに訪問したユーザーの「ビジターID」をユニークカウントした数字です

画像を変更する

1.「画像」をクリックします
2.「画像」を選択し、「適用」をクリックします
3. 画像が反映されます(サイズと位置を変更可能)

画像に丸角を付ける

1.「画像」を選択し、「角丸」をクリックします
2.「px」を入力し、「閉じる」をクリックします
3. 画像の角が変更されます

画像に枠線を付ける

1.「画像」を選択し、「枠線」をクリックします
2.「枠線の種類」「枠線の太さ」「枠線の色」を入力し、「閉じる」をクリックします
3. 画像の枠線が変更されます

境界線を差し込む

1.「境界線」をクリックします
2.「境界線の色」「境界線の太さ」「境界線の種類」を入力します
3. 境界線が差し込まれます

影を差し込む

1.「ボタン」を選択し、「シャドウ」をクリックします
2.「影の大きさ」「影の色」を入力し、「閉じる」をクリックします
3. ボタンに影が差し込まれます

※ 画像などにも影を付けることができます

リンクを差し込む

リンクの挿入先として選択できる箇所は「テキスト」「画像」「ボタン」です。

1.「リンクを挿入する」をクリックします
2.「挿入したいリンク」を入力し、「適用」をクリックします
3. リンクが挿入されます

※ 画像の一部分にリンク挿入はできませんので、ご注意ください

値を差し込む

web接客にデータ挿入を行います。以下では「氏名」カラムの値を差し込む手順を例に説明します。

1. 敬称などのテキストを入力します
2. 差し込みたい箇所にカーソルを合わせ、「データ挿入」をクリックします
3.「データファイル」を選択し、「適用」をクリックします
4.「差し込みたいカラム」を選択し、「適用」をクリックします
5. 選択したカラムの値が差し込まれます

3. プレビューで確認する

1.「プレビュー」をクリックします
2. プレビューが表示されるので、差し込みなどが表示されているか確認します
3. 確認ができたら、「保存」をクリックします
4.「名前」を入力し、「保存」をクリックします
5. web接客一覧に表示されます