Skip to content

HubSpot與Line Official Account消息互通使用説明

現可透過JIKA實現HubSpot與Line Official Account消息互通,請參考以下説明進行互通設定並了解實際應用。

Part 1 在HubSpot Developer中創建可串接Line的App

1. 登入HubSpot developer帳戶

在HubSpot中需要使用developer帳戶創建App,透過以下連結創建並登入developer帳戶:https://app.hubspot.com/signup-hubspot/developers?step=landing_page

2. Get HubSpot API Key

a. 在左側邊欄點擊Apps進入Apps頁面,再點擊右上角獲取HubSpot API key

图形用户界面, 文本, 应用程序 描述已自動生成

b. 在彈窗中點擊图片包含 图形用户界面 描述已自動生成

c. 成功生成key後,點文本 描述已自動生成。這裏的API key會在JIKA後台設定中使用到

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

3. 創建App

a. 在左側邊欄點擊Apps進入Apps頁面,再點擊右上角图片包含 文本 描述已自動生成創建App

图形用户界面, 应用程序, Teams 描述已自動生成

b. 填寫必要的App資訊

i. Public app name

路徑:Basic Info > App Info頁籤 > Public app name

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

ii. Redirect URLs

路徑:Basic Info > Auth頁籤 > Auth settings > Redirect URLs

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

Redirect URL需從JIKA後台獲得,JIKA後台路徑:Stores > Configuration > JIKA COMMERCE > HubSpot CRM > Conversations - Line Channel > Configure > Authentication settings for the Channel Line App within HubSpot > Redirect URL

**黏貼到Hubspot時,請去掉URL前面的 https://

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

iii. Scopes (路徑:Basic Info > Auth頁籤 > Auth settings > Scopes > )

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

需添加以下11個Scope:

表格 中度可信度描述已自動生成

c. 並點擊頁面下方的图片包含 文本 描述已自動生成完成創建

4. 完善App的Webhooks資訊

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

a. 填寫Target URL並點擊頁面下方的图片包含 应用程序 描述已自動生成

Target URL需從JIKA後台獲得,JIKA後台路徑:Stores > Configuration > JIKA COMMERCE > HubSpot CRM > Conversations - Line Channel > Configure > Authentication settings for the Channel Line App within HubSpot > Target URL for Webhooks

**黏貼到Hubspot時,請去掉URL前面的 https://

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

b. 點擊頁面右上方的創建subscriptions

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

Which object types? -> 請選擇 Contact

Listen for which events -> 請選擇 Created

設定完成後點擊下方文本 低可信度描述已自動生成以完成訂閲

c. 啓用Subscriptions

i. 將鼠標懸停到訂閲上,點擊

ii. 再將鼠標懸停到訂閲上,點擊

Part 2 在JIKA中完善App串接設定

1. Developer API key

JIKA Path:Stores > Configuration > JIKA COMMERCE > HubSpot CRM > General > Developer API key

需填寫在Part 1 > 2. Get HubSpot API Key 中生成的API Key。

*在JIKA設定並儲存後,需refresh cache(SYSTEM > Tools > Cache Management)

2. Basic Info

JIKA Path:Stores > Configuration > JIKA COMMERCE > HubSpot CRM > Conversations > Line Channel > Configure > Basic Info

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成
配置項填寫説明
Enabled設定為‘Yes’
Debug設定為‘Yes’
Channel Name設定Line Channel在HubSpot Inbox中的展示名稱
Inbox ID
  1. 打開HubSpot網站,並進入想要串接Line的HubSpot Account

  2. 進入Setting > Tools > Inbox&Help Desk > Inboxes

  3. 查看當前網頁連結,位於/Inbox/後的那串數字即爲Inbox ID

*在JIKA設定並儲存後,需refresh cache(SYSTEM > Tools > Cache Management)

Authentication settings for the Channel Line App within HubSpot

JIKA Path:Stores > Configuration > JIKA COMMERCE > HubSpot CRM > Conversations > Line Channel > Configure > Authentication settings for the Channel Line App within HubSpot

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成
配置項填寫説明
App ID

這些資訊來源於Part 1中創建的APP,copy過來即可

HubSpot(Developer) Path:APP > Basic Info > Auth頁籤 > App credentials

Client ID
Client Secret

Part 3 將App安裝到需要串接Line的HubSpot Account 中

1. 在HubSpot Developer Account > App > Basic Info > Auth頁籤 > Sample install URL (OAuth) 中複製安裝URL

图形用户界面, 文本, 应用程序 描述已自動生成

2. 在瀏覽器中新開窗口,透過URL安裝App

3. 安裝時請選擇需串接Line的HubSpot Account

图形用户界面, 文本, 应用程序 描述已自動生成

Part 4 將Line Official Account關聯至HubSpot

1. 註冊開發者帳號

URL:https://developers.line.biz/

2. 創建LINE Official Account

URL: https://entry.line.biz/form/entry/unverified

3. 在LINE Official Account中開啓Messaging API

Line Path(Official Account):Settings > Messaging API

a. 點擊图片包含 文本 描述已自動生成

图形用户界面, 文本, 应用程序 描述已自動生成

b. 填寫/選擇Provider並點擊图片包含 文本 描述已自動生成

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

4. 在Developer Account中設定Messaging API

URL:https://developers.line.biz/console/

a. 找到對應的Line Channel,並進入其設定頁面

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成

b. 設定Webhook資訊

Line Path(Developer Account):Messaging API頁籤 > Webhook settings

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成
配置項填寫説明
Webhook URL

i. Webhook URL需從JIKA後台獲得,JIKA後台路徑:Stores > Configuration > JIKA COMMERCE > HubSpot CRM > Conversations - Line Channel > Configure > Messaging API settings for the Channel within Line Developers Console > Webhook URL

ii. 填寫完成後需點擊以確保連接成功

Use webhook開啓

c. 獲取Channel access token

Line Path(Developer Account):Messaging API頁籤 > Webhook settings

點擊[Issue]以獲取Channel access token

5. 在JIKA中完成Messaging API設定

JIKA Path:Stores > Configuration > JIKA COMMERCE > HubSpot CRM > Conversations - Line Channel > Configure > Messaging API settings for the Channel within Line Developers Console

图形用户界面, 文本, 应用程序, 电子邮件 描述已自動生成
配置項填寫説明
Channel access token (long-lived)需填寫在Part 4 > 4. 在Developer Account中設定Messaging API > c. 獲取Channel access token 中取得的token
Channel Secret需填寫Line Official Account > Settings > Messaging API > Channel info > Channel Secret 中的内容

*在JIKA設定並儲存後,需refresh cache(SYSTEM > Tools > Cache Management)

實際應用

完成以上設定後,如有聯係人給已關聯的Line Official Account傳送訊息,可於 HubSpot > CRM > Inbox 中查看並回復這些訊息。同時,這些聯係人會自動儲存至 HubSpot > CRM > Contacts 中。

伊創克雲端科技|伊布克eBrook集團