Esse é um recurso opcional que serve para poupar os usuários do trabalho de inserir novamente as informações da empresa durante o processo de cadastro incorporado.
O parâmetro setup
do objeto extras
na sua configuração de Login do Facebook pode ser usado para passar dados para formulários de pré-preenchimento no fluxo de cadastro incorporado. Você pode passar todos os campos de dados ou um subconjunto a ser preenchido nos formulários. Por exemplo, se você só tiver o nome, email e número de telefone da empresa, poderá passar apenas essas informações.
<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
A tabela a seguir fornece a lista de campos para dados do formulário de pré-preenchimento na interface do usuário do fluxo de cadastro incorporado.
Campo | Descrição |
---|---|
Tipo: string | Nome da empresa. Por exemplo: |
Tipo: string (formato de email válido) | Email da empresa. Por exemplo: |
Tipo: string (formato de URL válido) | URL do site da empresa. Por exemplo: |
Tipo: número | Código de discagem do país. Por exemplo: |
Tipo: string | Número de telefone da empresa. Lembre-se de excluir o código de discagem do país. Por exemplo: |
Tipo: string | Endereço da empresa (linha 1). Por exemplo: |
Tipo: string | Endereço da empresa (linha 2). |
Tipo: string | Cidade do endereço da empresa. Por exemplo: |
Tipo: string | Estado ou província do endereço da empresa. Por exemplo: |
Tipo: string | Código postal do endereço da empresa. Por exemplo: |
| País do endereço da empresa. Por exemplo: |
Tipo: formato de offset UTC Por exemplo: "UTC -08:00". | Fuso horário da empresa. Por exemplo: |
Tipo: string que segue as diretrizes de nome de exibição | Nome de exibição do perfil do WhatsApp Business visível aos usuários finais nos clientes do WhatsApp. Por exemplo: |
| Vertical do setor do WhatsApp Business. Confira a tabela Categorias de perfil do WhatsApp Business abaixo para ver os valores aceitáveis. Por exemplo: |
Tipo: string (máximo de 256 caracteres) | Descrição da empresa. |
A tabela a seguir fornece uma lista com os valores aceitos de categoria de perfil do WhatsApp Business que descrevem o setor no qual a empresa opera.
Categoria | Valor aceito |
---|---|
Automóveis |
|
Beleza, spa e salão |
|
Roupas e acessórios |
|
Educação |
|
Entretenimento |
|
Organização de eventos |
|
Banco e finanças |
|
Alimentação e mercado |
|
Serviço público |
|
Hotéis e hospedagem |
|
Saúde e medicina |
|
Sem fins lucrativos |
|
Serviços profissionais |
|
Compras e varejo |
|
Viagem e transporte |
|
Restaurantes |
|
Outro |
|
Quando a configuração estiver pronta, os clientes verão uma tela semelhante a esta: