コンテンツエディターでウィジェットとマイクロサイトをカスタマイズする

コンテンツエディターを使えば、ブランドのアイデンティティにシームレスに一致するウィジェットやマイクロサイトを作成でき、お客様に一貫性があり信頼できる体験を提供できます。適切にブランド化された接点は、高いエンゲージメントとプログラムの採用を促進するうえで重要です。

一元化されたブランディング管理

ウィジェットまたはマイクロサイトのスタイルオプションを使って、ブランドの核となるデザイン要素を簡単に見つけて更新できます。すべてのブランディング設定は、専用のブランディングセクションにあります。

ウィジェットやマイクロサイトは、ユーザーの状況によって見え方が異なります。たとえば、ログインしているか、エラーに遭遇しているか、モバイル端末で表示しているかなどです。エディターのプレビューを使えば、ウィジェットやマイクロサイトのあらゆる状態を簡単に切り替えて確認できます。

注意：プレビューは、ウィジェット（例：即時アクセスウィジェット）やコンポーネント（例：現金、報酬交換）により適しています。マイクロサイトをプレビューするには、各マイクロサイトページに移動して状態を確認する必要があります。

これにより、コンポーネントの見た目を確認するために手動で操作を完了する必要がなくなります。これで、ユーザージャーニーの各ステップについて、以下を含めテキストとデザインを安心して編集できます：

• ログイン済み表示とログアウト時表示
• エラーおよび成功メッセージ
• 複数ステップのフロー内の異なる段階（現金払い出しの認証など）

ブランディングスタイルをカスタマイズするには：

1. 左側のナビゲーションメニューで、 [Engage] → コンテンツ.

   • ウィジェットの場合は、 ウィジェットを編集 マイクロサイトの場合は、 コンテンツを編集.
2. 左側のメニューで、マイクロサイトまたはウィジェットのどちらを編集するか選択します。
3. 編集したいページテンプレートを選択し、次に ウィジェットのスタイル/マイクロサイトのスタイル.
4. ウィジェットまたはマイクロサイトに使用されるメインカラーを変更するには、ブランドカラーを選択します。
5. 次に、使用したいフォントスタイルを選択します。
6. [任意] 残りのスタイルオプションも順に設定して、ウィジェットまたはマイクロサイト内のブランドアイデンティティを完全にカスタマイズします。

スタイルエディター要素の参照

スタイル要素	説明
メインブランドカラー	この色はウィジェットまたはマイクロサイト全体のさまざまな要素で使用されるため、この手順を完了することが重要です。メインブランドカラーを選択してください。 この色は、編集オプションの下部にあるプライマリボタンとセカンダリボタンのセクションでも使用されます。
フォント	ウィジェットまたはマイクロサイト内で使用したいフォントスタイルを選択します。
色	ウィジェットまたはマイクロサイト内に表示したい各種カラーとアクセントを選択します： ・ 背景 ウィジェットまたはマイクロサイトの背景色として使用したい色を選択します。 ・ テキスト ウィジェットまたはマイクロサイト内のメインテキストと控えめなテキストの両方のフォントカラーを変更できます。 ・ アクセントカラー アクセントの色を変更します。これには、ウィジェットまたはマイクロサイト内のタブやアイコンなどの要素が含まれます。 ・ 追加カラー ウィジェットまたはマイクロサイトの種類に応じて、各要素の色やアクセントをさらに調整できます。
プライマリボタン	プライマリボタンまたはメインボタンの配色を選択します。ボタンの角丸の半径もピクセル単位で調整できます。 展開する ホバー状態 ユーザーがボタンにホバーまたは操作したときにボタンが変化する色を、さらに選択または変更するには、このセクションを使用します。
セカンダリボタン	セカンダリボタンの配色を選択します。ボタンの角丸の半径もピクセル単位で調整できます。 展開する ホバー状態 ユーザーがボタンにホバーまたは操作したときにボタンが変化する色を、さらに選択または変更するには、このセクションを使用します。
枠線	ウィジェットまたはマイクロサイト内のテーブルやカードなどのコンポーネントの色と枠線のアウトラインを変更します。 ・ 色 枠線の色を選択します。 ・ 太さ 枠線の太さを決めるために、ピクセル単位の値を入力します。 ・ 角丸半径 枠線の角丸半径を決めるために、ピクセル単位の値を入力します。
フォームフィールド	ウィジェットまたはマイクロサイト内のさまざまなフォームフィールドに使用したい色を選択します。これには、ユーザーが入力するすべての入力欄が含まれます。角丸半径のサイズを変更するために、ピクセル単位の値も入力できます。 展開する 詳細オプション フォームフィールドの選択時状態やホバー状態の色をさらにカスタマイズするためのセクションです。
ウィジェットサイズ	テンプレート内のウィジェットのサイズを変更します。埋め込みウィジェットとポップアップウィジェットの両方の寸法を調整できます。最小サイズと最大サイズを選択し、ドロップダウンで単位の種類を選択します。計測単位はピクセルまたはパーセンテージで設定できます。