Vorausgefüllte Daten

Dies ist eine optionale Funktion, die es Nutzer*innen erspart, während des Embedded Signup-Prozesses erneut ihre Unternehmensinformationen eingeben zu müssen.

Du kannst den setup-Parameter des extras-Objekts in deinem Facebook Login-Setup verwenden, um Daten zum Vorausfüllen von Formularen im Embedded Signup-Prozess weiterzugeben. Du kannst alle Datenfelder oder einen Teil davon weitergeben, um die Formulare damit zu befüllen. Wenn du zum Beispiel nur den Unternehmensnamen, eine E-Mail-Adresse und eine Telefonnummer hast, kannst du nur diese Informationen weitergeben.

Beispiel

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

Der setup-Parameter

Die folgende Tabelle enthält die Liste von Feldern für das Vorausfüllen von Formulardaten im UI des Embedded Signup-Prozesses.

Kategorien für WhatsApp Business-Profile

Die folgende Tabelle enthält eine Liste akzeptierter Werte für die Kategorie des WhatsApp Business-Profils, welche die Branche beschreiben, in der das Unternehmen tätig ist.

Beispiel

Nach der Einrichtung sehen deine Kund*innen einen Bildschirm wie diesen:

Erstellungsbildschirm von Meta Business

Erstellungsbildschirm von Meta Business (Vorausfüllung der Adresse)

Bildschirm zur Erstellung des WhatsApp Business-Profils