这是一项可选功能,可让用户无需在嵌入式注册流程中重复输入公司信息。
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 商家主页类别的可接受值的清单,这些值用于描述公司身处的行业。
类别 | 可接受的值 |
---|---|
汽车 |
|
美容 |
|
服装 |
|
教育 |
|
娱乐 |
|
活动策划与服务 |
|
金融 |
|
食品杂货 |
|
公共服务 |
|
酒店住宿 |
|
医疗卫生 |
|
非盈利组织 |
|
专业服务 |
|
消费零售 |
|
旅游运输 |
|
餐饮 |
|
其他 |
|
设置完成后,您的客户便可看到如下屏幕: