Embed

<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>


<div style="display:flex; gap:12px; align-items:center; margin:12px 0;">
  <label for="companyName" style="font-family: Helvetica, Arial, sans-serif; font-size: 14px;">
    Company name
  </label>
  <input id="companyName"
         type="text"
         placeholder="Enter your company"
         style="flex:1; height: 36px; padding: 0 10px; border: 1px solid #ccc; border-radius: 4px; font-size:14px;" />
  <button id="fbLoginBtn"
          onclick="launchWhatsAppSignup()"
          disabled
          style="background-color: #1877f2; border: 0; border-radius: 4px; color: #fff; cursor: not-allowed; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; height: 40px; padding: 0 24px;">
    Login with Facebook
  </button>
</div>

<script>
  // Temporary storage for event data
  let signupData = {};

  // Function to check if all required data is collected
  const sendCombinedData = () => {
    if (
      signupData.company_name &&               // <-- added
      signupData.user_code &&
      signupData.phone_number_id &&
      signupData.waba_id
    ) {
      callLambdaFunction({ "Received User Data": signupData }); // Send once all data is available
      signupData = {}; // Reset storage after sending
    }
  };

  // Function to call Lambda
  const callLambdaFunction = async (payload) => {
    try {
      const response = await fetch('https://kcidrzalwabrcpt4qcghxbxhja0gmudi.lambda-url.eu-central-1.on.aws/', {
        method: 'POST',
        mode: 'cors',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
      });
      const responseData = await response.json();
      console.log('Lambda response:', responseData);
    } catch (error) {
      console.error('Error calling Lambda function:', error);
    }
  };

  // SDK initialization
  window.fbAsyncInit = function () {
    FB.init({
      appId: '1069132304565541', // Your app ID
      autoLogAppEvents: true,
      xfbml: true,
      version: 'v21.0'
    });
  };

  // Listen for WhatsApp signup event
  window.addEventListener('message', (event) => {
    if (event.origin !== "https://www.facebook.com" && event.origin !== "https://web.facebook.com") return;
    try {
      const data = JSON.parse(event.data);
      if (data.type === 'WA_EMBEDDED_SIGNUP' && data.event === 'FINISH') {
        console.log('Received WhatsApp Signup Event:', data);
        // Store received data
        signupData.phone_number_id = data.data.phone_number_id;
        signupData.waba_id = data.data.waba_id;
        sendCombinedData(); // Attempt to send if all data is collected
      }
    } catch (error) {
      console.log('Error parsing message event:', event.data);
    }
  });

  // Response callback for Facebook login
  const fbLoginCallback = (response) => {
    if (response.authResponse) {
      console.log('Received User Code:', response.authResponse.code);
      // Store user code
      signupData.user_code = response.authResponse.code;
      sendCombinedData(); // Attempt to send if all data is collected
    } else {
      console.log('Login Failed:', response);
    }
  };

  // Launch WhatsApp Signup
  const launchWhatsAppSignup = () => {
    // Guard: ensure company name is captured before calling FB.login
    const input = document.getElementById('companyName');
    const company = (input?.value || '').trim();
    if (!company) return; // Shouldn't happen because button is disabled until filled
    signupData.company_name = company; // <-- add company name to payload

    FB.login(fbLoginCallback, {
      config_id: '607237002213164',
      response_type: 'code',
      override_default_response_type: true,
      extras: {
        setup: {},
        featureType: '',
        sessionInfoVersion: '3',
      }
    });
  };

  // Enable/disable the login button based on company name presence
  window.addEventListener('DOMContentLoaded', () => {
    const companyInput = document.getElementById('companyName');
    const loginBtn = document.getElementById('fbLoginBtn');

    const toggleBtn = () => {
      const hasValue = companyInput.value.trim().length > 0;
      loginBtn.disabled = !hasValue;
      loginBtn.style.cursor = hasValue ? 'pointer' : 'not-allowed';
      // Keep signupData updated while typing (optional but handy)
      signupData.company_name = hasValue ? companyInput.value.trim() : undefined;
    };

    companyInput.addEventListener('input', toggleBtn);
    toggleBtn(); // initialize state
  });
</script>

Call to action

Twains

Twains ambitionne de révolutionner le marketing d'influence. Nous créons des jumeaux digitaux d'influenceurs pilotés par IA, capables de reproduire leur style, voix et image, pour échanger avec leur audience en 1-to-1 sur WhatsApp, mener un marketing d'influence interactif, naturel et innovant, et maximiser l'engagement. Imaginez discuter avec votre influenceur préféré en temps réel, et ce, dans la langue de votre choix. Notre technologie ouvre des horizons d'engagement inédits pour les marques et offre de nouvelles possibilités de monétisation pour les influenceurs. Par ailleurs, nous offrons également l'alternative de créer un bot de marque, une extension digitale de la marque, maîtrisant son univers, ses produits et ses valeurs.... Comme un conseiller en magasin !