Notiondesk メッセンジャーをカスタマイズ

Notiondesk Messenger をブランドに合わせてカスタマイズし、ウィジェットから訪問者がアクセスできる内容を決定できます。

Messengerのカスタマイズには、色、ランチャー、レイアウト、ホーム画面、サポートモジュール、言語、許可されるWebサイトドメインなどが含まれます。

色やブランドをカスタマイズ

Messengerの外観設定を使用して、Messengerをウェブサイトやアプリケーションに合わせることができます。

Messenger全体で使用される色をカスタマイズできます。例えば、以下の色です。

• 原色

• 背景色

• テキストの色

• ヘッダーの色

• ランチャーの色

• AIと訪問者メッセージの色

• 入力色

Messenger内で使用されるフォントを設定することもできます。

これらのブランディング設定は、JavaScript SDK ではなく、Notiondesk から制御されます。

Messengerランチャーをカスタマイズする

ランチャーとは、訪問者がメッセンジャーを開くために使用するボタンのことです。

カスタマイズ可能：

• ランチャーが表示されるかどうか

• 発射装置の位置

• ランチャーの形状

• サイドスペーシング

• 下部間隔

• ランチャーの色

• カスタムランチャーアイコン

ランチャーの位置を変更する

メッセンジャーは、ウェブサイトの右下隅のどちらにも表示できます。

• 右下

• 左下

ウェブサイトのナビゲーション、Cookieコントロール、アクセシビリティツール、その他のフローティング要素と重ならないように位置を選択してください。

ランチャーの形状を変更する

ランチャーは以下を使用できます。

• 角丸四角

• 丸

お使いのインターフェースに最適な形状を選択してください。

カスタムランチャーを使用する

標準のNotiondeskランチャーを完全に非表示にして、独自のインターフェースからMessengerを開くことができます。

例えば、以下の場所からMessengerを開くことができます。

• ナビゲーションにヘルプボタンがあります

• サポートへのお問い合わせボタン

• アカウントメニュー

• すでに使用しているフローティングボタン

• アプリケーション内のサポートセクション

Messengerの設定で「ランチャーを表示」をオフにしてから、Notiondesk Messenger JavaScript SDKを使用してMessengerを開いたり切り替えたりしてください。

例えば：

カスタムランチャーの例と SDK コントロールについては、 JavaScript SDK を使用したコントロール Notiondesk Messenger を参照してください。

Messengerのデフォルトレイアウトを選択してください

Messenger は、製品内でサポートをどのように表示したいかに応じて、さまざまなレイアウトをサポートしています。

利用可能なレイアウトは以下のとおりです。

helpButton.addEventListener("click", () => {
  void notiondesk.toggle();
});

• フローティング： Messengerはウェブサイトの上にフローティングパネルとして開きます。

• サイドバー：メッセンジャーが全高のサイドパネルとして開きます

• 全画面表示：メッセンジャーは利用可能なビューポートを使用します

Messengerの設定からデフォルトのレイアウトを設定してください。

Messengerは画面サイズに合わせて自動的に調整されるため、訪問者はモバイル端末でも快適に利用できます。

利用可能なメッセンジャーモジュールを選択してください

Messengerには複数のサポートモジュールを含めることができます。

サポート業務にとって意味のあるモジュールのみを有効にしてください。

メッセージ

メッセージモジュールは、Messenger内でAIを活用した会話機能を提供します。

このモジュールには、Notiondesk AIチャットボットが接続され、設定されている必要があります。

訪問者はメッセージ機能を使って質問をしたり、サポートコンテンツに基づいた回答を受け取ったりすることができます。

ヘルプ

ヘルプモジュールを使用すると、訪問者はウェブサイトから離れることなくヘルプセンターにアクセスできます。

訪問者は、Messenger内で直接カテゴリを閲覧したり、記事を開いたり、ドキュメントを検索したりできます。

接触

お問い合わせモジュールを使用すると、セルフサービスサポートでは対応できない場合に、訪問者が貴社チームに連絡を取ることができます。

変更履歴

Changelogモジュールを使用すると、公開済みの製品アップデートをMessenger内で直接表示できます。

これにより、顧客はアプリケーションを離れることなく、新機能や改善点を発見できます。

Messengerの言語をカスタマイズする

Messengerで利用可能な言語を設定し、デフォルト言語を選択してください。

訪問者は、メッセンジャーで有効化されている言語のみを選択できます。

アプリケーションが訪問者の優先言語を既に把握している場合は、JavaScript SDK を使用して Messenger の言語をプログラムで設定することもできます。

notiondesk.setLanguage("fr");

要求された言語は、メッセンジャーの設定でも有効になっている必要があります。

ランタイム言語同期については、 JavaScript SDK を使用したコントロール Notiondesk Messenger を参照してください。

Messengerへのアクセスを信頼できるドメインに制限する

Messengerが承認済みのウェブサイトドメインでのみ読み込まれるように制限できます。

Messengerを、あなたが管理するウェブサイトやアプリケーションにのみ埋め込む場合は、信頼できるドメインを使用してください。

例えば、以下のようなことを許可できます。

信頼できるドメインが設定されている場合、Messengerは許可されていないWebサイトから読み込まれません。

これは、Messengerが自社アプリケーション専用の顧客サポート機能を公開している場合に特に役立ちます。

www.example.com
app.example.com