ランディングページ固有のコンテンツの定義 lp-content

ランディングページのコンテンツをデザインするには、メールと同じコンポーネントを使用できます。詳細情報

ユーザーがオプションを選択して送信できるようにする特定のコンテンツをデザインするには、フォームコンポーネントを使用しランディングページ固有のスタイルを定義します。

NOTE
また、フォーム ​コンポーネントを使用せずにクリックスルーのランディングページを作成することもできます。この場合、ランディングページはユーザーに表示されますが、フォームの送信には必要ありません。これは、オプトインやオプトアウトなど、受信者からのアクションを必要とせずにランディングページの表示のみを行う場合や、ユーザーによる入力が不要な情報を提供する場合に役立ちます。

ランディングページのコンテンツデザイナーを使用すると、サブページのプライマリページから取得したコンテキストデータを活用することもできます。詳細情報

フォームコンポーネントの使用 use-form-component

ユーザーがランディングページからオプションを選択して送信できるような特定のコンテンツを定義するには、フォーム ​コンポーネントを使用します。これを行うには、以下の手順に従います。

  1. ランディングページ固有の​ フォーム ​コンポーネントを左側のパレットからメインのワークスペースにドラッグ&ドロップします。

    note note
    NOTE
    フォーム ​コンポーネントは、同じページで 1 回だけ使用できます。
  2. 選択します。「フォームコンテンツ」タブが右側のパレットに表示され、フォームの様々なフィールドを編集できます。

    note note
    NOTE
    スタイル」タブに切り替えると、フォームコンポーネントコンテンツのスタイルをいつでも編集できます。詳細情報
  3. チェックボックス 1」セクションでは、このチェックボックスに対応するラベルを編集できます。

  4. このチェックボックスでユーザーのオプトイン/オプトアウトを行うかどうかを定義します(お知らせの受信に同意する、または以降の連絡を望まない)。

    次の 3 つのオプションの中から選択します。

    • オンの場合オプトイン:ユーザーが同意するには、チェックボックスをオンにする必要があります(オプトイン)。
    • オンの場合オプトアウト:ユーザーが同意を削除するには、このチェックボックスをオンにする必要があります(オプトアウト)。
    • オンの場合はオプトイン、オフの場合はオプトアウト:このオプションを使用すると、オプトイン/オプトアウト用の 1 つのチェックボックスを挿入できます。ユーザーは、同意(オプトイン)するにはチェックボックスをオンにし、同意を削除(オプトアウト)するにはオフにする必要があります。
  5. 次の 3 つのオプションの間で、更新する項目を選択します。

    • 購読リスト:プロファイルがこのチェックボックスを選択した場合に更新される購読リストを選択する必要があります。詳しくは、購読リストを参照してください。

    • チャネル(メール):オプトインまたはオプトアウトは、チャネル全体に適用されます。例えば、オプトアウトするプロファイルに 2 つのメールアドレスがある場合、両方のアドレスはすべてのコミュニケーションから除外されます。

    • メール ID:オプトインまたはオプトアウトは、ランディングページへのアクセスに使用したメールアドレスにのみ適用されます。例えば、プロファイルに 2 つのメールアドレスがある場合、ブランドからのお知らせはオプトインに使用されたメールアドレスにのみ届きます。

  6. フィールドを追加チェックボックス ​をクリックし、別のチェックボックスを追加します。上記の手順を繰り返して、プロパティを定義します。

  7. また、テキストフィールド ​を追加することもできます。

    • フォームのフィールドの上部に表示される​ ラベル ​を入力します。

    • プレースホルダー ​テキストを入力します。ユーザーがフィールドに入力する前に、フィールド内に表示されます。

    • 必要に応じて、「フォームフィールドを必須にする」オプションをオンにします。その場合、ランディングページは、ユーザーがこのフィールドに入力した場合にのみ送信できます。必須フィールドが未入力の場合、ユーザーがページを送信するとエラーメッセージが表示されます。

  8. 必要なチェックボックスやテキストフィールドをすべて追加したら、「コールトゥアクション」をクリックして、対応するセクションを展開します。これにより、フォーム ​コンポーネントでボタンの動作を定義できるようになります。

  9. ボタンをクリックしたときの動作を定義します。

    • リダイレクト URL:ユーザーのリダイレクト先となるページの URL を入力します。
    • 確認テキスト:表示する確認テキストを入力します。
    • サブページへのリンクサブページを設定し、表示されるドロップダウンリストから選択します。

  10. エラーが発生した場合にボタンをクリックしたときの動作を定義します。

    • リダイレクト URL:ユーザーのリダイレクト先となるページの URL を入力します。

    • エラーテキスト:表示するエラーテキストを入力します。エラーテキストは、フォームスタイルを定義する際にプレビューできます。

    • サブページへのリンクサブページを設定し、表示されるドロップダウンリストから選択します。

  11. フォームの送信時に追加の更新を行う場合は、「オプトイン」または「オプトアウト」を選択し、購読リスト、チャネル、または使用するメールアドレスのみを更新するかどうかを定義します。

  12. コンテンツを保存し、ページ名の横の矢印をクリックして、ランディングページのプロパティに戻ります。

ランディングページのフォームスタイルを定義 lp-form-styles

  1. フォームコンポーネントコンテンツのスタイルを変更するには、いつでも「スタイル」タブに切り替えます。

  2. フィールド」セクションはデフォルトで展開されており、ラベルやプレースホルダーフォント、ラベルの位置、フィールドの背景色、フィールドの境界線など、テキストフィールドの外観を編集できます。

  3. チェックボックス」セクションを展開し、チェックボックスと対応するテキストの外観を定義します。例えば、フォントファミリーやサイズ、チェックボックスの境界線の色を調整できます。

  4. ボタン」セクションを展開し、コンポーネントフォーム内のボタンの外観を変更します。例えば、フォントを変更したり、境界線を追加したり、マウスポインターを置いたときのラベルの色を編集したり、ボタンの配置を調整したりできます。

    マウスポインターを置いたときにボタンのラベルの色などの設定の一部をプレビューするには、「コンテンツをシミュレート」ボタンを使用します。ランディングページのテストについては、こちらを参照してください。

  5. フォームレイアウト」セクションを展開し、背景色、パディング、余白などのレイアウト設定を編集します。

  6. フォームエラー」セクションを展開し、問題が発生した場合に表示されるエラーメッセージの表示を調整します。フォーム上のエラーテキストをプレビューするには、対応するオプションをオンにします。

プライマリページコンテキストの使用 use-primary-page-context

同じランディングページ内の別のページから取得したコンテキストデータを使用できます。

例えば、プライマリランディングページのサブスクリプションリストにチェックボックスをリンクさせると、そのサブスクリプションリストを「ありがとうございました」サブページで使用できます。

例えば、プライマリページの 2 つのチェックボックスを、2 つの異なるサブスクリプションリストにリンクさせたとします。ユーザーがこれらのいずれかを購読している場合、選択したチェックボックスに応じて、フォームの送信時に特定のメッセージを表示する必要があります。

これを行うには、以下の手順に従います。

  1. プライマリページで、フォーム ​コンポーネントの各チェックボックスを関連するサブスクリプションリストにリンクさせます。 詳細情報

  2. サブページで、テキストを挿入する位置にマウスのポインターを置き、コンテキストツールバーから「パーソナライゼーションを追加」を選択します。

  3. パーソナライゼーションを編集 ​ウィンドウで、コンテキスト属性ランディングページプライマリページコンテキストサブスクリプション ​を選択します。

  4. プライマリページで選択したすべてのサブスクリプションリストが表示されます。「+」アイコンを使用して、関連する項目を選択します。

  5. パーソナライゼーションエディターのヘルパー関数を使用して、関連する条件を追加します。詳細情報

    note caution
    CAUTION
    式にハイフンなどの特殊文字がある場合は、ハイフンを含むテキストをエスケープする必要があります
  6. 変更を保存します。

これで、ユーザーがチェックボックスの 1 つを選択すると、

フォームの送信時に、選択したチェックボックスに対応するメッセージが表示されるようになります。

NOTE
ユーザーが 2 つのチェックボックスを選択すると、両方のテキストが表示されます。
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76