使用這項選用功能,用戶便無需在內嵌註冊流程期間重新輸入自己的商家資料。
Facebook 登入設定中 extras
物件的 setup
參數可以用來傳遞要在內嵌註冊流程中預先填入表格的資料。您可以傳遞要填入表格的所有資料欄位或子集。舉例來說,如果您只知道商家的名稱、電郵地址和電話號碼,也可以只傳遞這些資訊。
<script>
window.fbAsyncInit = function () {
// JavaScript SDK configuration and setup
FB.init({
appId: 'meta-app-id', // Meta App ID
cookie: true, // enable cookies
xfbml: true, // parse social plugins on this page
version: 'v19.0
' //Graph API version
});
};
// Load the JavaScript SDK asynchronously
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// Facebook Login with JavaScript SDK
function launchWhatsAppSignup() {
// Conversion tracking code
fbq && fbq('trackCustom', 'WhatsAppOnboardingStart', {appId: 'your-facebook-app-id', feature: 'whatsapp_embedded_signup'});
// Launch Facebook login
FB.login(function (response) {
if (response.authResponse) {
const code = response.authResponse.code;
// The returned code must be transmitted to your backend
// there must then perform a server-to-server call to our servers for an access token
} else {
console.log('User cancelled login or did not fully authorize.');
}
},
{
config_id: <CONFIG_ID>, // configuration ID goes here
response_type: 'code', // must be set to 'code' for System User access token
override_default_response_type: true, // when true, any response types passed in the "response_type" will take precedence over the default types
extras: {
setup: {
business: {
name: 'Acme Inc.',
email: 'johndoe@acme.com',
phone: {
code: 1,
number: '6505551234'
},
website: 'https://www.acme.com',
address: {
streetAddress1: '1 Acme Way',
city: 'Acme Town',
state: 'CA',
zipPostal: '94000',
country: 'US'
},
timezone: 'UTC-08:00'
},
phone: {
displayName: 'Acme Inc',
category: 'ENTERTAIN',
description: 'Acme Inc. is a leading entertainment company.',
}
}
}
});
}
</script>
setup
參數下表列出內嵌註冊流程用戶介面中用於預先填入表格資料的欄位清單。
欄位 | 說明 |
---|---|
類型:字串 | 商家名稱。 例如: |
類型:字串(有效的電郵地址格式) | 商家電郵地址。 例如: |
類型:字串(有效的網址格式) | 商家網站的網址。 例如: |
類型:數字 | 國家/地區撥號代碼。 例如: |
類型:字串 | 商家電話號碼。記得刪去國家/地區撥號代碼。 例如: |
類型:字串 | 商家所在的街道地址(第 1 行)。 例如: |
類型:字串 | 商家所在的街道地址(第 2 行)。 |
類型:字串 | 商家所在城市。 例如: |
類型:字串 | 商家所在州份/省份。 例如: |
類型:字串 | 商家地址所屬的郵遞區號/郵政編碼。 例如: |
| 商家所在國家/地區。 例如: |
類型:UTC 時差值格式。例如:「UTC - 08:00」。 | 商家所在時區。 例如: |
類型:符合顯示名稱守則的字串。 | 顯示在終端用戶 WhatsApp 用戶端的 WhatsApp 商家檔案顯示名稱。 例如: |
| WhatsApp 商家所屬的行業。請參閱下方的 WhatsApp 商家檔案類別表格,了解可接受的值。 例如: |
類型:字串(最多 256 個字元) | 關於商家的說明。 |
下表列出用於說明商家所屬行業的 WhatsApp 商家檔案類別之可接受值清單。
類別 | 可接受的值 |
---|---|
汽車 |
|
美容、水療與美髮 |
|
衣物與服飾 |
|
教育 |
|
娛樂 |
|
活動策劃與服務 |
|
金融與銀行業 |
|
食品雜貨 |
|
公共服務 |
|
酒店住宿 |
|
醫療衛生 |
|
非牟利 |
|
專業服務 |
|
購物與零售 |
|
旅遊與運輸 |
|
餐飲 |
|
其他 |
|
完成設定後,顧客便會看到以下畫面: