プログラムウィジェットをカスタマイズする

ウィジェットエディターにアクセスする

1. 左側のナビゲーションメニューから、次を選択します [Engage] → コンテンツ.

2. の ウィジェット カードで、次を選択します ウィジェットを編集する。

3. 左のスライドアウトメニューから、編集したいウィジェットの名前を選択します。

   

ウィジェットをカスタマイズする

1

ステップ1: テンプレートを選択する

1. 左のスライドアウトメニューで、次の下にある 現在のウィジェット、次を選択します テンプレート.

2. 選択 テンプレートを適用 開始したいテンプレートの横にあるものを選択します。

   

注： 変更を確定せずにテンプレートの見た目をプレビューしたい場合は、保存する前に次を選択します [プレビュー] 保存するのは、行った変更を確定する準備ができたときだけにしてください。 保存 ボタンは、行った変更を確定する準備ができたときにのみ選択してください。

2

ステップ2: ウィジェットのコンテンツを調整する

コンポーネントを追加、編集、移動、または削除して、ウィジェットに表示されるカスタマーアドボケイトのコンテンツを変更できます。

注： ウィジェットエディターのさまざまな要素の説明については、次を参照してください ウィジェットエディターの概要.

追加

1. ページの右側の、 コンポーネント メニューの 追加 タブで、コンポーネントグループを選択します。

   • 利用可能な コンポーネント とそれらがどのようにグループ化されているかについて詳しく学びます。

2. 適切なコンポーネントを選択します。

3. 青い 追加先に追加 コンポーネントをキャンバス上に配置したい場所のボタンを選択します。

   

編集

移動

削除

3

ステップ3: ウィジェットの外観とテーマをカスタマイズする

画像やロゴを追加する

1. 右側で、 コンポーネント メニューの 追加 タブから、次を選択します 共通コンポーネント カテゴリ。

2. 次のいずれかを選択します：

   • オーバーレイヒーロー画像 （上に重ねられ編集可能なテキストがある画像）

   • 画像 （上にテキストのない単純な画像）

3. 画像をキャンバスに追加します。

4. の コンポーネントメニューの 編集 タブから、次を選択します ファイルを選択 ボタンを見出しの下にあるボタンで選択します。 画像 見出しの下にあるボタン。

   

画像やロゴを置き換える

1. キャンバス内で、変更したい写真を選択します。

2. の 編集 メニューで、次を選択します [削除] その後、を選択して ファイルを選択 新しい画像を再アップロードします。

   
3. 次の方法のいずれかで画像をアップロードします：

   • 画像をドラッグアンドドロップする

   • コンピューターでファイルを参照する

   • の ウェブアドレス タブで、ファイルの公開URLを貼り付けます

4. 選択 完了.

表示される共有ボタンを調整する

既存の共有ボタンは、メニューを使用して編集できます。 編集 メニューを使用して編集できます。

1. キャンバス上で編集したい共有ボタンを選択します。

2. の 編集 タブで、共有媒体の下からサイトまたはサービスの名前を選択します。 共有媒体 見出しの下にあるボタン。

   

タブを使用して新しい共有ボタンを追加し、 追加 メニューを使用して編集できます。

1. の 追加 タブを使用して、次を選択します 共有.

   
2. 適切なカードを選択します。

3. 青い 追加先に追加 コンポーネントをキャンバスに配置するボタン。

4

ステップ4: プレビューと保存

1. トップメニューバーから次を選択して、ウィジェットが参加者にどのように表示されるかをプレビューします [プレビュー] を選択します。

   • 体験のプレビューを、次のために切り替えることができます [デスクトップ], [タブレット]、または [モバイル] 各デバイスアイコンを選択してユーザーごとのプレビューを切り替えます。

2. 編集インターフェースに戻るには、次を選択します [編集] を選択します。

   
3. 保存 変更を保存します。

   警告： ウィジェットエディターは変更を自動保存しません。作業を失わないように頻繁に次をクリックしてください。 保存 頻繁にクリックして、作業を失わないようにしてください。

を選択すると、変更はあなたの 保存に追加されます。 プログラムのドラフト.

高度なカスタマイズオプション

高度なコンポーネントを使用すると、参加者の メール, セグメント、または カスタムフィールドに基づく条件付きコンテンツを含めることができます。たとえば、リーダーボードをゴールドレベルの購読者にのみ表示したい場合、 セグメント上の条件付きセクション コンポーネントを使用するとそれを実現できます。

高度なコンポーネントは、タブから追加できます。 追加 それらを設定するには少し追加の作業が必要で、条件が満たされたときのロジックを定義する JSONata式 を 条件 ボックスに入力する必要があります。サポートが必要な場合は、当社の サポートチーム にお問い合わせください。

詳細を学ぶ

• アドボケイトのウィジェットまたはマイクロサイトのHTMLを編集する

• アドボケイト用のカスタムNPMパッケージをインストールする