Это дополнительная функция, которая избавляет пользователей от необходимости повторно вводить сведения о компании во время регистрации на сайте поставщика.
Параметр setup
объекта extras
в конфигурации входа через Facebook позволяет передавать данные для предварительного заполнения форм в потоке регистрации на сайте поставщика. Передать для заполнения форм можно все поля данных или их часть. Например, если у вас есть только название, электронный адрес и номер телефона компании, эту информацию можно передать отдельно.
<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
В следующей таблице перечислены поля для предварительного заполнения данных формы в пользовательском интерфейсе потока регистрации на сайте поставщика.
Поле | Описание |
---|---|
Тип: строка | Название компании. Пример: |
Тип: строка (допустимый формат электронного адреса) | Электронный адрес компании. Пример: |
Тип: строка (допустимый формат URL) | URL сайта компании. Пример: |
Тип: число | Телефонный код страны. Пример: |
Тип: строка | Номер телефона компании. Указывается без телефонного кода страны. Пример: |
Тип: строка | Точный адрес компании (строка 1). Пример: |
Тип: строка | Точный адрес компании (строка 2). |
Тип: строка | Город в адресе компании. Пример: |
Тип: строка | Штат, провинция или область в адресе компании. Пример: |
Тип: строка | Почтовый индекс в адресе компании. Пример: |
| Страна в адресе компании. Пример: |
Тип: сдвиг относительно UTC. Пример: "UTC -08:00". | Часовой пояс компании. Пример: |
Тип: строка, соответствующая правилам в отношении отображаемых имен. | Отображаемое имя бизнес-профиля WhatsApp, которое конечные пользователи видят в клиентах WhatsApp. Пример: |
| Отрасль компании в WhatsApp. Допустимые значения см. в таблице Категории бизнес-профилей WhatsApp ниже. Пример: |
Тип: строка (не более 256 символов) | Описание компании. |
В следующей таблице представлен список допустимых значений для категории бизнес-профиля WhatsApp, описывающих отрасль, в которой работает компания.
Категория | Допустимое значение |
---|---|
Автомобильный бизнес |
|
Красота, спа и салоны |
|
Одежда |
|
Образование |
|
Развлечения |
|
Планирование и обслуживание мероприятий |
|
Финансы и банковское дело |
|
Питание и продукты |
|
Государственные службы |
|
Отели и съемное жилье |
|
Медицина и здравоохранение |
|
Некоммерческие организации |
|
Профессиональные услуги |
|
Покупки и розничная торговля |
|
Путешествия и перевозки |
|
Ресторанный бизнес |
|
Прочее |
|
После настройки ваши клиенты увидят примерно такой экран: