Ctrlk
Integrations HubContact SupportLog In
For the complete documentation index, see llms.txt. This page is also available as Markdown.

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

ウィジェットエディタにアクセスします

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

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

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

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

1

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

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

  2. 選択 テンプレートを適用 開始したいテンプレートの横の

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

2

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

ウィジェット内で顧客アドボケイトに表示されるコンテンツを変更するために、コンポーネントを追加、編集、移動、または削除できます。

注: ウィジェットエディタの各要素の説明は、次を参照してください: ウィジェットエディタの概要.

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

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

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

編集できるプロパティは、選択したコンポーネントの種類によって異なります。たとえば、 ヒーロー画像 コンポーネントを選択すると、新しい画像を選択したり、背景色を変更したりできます。ヘッダーのようなテキストのみの要素を選択した場合は、フォント、テキストの色、テキスト内容を変更できます。

  1. 編集したいコンポーネントを選択します。

  2. のオプションを使用して コンポーネント メニューの 編集 タブでそのプロパティを変更します。

  1. キャンバス内で、移動したいコンポーネントを選択します。

  2. 選択 [移動].

    • 移動できないコンポーネントもあります。 [移動] このオプションは、コンポーネントを移動できる別の有効な配置先がキャンバス上にある場合にのみ表示されます。

  3. 青い 移動先 ボタンを、コンポーネントを移動したい先で選択します。

    • ドラッグ＆ドロップではなく、ボタンを選択してから移動先を選択する必要があります。

  1. キャンバス上で削除したいコンポーネントを選択します。

  2. 選択 [削除].

3

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

画像またはロゴを追加

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

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

    • オーバーレイ付きヒーロー画像 （編集可能なテキストが重ねられた画像）

    • 画像 （上にテキストのない通常の画像）

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

  4. 〜から コンポーネントメニューの 編集 タブで ファイルを選択 下のボタンを 画像 見出しの

画像またはロゴを差し替える

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

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

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

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

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

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

  4. 選択 完了.

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

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

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

  2. の中で 編集 タブで、下にあるサイトまたはサービス名を選択し 共有メディア 見出しの

次のものを使用して新しい共有ボタンを追加します。 追加 メニュー。

  1. 〜から 追加 タブで、次を選択し 共有.

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

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

4

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

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

    • の体験プレビューを切り替えられます。 [デスクトップ], [タブレット]、または [モバイル] ユーザー向けに、それぞれのデバイスアイコンを選択して切り替えます。

  2. 編集インターフェースに戻るには、次を選択します。 [編集] 上部メニューバーから

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

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

次を選択すると、 保存、変更は次のあなたの プログラム下書き.

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

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

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

詳しく見る

前へウィジェットタイプの解説
次へ即時アクセスウィジェットを設定する

最終更新

役に立ちましたか？