Datos completados automáticamente

Se trata de una función opcional que evita que los usuarios deban volver a ingresar la información comercial durante el proceso de registro insertado.

Se puede usar el parámetro setup del objeto extras en la configuración de tu inicio de sesión con Facebook con el fin de proporcionar datos para los formularios que se completan de manera automática durante el proceso de registro insertado. Puedes enviar información a todos los campos de datos o a un subconjunto para que se completen en los formularios. Por ejemplo: si solo cuentas con el nombre, el correo electrónico y el número de teléfono de la empresa, puedes proporcionar solo esa información.

Ejemplo:

<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>

El parámetro setup

En la siguiente tabla, se muestra la lista de campos que se completan automáticamente con datos del formulario en la UI del proceso de registro insertado.

CampoDescripción

business.name

Tipo: Cadena

Nombre de la empresa.

Por ejemplo: 'Acme Inc.'.

business.email

Tipo: cadena (formato de correo electrónico válido)

Correo electrónico de la empresa.

Por ejemplo 'johndoe@acme.com'.

business.website

Tipo: cadena (formato URL válido)

URL del sitio web de la empresa.

Por ejemplo: 'https://www.acme.com'.

business.phone.code

Tipo: número

Código de marcado del país.

Por ejemplo: 1.

business.phone.number

Tipo: Cadena

Número de teléfono de la empresa. Recuerda excluir el código de marcado del país.

Por ejemplo: "6505551234".

business.address.streetAddress1

Tipo: Cadena

Dirección postal de la empresa (línea 1).

Por ejemplo: '1 Acme Way'.

business.address.streetAddress2

Tipo: Cadena

Dirección postal de la empresa (línea 2).

business.address.city

Tipo: Cadena

Ciudad de la dirección de la empresa.

Por ejemplo: 'Acme Town'.

business.address.state

Tipo: Cadena

Estado o provincia de la dirección de la empresa.

Por ejemplo: 'CA'.

business.address.zipPostal

Tipo: Cadena

Código postal de la dirección de la empresa.

Por ejemplo: '94000'.

business.address.country

Tipo: código de país ISO 3166-1 alfa-2

País de la dirección de la empresa.

Por ejemplo: 'US'.

business.timezone

Tipo: formato UTC con desplazamiento. Por ejemplo: "UTC -08:00".

Zona horaria de la empresa.

Por ejemplo: 'UTC-08:00'.

phone.displayName

Tipo: cadena que cumple con las Normas del nombre para mostrar.

El nombre para mostrar en el perfil de empresa de WhatsApp visible para los usuarios finales en los clientes de WhatsApp.

Por ejemplo: 'Acme Inc.'.

phone.category

Vertical del sector de WhatsApp Business. Consulta la tabla de las categorías de perfiles de empresa de WhatsApp que figura a continuación en la que se muestran los valores aceptados.

Por ejemplo: 'ENTERTAIN'.

phone.description

Tipo: cadena (máximo de 256 caracteres)

Descripción de la empresa.

Categorías de perfiles de empresa de WhatsApp

En la siguiente tabla, se proporciona una lista de valores aceptados para la categoría de perfil de empresa de WhatsApp, que describe el sector en el que opera la empresa.

CategoríaValor aceptado

Industria automotriz

AUTO

Salón de belleza, spa y peluquería

BEAUTY

Prendas de vestir

APPAREL

Educación

EDU

Entretenimiento

ENTERTAIN

Servicios y planificación de eventos

EVENT_PLAN

Finanzas y banca

FINANCE

Alimentos y almacén

GROCERY

Servicio público

GOVT

Hoteles y alojamiento

HOTEL

Medicina y salud

HEALTH

Organizaciones sin fines de lucro

NONPROFIT

Servicios profesionales

PROF_SERVICES

Comercio y venta minorista

RETAIL

Viajes y transporte

TRAVEL

Restaurante

RESTAURANT

Otro

OTHER

Ejemplo:

Después de realizar la configuración, los clientes verán una pantalla similar a la siguiente:

Pantalla de creación de Meta Business

Pantalla de creación de Meta Business (dirección que se completa automáticamente)

Pantalla de creación de perfil de WhatsApp Business