Datos rellenados previamente

Esta es una función opcional para que los usuarios no tengan que volver a introducir la información de su empresa durante el proceso de registro insertado.

El parámetro setup del objeto extras de tu configuración de inicio de sesión con Facebook se puede utilizar para pasar datos de formularios rellenados previamente al flujo de registro insertado. Puedes pasar todos los campos de datos o un subconjunto de estos para que se rellenen en los formularios. Por ejemplo, si solo tienes el nombre de la empresa, el correo electrónico y el número de teléfono, puedes pasar esa información solamente.

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>

Parámetro setup

En la tabla siguiente se proporciona la lista de campos de datos de formularios rellenados previamente en la interfaz de usuario del flujo 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 de URL válido)

URL del sitio web de la empresa.

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

business.phone.code

Tipo: número

Prefijo de país.

Por ejemplo: 1.

business.phone.number

Tipo: cadena

Número de teléfono de la empresa. Recuerda excluir el prefijo de 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 en formato ISO 3166-1 alfa-2

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

Por ejemplo: 'US'.

business.timezone

Tipo: formato de desplazamiento UTC. Por ejemplo: “UTC -08:00”.

Zona horaria de la empresa.

Por ejemplo: 'UTC-08:00'.

phone.displayName

Tipo: cadena que sigue las normas de uso del nombre para mostrar.

Nombre para mostrar del perfil de WhatsApp Business visible para los usuarios finales en sus clientes de WhatsApp.

Por ejemplo: 'Acme Inc'.

phone.category

Sector industrial de WhatsApp Business. Consulta la tabla de categorías de perfiles de WhatsApp Business a continuación para conocer los valores aceptados.

Por ejemplo: 'ENTERTAIN'.

phone.description

Tipo: cadena (256 caracteres como máximo)

Descripción de la empresa.

Categorías de perfiles de WhatsApp Business

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

CategoríaValor aceptado

Automoción

AUTO

Spas y salones de belleza

BEAUTY

Ropa

APPAREL

Educación

EDU

Entretenimiento

ENTERTAIN

Planificación de eventos y servicio

EVENT_PLAN

Finanzas y banca

FINANCE

Alimentación

GROCERY

Servicios públicos

GOVT

Hotelería

HOTEL

Atención médica y sanitaria

HEALTH

Organizaciones sin ánimo de lucro

NONPROFIT

Servicios profesionales

PROF_SERVICES

Compras

RETAIL

Viajes y transportes

TRAVEL

Restauración

RESTAURANT

Otros

OTHER

Ejemplo

Tras la configuración, los clientes verán una pantalla como la siguiente:

Pantalla de creación de Meta Business

Pantalla de creación de Meta Business (dirección rellenada previamente)

Pantalla de creación del perfil de WhatsApp Business