# コンテンツエディターでウィジェットとマイクロサイトをカスタマイズするコンテンツエディタは、ブランドのアイデンティティとシームレスに一致するウィジェットやマイクロサイトを作成できるようにし、顧客に対して一貫性と信頼性のある体験を提供します。ブランドを反映したタッチポイントは、高いエンゲージメントとプログラムの採用を促進するために重要です。 #### 集中管理されたブランディングコントロールウィジェットまたはマイクロサイトのスタイルオプションを使用すると、ブランドのコアデザイン要素を簡単に見つけて更新できます。すべてのブランディング設定は専用のブランディングセクションに配置されています。ウィジェットやマイクロサイトの見た目は、ユーザーの状況（ログイン状態、エラーの発生、モバイル表示など）によって異なります。エディタのプレビュー機能により、ウィジェットやマイクロサイトのすべての可能な状態を簡単に切り替えて確認できます。 {% hint style="info" %} **注意**: このプレビューはウィジェット（例：インスタントアクセスウィジェット）やコンポーネント（例：現金、リワード交換）により適用されます。マイクロサイトをプレビューするには、各マイクロサイトのページに移動して状態を確認する必要があります。 {% endhint %} これにより、コンポーネントがどのように見えるかを確認するために手動で操作を完了する必要がなくなります。今やユーザージャーニーの各ステップのテキストとデザインを自信を持って編集できます。例として： * ログイン中とログアウト時の表示 * エラーおよび成功メッセージ * 複数ステップのフロー（例：現金支払いの検証）における異なるステップブランディングスタイルをカスタマイズするには： 1. 左側のナビゲーションメニューで、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → コンテンツ**. * ウィジェットの場合は、選択します **ウィジェットを編集** マイクロサイトの場合は、選択します **コンテンツを編集する**. 2. 左側のメニューで、マイクロサイトを編集するかウィジェットを編集するかを選択します。 3. 編集したいページテンプレートを選択し、次に選択します **ウィジェットスタイル**/**マイクロサイトスタイル**. 4. ブランドのメインカラーを選択して、ウィジェットやマイクロサイトに表示される主要色を変更します。 5. 次に、使用したいフォントスタイルを選択します。 6. **\[オプション]** 残りのスタイルオプションを順に進めて、ウィジェットやマイクロサイト内でブランドアイデンティティを完全にカスタマイズします。

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

| スタイル要素 | 説明 | | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | 主要ブランドカラー |

この色はウィジェットやマイクロサイトの様々な要素で使用されるため、このステップを完了することが重要です。主要なブランドカラーを選択してください。

この色は、編集オプションの下部にあるプライマリボタンおよびセカンダリボタンのセクションでも使用されます。