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

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/images/salesiq/bot/images_bot.png',
5. 'image_position' : 'fit|fill'
6. }
7. 2. 動画
8. {
9. '種類':'video',
10. 'thumbnail':'https://zoho.com/images/bot.png',
11. 'url': 'https://zoho.com/videos/bots.mp4',
12. 'autoplay' : 真,
13. 'subtitles': 'https://zoho.com/videos/bots.srt'
14. }

1. 1. リンク
2. {
3. '種類' : 'リンク',
4. 'ラベル' : string, // 表示するテキスト
5. 'url' : 'https://www.zoho.com/salesiq/help/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', // 操作オブジェクト内の clientaction_name キーに基づいて、カスタムのクライアントサイド操作をトリガーします。詳細は クライアント操作 API ドキュメントを参照してください。
39. 'ラベル' : string, // 表示するテキスト
40. '名前' : 'bookbtn', // クライアント関数を呼び出すときに送信されるキー
41. 'clientaction_name' : 'book_now'
42. }

1. アナウンスウィジェットの構文コードは次のとおりです。
   

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

Sample コード

参照用のコードサンプルを以下に示します。

1. //SalesIQ ダッシュボードで、［設定］ > ［ブランド］ > 対象のブランドを選択 > ［インストール］ > ［Webサイト］に移動し、コードをコピーしてここに貼り付けると、このサンプルコードが動作します。
   
2. <script>window.$Zoho=window.$Zoho || {};$Zoho。salesiq=$Zoho。salesiq||{ready:function(){}}</script><script id='zsiqscript' src='https://salesiq.zohopublic.com/widget?wc=siqfe0612efca087f0231494bd17d55e66512cf7eb42ab4d0f0ae8ccc0a932be' defer></script>
   
3. <script>
4. $Zoho。salesiq。ready = function () {
5. $Zoho。salesiq。set('ホーム。widgets', [
6. {
7. 種類: 'announcement',
8. banner: {
9. 種類: '画像',
10. url: 'https://previewengine-accl.zohoexternal.com/image/WD/gkbu53ba12feb59204d558ba0e4440c52d3f1?version=1.0&width=2046&height=1536',
11. image_position: 'fit|fill'
12. },
13. 件名: 'Lead Nurturing 101: 無料 Training',
14. text: 'すべて Zoho ユーザー in the region are ようこそ！ - 参加する the meetup! Zoho One subscribers will gain the most insights. Zoho CRM and other stand-alone app ユーザー will discover how Zoho's full suite can boost their 法人 完了.',
15. 操作: {
16. 種類: 'リンク',
17. ラベル: '今すぐ登録する',
18. url: 'https://www.zoho.com/zoholics/'
19. }
20. }
21. ]);
22. };
23. </script>

Output

News widget

1. //SalesIQ ダッシュボードで、［設定］>［ブランド］> 対象のブランドを選択 >［インストール］>［ウェブサイト］の順に進み、コードをコピーして、このサンプルコードが動作するようにここに貼り付けてください。
2. <script>window.$Zoho=window.$Zoho || {};$Zoho。salesiq=$Zoho。salesiq||{ready:function(){}}</script><script id='zsiqscript' src='https://salesiq.zohopublic.com/widget?wc=siqfe0612efca087f0231494bd17d03555e66512cf72ab4d0f0ae8ccc0a932be' defer></script>
3. <script>
4. $Zoho。salesiq。ready = function() {
5. $Zoho。salesiq。set('ホーム。widgets', [
6. {
7. 種類: 'news',
8. banner: {
9. 種類: '画像',
10. url: 'https://previewengine-accl.zohoexternal.com/image/BACKSTAGE/912000271967525?cli-msg=eyJtb2R1bGUiOiJFdmVudEltYWdlUmVzb3VyY2UiLCJ0eXBlIjowLCJwb3J0YWxJZCI6IjY1MDczMzk2MSIsInN1YlJlc291cmNlSWQiOiI2NTA3MzM5NjEiLCJpZCI6IjkxMjAwMDI3MTk2NzUyNSJ9',
11. image_position: 'fit|fill'
12. },
13. 件名: 'Zoholics に参加しませんか: テクノロジーについて語り合いながら、おいしいコーヒーを楽しみましょう',
14. text: '最新の製品アップデート、1 対 1 のサポートセッション、Zoho のお客様やパートナーとの充実したネットワーキングの機会をご用意しています。皆さまからのフィードバックをもとに、今年の Zoholics がどなたにとっても価値あるイベントとなるよう取り組んできました。'
15. }
16. ]);
17. };
18. </script>

サンプルコード

出力

IM チャネルウィジェット

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

1. action_item – 各 IM チャネルを、デフォルトの［チャット］や［通話］ボタンと同様の縦並びボタンとして表示します。
2. channel_links – IM チャネルを横一列に並んだアイコンとして表示し、よりコンパクトな表示を提供します。

どちらの形式でも、ユーザーは自分が普段利用しているメッセージングプラットフォームから、SalesIQ のチャット画面を介して直接あなたに連絡できます。

出力

対応チャネル:

以下は、ウィジェット設定で使用できる対応 IM チャネルの一覧と、id および url 属性のサンプル値です。

メモ: 以下のサンプル URL と ID は SalesIQ の IM チャネルの値です。実際のご利用環境の値に置き換えてください。

チャネル名	サンプル URL 形式	ID
WhatsApp	https://wa.me/917305992852	917305992852
LINE	https://line.me/R/ti/p/@246qkdpd	@246qkdpd
Instagram	https://ig.me/m/ZohoSalesIQ	ZohoSalesIQ
WeChat	weixin://dl/chat?<WECHAT_ID>	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' | 'LINE'
5. 'icon' : {
   
6. 種類 : 'channel',
   
7. 名前: 'チャネル名',
   
8. id: '$unique_key', // URL がある場合は任意
9. url: '<チャネルの URL>'
   
10. }
    
11. }

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

サンプルコード

参照用のコードサンプルを以下に示します。

1. //SalesIQ ダッシュボードで、［設定］>［Brands］> 対象のブランドを選択 >［Installation］>［Webサイト］の順に移動し、コードをコピーして、このサンプルコード内の該当箇所に貼り付けてください。
2. <script>window.$Zoho=window.$Zoho || {};$Zoho。salesiq=$Zoho。salesiq||{ready:function(){}}</script><script id='zsiqscript' src='https://salesiq.zohopublic.com/widget?wc=siqfe0612efca087f0231494bd17555e66512cf7eb42ab4d0f0ae8ccc0a932be' defer></script>
3. <script>
4. $Zoho。salesiq。ready = function () {
5. $Zoho。salesiq。set('ホーム。widgets', [
6. {
7. 種類: 'action_item',
8. 件名: 'チャットで問い合わせる',
9. icon: {
10. 種類: 'channel',
11. 名前: 'WhatsApp',
    
12. //以下の番号は SalesIQ の WhatsApp 用番号です。自社の WhatsApp ビジネス番号に置き換えてください。
13. id: '917305992852', // URL がある場合は任意
14. url: 'https://wa.me/917305992852'
15. }
16. },
17. {
18. 種類: 'action_item',
19. 件名: 'チャットで問い合わせる',
20. icon: {
21. 種類: 'channel',
22. 名前: 'instagram',
    
23. //以下の ID は SalesIQ の Instagram 用 ID です。自社の Instagram ID に置き換えてください。
24. id: 'zohosalesiq', // URL がある場合は任意
25. url: 'https://www.instagram.com/zohosalesiq/'
26. }
27. }
28. ]);
29. };
30. </script>

channel_links

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

構文:

1. {
2. '種類': 'channel_links',
3. '件名' : string,
   
4. // channel キーで使用できる値 - 'Facebook' | 'instagram' | 'WhatsApp' | 'telegram' | 'x' | 'we' | 'line'
5. 'channels': [
6. {
7. 名前: 'channel の名前',
   
8. id: '$unique_key', // URL がある場合は任意
9. url: '<channel の URL>'
10. }
11. ]
12. }

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

サンプルコード

参照用のコードサンプルを以下に示します。

1. //SalesIQ ダッシュボードで、［設定］>［Brands］> 対象のブランドを選択 >［Installation］>［Webサイト］の順に移動し、コードをコピーして、このサンプルコード内の該当箇所に貼り付けてください。
2. <script>window.$Zoho=window.$Zoho || {};$Zoho。salesiq=$Zoho。salesiq||{ready:function(){}}</script><script id='zsiqscript' src='https://salesiq.zohopublic.com/widget?wc=siqfe0612efca087f0231494bd17555e66512cf7eb42ab4d0f0ae8ccc0a932be' defer></script>
3. <script>
4. $Zoho。salesiq。ready = function () {
5. $Zoho。salesiq。set('ホーム。widgets', [
6. {
7. 種類: 'channel_links',
8. 件名: '各種チャネルでお問い合わせ',
9. channels: [
10. {
11. 名前: 'WhatsApp',
    
12. //以下の番号は SalesIQ の WhatsApp 用番号です。自社の WhatsApp ビジネス番号に置き換えてください。
13. id: '917305992852', // URL がある場合は任意
14. url: 'https://wa.me/917305992852' // 自社の WhatsApp 番号に置き換えてください。
15. },
16. {
17. 名前: 'line',
    
18. //以下の ID は SalesIQ の LINE 用 ID です。自社の LINE ID に置き換えてください。
19. id: '@246qkdpd', // URL がある場合は任意
20. url: 'https://line.me/R/ti/p/@246qkdpd' // 自社の LINE ID に置き換えてください。
21. },
22. {
23. 名前: 'instagram',
    
24. //以下の ID は SalesIQ の Instagram 用 ID です。自社の Instagram ID に置き換えてください。
25. id: 'zohosalesiq', // URL がある場合は任意
26. url: 'https://ig.me/m/zohosalesiq' // 自社の Instagram ユーザー名に置き換えてください。
27. },
28. {
29. 名前: 'we',
    
30. id: 'WECHAT_ID', / URL がある場合は任意
31. url: 'weixin://dl/chat?WECHAT_ID' // 自社の WeChat ID に置き換えてください。
32. },
33. {
34. 名前: 'Facebook',
    
35. //以下の ID は SalesIQ の Facebook 用 ID です。自社の Facebook ID に置き換えてください。
36. id: 'ZohoSalesIQ', // URL がある場合は任意
37. url: 'https://m.me/ZohoSalesIQ' // 自社の Facebook ページ名またはユーザー ID に置き換えてください。
38. },
39. {
40. 名前: 'x',
    
41. //以下の ID は SalesIQ の Facebook 用 ID です。自社の Facebook ID に置き換えてください。
42. id: '5827392', // URL がある場合は任意
43. url: 'https://x.com/messages/compose?recipient_id=5827392' // 自社の X（旧 Twitter）の受信者 ID に置き換えてください。
44. },
45. {
46. 名前: 'telegram',
    
47. id: 'zylker_shop_bot', // URL がある場合は任意
48. url: 'https://t.me/zylker_shop_bot' // 自社の Telegram ユーザー名に置き換えてください。
49. }
50. ]
51. }
52. ]);
53. };
54. </script>