Données préremplies

Il s’agit d’une fonctionnalité facultative qui évite aux utilisateur·ices de devoir saisir à nouveau les informations relatives à leur entreprise lors du processus d’inscription intégrée.

Le paramètre setup de l’objet extras dans votre configuration de Facebook Login peut servir à transmettre des données pour les formulaires avec préremplissage dans le processus d’inscription intégrée. Vous pouvez transmettre tous les champs de données ou un sous-ensemble à remplir dans les formulaires. Par exemple, si vous ne disposez que du nom, de l’e-mail et du numéro de téléphone de l’entreprise, vous pouvez ne transmettre que ces informations.

Exemple

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

Paramètre setup

Le tableau suivant fournit la liste des champs pour le pré-remplissage des données de formulaire dans l’UI du processus d’inscription intégrée.

Catégories de profils de WhatsApp Business

Le tableau suivant fournit une liste des valeurs acceptées pour les catégories de profils de WhatsApp Business qui décrivent le secteur de l’entreprise.

Exemple

Une fois cette configuration effectuée, votre clientèle verra un écran semblable à ce qui suit :

Écran de création d’une entreprise Meta

Écran de création d’une entreprise Meta (adresse préremplie)

Écran de création d’un profil WhatsApp Business