Ctrlk
Integration DocsContact 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. 青い 追加先 ボタンを、キャンバス上でコンポーネントを表示したい場所で選択します。

3

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

画像またはロゴを追加する

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

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

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

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

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

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

画像またはロゴを置き換える

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

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

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

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

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

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

  4. 選択して 完了.

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

既存の共有ボタンは 編集 メニューで編集できます。

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

  2. の 編集 タブで、 共有先 見出しの下で

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

  1. の 追加 タブで、 共有.

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

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

4

ステップ4：プレビューして保存する

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

    • 次の環境ごとの体験のプレビューを切り替えられます： [デスクトップ], [タブレット]または [モバイル] それぞれのデバイスアイコンを選択します。

  2. 編集インターフェースに戻るには、 [編集] を選択して、ウィジェットが参加者にどのように表示されるかをプレビューします。

  3. 保存 を選択します。

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

を選択すると、変更は 保存に追加されます プログラムの下書き.

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

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

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

詳細を見る

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

最終更新

役に立ちましたか？