パーソナライズウィジェットの種類

1. アナウンスウィジェット
2. ニュースウィジェット
3. コマンドパネルウィジェット
   
4. IMチャンネルウィジェット

1. // SalesIQインストールコード
2. $Zoho.salesiq.ready(function() {
3. $Zoho.salesiq.set('ホーム.widgets', [
4. // 表示するウィジェットの一覧
5. ]);
6. })

1. 1. 画像
2. {
3. '種類' : '画像',
4. 'url' : 'https://www.zohowebstatic.com/sites/zweb/画像/salesiq/bot/images_bot.png',
5. 'image_position' : 'fit|fill'
6. }
7. 2. 動画
8. {
9. '種類':'動画',
10. 'thumbnail':'https://Zoho.com/画像/bot.png',
11. 'url': 'https://Zoho.com/動画/bots.mp4',
12. 'autoplay' : 真,
13. 'subtitles': 'https://Zoho.com/動画/bots.srt'
14. }

1. 1. リンク
2. {
3. '種類' : 'リンク',
4. 'ラベル' : string, // 表示するテキスト
5. 'url' : 'https://www.Zoho.com/salesiq/ヘルプ/developer-guides/bot-siq-scripts-zobot-response-cta-2.0.html'
6. }
7. 
   
8. 2. 通話
9. {
10. '種類' : '通話',
11. 'ラベル' : string, // 表示するテキスト
12. 'provider' : 'native|system', // native - SalesIQ で発信 | system - FaceTime またはモバイル通話
13. 'contact_number' : 番号 //電話番号
14. }
15. 
    
16. 3. メール
17. {
18. '種類' : 'メール',
19. 'ラベル' : string, // 表示されるテキスト
20. 'email_id' : 'サポート@zohosalesiq.com'
21. }
22. 
    
23. 4. chat
24. {
25. '種類' : 'chat',
26. 'ラベル' : string // 表示されるテキスト
27. }
28. 
    
29. 5. article
30. {
31. '種類' : 'article',
32. 'article_id' : $articleId // 例 : '115844000014148177'
33. 'ラベル' : string // 表示されるテキスト
34. }
35. 
    
36. 6. client_action
37. {
38. '種類' : 'client_action', // カスタムclient-side操作を、操作オブジェクト内のclientaction_nameキーに基づいてトリガーします。client 操作APIドキュメントをご参照ください。
39. 'ラベル' : string, // 表示されるテキスト
40. '名前' : 'bookbtn', // クライアント関数を呼び出す際に送信されるキー
41. 'clientaction_name' : 'book_now'

アナウンスウィジェット


1. アナウンスウィジェットの構文コードは以下の通りです。
   

構文:

1. {
2. '種類' : 'announcement',
3. 'banner' : media object ,
4. '件名' : string,
5. 'text' : string,
6. '操作' : 操作 object
7. }

1. 上記の構文コードを要件に合わせてカスタマイズし、インストールコードのready関数内に貼り付けてください。

Sample コード

下記に参照用のコードサンプルを掲載しています。

1. //SalesIQ ダッシュボードから、設定 > Brands > 対象のブランドを選択 > Installation > Webサイト > コードをコピーし、ここに貼り付けてサンプルコードを動作させてください。
   
2. 
   

出力





ニュースウィジェット


1. ニュースウィジェット用の構文コードは下記の通りです。
   
構文：
1. {
2. '種類' : 'news',
3. 'banner' : media object,
4. '件名' : string,
5. 'text' : string
6. }
1. 上記の構文コードを要件に合わせてカスタマイズし、インストールコードのready関数内に貼り付けてください。

サンプルコード

以下に参照用のコードサンプルを掲載しています。
1. //SalesIQ ダッシュボードから、設定 > Brands > 対象のブランドを選択 > Installation > Webサイト > コードをコピーし、サンプルコード用にここへ貼り付けてください。

出力

コマンドパネルウィジェット

1. コマンドパネルメッセージの構文コードは以下の通りです。
   

1. 上記の構文コードを要件に合わせてカスタマイズし、インストールコードの ready 関数内に貼り付けてください。
   

サンプルコード

下記に参照用のコードサンプルを用意しています。

1. //SalesIQ ダッシュボードから、設定 > Brands > ブランドを選択 > Installation > Webサイト > コードをコピーし、サンプルコードのこの部分に貼り付けてください。

出力

IMチャネルウィジェット

SalesIQのチャットウィジェット内で、インスタントメッセージング（IM）チャネルを2種類の表示形式で表示できます。

1. action_item – 各IMチャネルを縦並びのボタンとして表示します。初期設定のChatや通話ボタンと同様の形式です。
2. channel_links – IMチャネルをアイコンとして横並びに表示し、よりコンパクトなレイアウトを実現します。

どちらの設定でも、ユーザーはSalesIQチャットインターフェースから普段利用しているメッセージングプラットフォームを通じて、直接お問い合わせいただけます。

出力

対応チャネル:

下記は、ウィジェット設定で使用するidおよびurl属性の例値を含む、対応IMチャネルの一覧です。

メモ: 以下のURLおよびIDの例はSalesIQのIMチャネル用です。ご自身の情報に置き換えてご利用ください。

チャネル名	例 URL 形式	ID
WhatsApp	https://wa.me/917305992852	917305992852
折れ線グラフ	https://折れ線グラフ.me/R/ti/p/@246qkdpd	@246qkdpd
Instagram	https://ig.me/m/ZohoSalesIQ	ZohoSalesIQ
WeChat	weixin://dl/chat?	zoho_support_id
Facebook	https://m.me/ZohoSalesIQ	ZohoSalesIQ
X（Twitter）	https://x.com/messages/compose?recipient_id=5827392	5827392
Telegram	https://t.me/zylker_shop_bot	zylker_shop_bot

action_item

1. action_itemの構文コードは以下の通りです。
   

構文:

1. {
2. '種類' : 'action_item',
3. '件名' : string,
   
4. // channelキーで許可されている値 - 'Facebook' | 'instagram' | 'WhatsApp' | 'telegram' | 'x' | 'we' | '折れ線グラフ'
5. 'icon' : {
   
6. 種類 : 'channel',
   
7. 名前: 'channelの名前',
   
8. id: '$unique_key', // URLが存在する場合は省略可能
9. url: ' '
   
10. }
    
11. }

1. 上記の構文コードを要件に合わせてカスタマイズし、インストールコードのready関数内に貼り付けてください。
   

サンプルコード

下記にサンプルコードを用意していますので、ご参照ください。

1. //SalesIQダッシュボードから、設定 > Brands > 対象ブランドを選択 > Installation > Webサイト > コードをコピーし、このサンプルコードに貼り付けてご利用ください。

channel_links

1. channel_linksの構文コードは以下のとおりです。
   

構文：

1. {
2. '種類': 'channel_links',
3. '件名' : string,
   
4. // channelキーで使用可能な値 - 'Facebook' | 'instagram' | 'WhatsApp' | 'telegram' | 'x' | 'we' | '折れ線グラフ'
5. 'channels': [
6. {
7. 名前: 'channelの名前',
   
8. id: '$unique_key', // URLが存在する場合は省略可能
9. url: ' '
10. }
11. ]
12. }

1. 上記の構文コードを必要に応じてカスタマイズし、インストールコードのready関数内に貼り付けてください。
   

サンプルコード

下記にサンプルコードを用意していますので、参照してください。

1. //SalesIQダッシュボードから、設定 > Brands > ブランドを選択 > Installation > Webサイト > コードをコピーし、このサンプルコードに貼り付けてご利用ください。