動的コンテンツブロック
動的コンテンツブロックでは、特定の条件が満たされた場合に、さまざまなタイプのコンテンツをチェックアウトに動的に表示することができます。
たとえば、Tシャツの売上の一部を慈善団体に寄付するキャンペーンを実施している場合、お客様がTシャツを購入した場合にのみチェックアウト時に表示される「ご協力ありがとうございます」という特別なバナーを作成できます。
動的コンテンツブロックでサポートされているコンテンツアイテム
動的コンテンツブロックは、以下のタイプのコンテンツアイテムをサポートしています。
- アコーディオン
- バナー
- 利点
- ボタン
- 仕切り
- 見出し
- 画像
- スペーサー
- テキスト
1つの動的コンテンツブロックに複数のコンテンツアイテムを追加できます。
動的コンテンツブロックでは、テキストの書き込み時にMarkdownの書式設定の制限付きリストもサポートされています。
- H1、H2、H3の見出し
- 太字、斜体、取り消し線
- 画像
- 改行
- リンク
- 順序付きリストと順序付けられていないリスト
- 水平ルール
コンテンツにパーソナライゼーションを追加するには、Liquid変数を使用することもできます。
動的コンテンツブロックを作成する
Checkout Blocksアプリで動的コンテンツブロックを作成し、設定することができます。動的コンテンツブロックを作成した後、チェックアウトに追加する必要があります。
手順
管理画面で [アプリ] > [チェックアウトブロック] の順に移動します。
[ブロック] で、[ブロックを作成] をクリックします。
[動的コンテンツ] をクリックします。
使用するフィールドのテンプレートを選択します。フィールドや設定に事前入力されないようにするには場合は、[テンプレートを空白にする] を選択します。
[ブロック名] セクションで、ブロックの名前を入力します。この名前はお客様には表示されません。
[アプリブロックID] セクションで、ドロップダウンメニューを使用して特定のID番号を適用します。アプリブロックIDについて詳しくはこちらをご覧ください。
[表示ルール] セクションで、ブロックの表示ルールを設定します。
- すべてのお客様にブロックを表示する場合は、[表示ルール] セクションを空白のままにしておきます。
- 表示ルールを作成する場合は、[⊕表示ルールを追加] をクリックしてルールを設定します。必要な数の表示ルールを追加します。
[コンテンツ] セクションで、ブロックのコンテンツを追加およびカスタマイズします。
- 任意：[セクションヘッダー] フィールドで、[タイトルを追加 (任意)] をクリックして、ブロックにヘッダーを追加します。
- [コンテンツアイテム] セクションで、[⊕コンテンツアイテムを追加] をクリックし、追加するコンテンツアイテムを選択します。
- コンテンツアイテムダイアログで、コンテンツアイテムの詳細とスタイルを設定し、[完了] をクリックします。
- 任意：コンテンツアイテムを追加し、必要に応じてカスタマイズします。
任意：[スタイル] セクションで、[デザインをカスタマイズする] をクリックして、ブロックのコンテナと列のスタイルとサイズをカスタマイズします。
任意：[公開] セクションで、鉛筆アイコンをクリックして、ブロックを表示するマーケットページとチェックアウトページを選択します。
[保存] をクリックします。
ブロックはデフォルトでは [下書き] として保存されます。ブロックを公開する準備ができたら、[ステータス] セクションでドロップダウンメニューから [有効化] を選択します。
動的コンテンツブロックをチェックアウトに追加する
既存の動的コンテンツブロックをチェックアウトに追加できます。チェックアウト時に表示するには、ブロックを [有効化] に設定する必要があります。
チェックアウト・アカウントエディタでブロックをプレビューする場合は、Checkout Blocksアプリからブロックの固有のプレビューIDをコピーします。
手順
管理画面で [アプリ] > [チェックアウトブロック] の順に移動します。
[ブロック] をクリックします。
チェックアウトに追加する動的コンテンツブロックをクリックします。
[その他の操作] > [チェックアウトに追加] の順にクリックします。
任意：[ブロックIDをプレビュー] セクションで、クリップボードのアイコンをクリックして、ブロックの固有のプレビューIDをコピーします。
希望のチェックアウト設定を選択し、[エディタを開く] をクリックします。
チェックアウト・アカウントエディタで、チェックアウトに動的コンテンツブロックを追加します。
- ブロックを追加するチェックアウトページに移動します。
- ブロックを追加するセクションで [⊕アプリブロックを追加] をクリックします。
- [動的コンテンツ] チェックアウトブロックオプションをクリックします。
- チェックアウトブロックの詳細を設定し、対応するアプリブロックIDを選択します。
- 任意：[ブロックIDをプレビュー (テスト用)] フィールドとブロックのプレビューIDを使用して、チェックアウト時にブロックがどのように表示されるかをプレビューします。
- 任意：ダイナミックブロックをドラッグ&ドロップして、ブロックを表示させたいチェックアウトページ上で位置を変更します。
[保存] をクリックします。