LeadAdd

Connect Your WhatsApp Account

1. Login to your Meta Developer Portal here: https://developers.facebook.com/apps/

2. Select the App you want to connect LeadAdd to. If no App exists you need to create one first.

3. Select "WhatsApp" in the menu on the left and select the "API Setup" menu option.

4. Proceed to enter the requested values into the form below, before continuing.

5. Follow this step by step guide here then copy and paste your permanent access token.

6. Ensure you save the settings before moving on!

IMPORTANT: You must complete all the fields below before proceeding.

Phone Number Id:

WhatsApp Business Account Id:

Business Id:

Access Token:

AppName:

Version:

Set Verify Token:

Setup WebHook and Subscribe

1. In your Meta Developer Portal; Select the "WhatsApp" menu on the left and then select "Configuration".

2. Now, edit the webhook settings to add the following data...

2.1 The Callback URL is:

2.2 The Verify token is:

3. Click "Verify and Save" to set the webhook.

4. Under Webhook fields click on "Manage" and Subscribe to "messages"

5. Click "Done"

Connect Your Messenger Account

1. Login to your Meta Developer Portal here: https://developers.facebook.com/apps/

2. Select the App you want to connect LeadAdd to. If no App exists you need to create one first.

3. Select "Messenger" in the menu on the left and select the "Settings" menu option.

4. Generate a Token for the Page you want to connect to. Copy the token value to be used in the form below.

5. Under Webhooks add the Callback URL and Verify Token in the Facebook setup and ensure to save the Verify Token in the form below.

6. For the page you added in the Webhook list in Facebook, click on "Add subscriptions" and subscribe to "messages". Then press save.

7. Proceed to enter the requested values into the form below, before continuing.

8. Ensure you save the settings before moving on!

IMPORTANT: You must complete all the fields below before proceeding.

Page Id:

Access Token:

Set Verify Token:

Setup WebHook and Subscribe

1. In your Meta Developer Portal; Select the "Messenger" menu on the left and then select "Settings".

2. Now, edit the webhook settings to add the following data...

2.1 The Callback URL is:

2.2 The Verify token is:

3. Click "Verify and Save" to set the webhook.

4. Under Webhook fields click on "Edit" next to your Page (may say 0 fields) and Subscribe to "messages"

5. Click "Done"

Steps

Option 1:

(Use free online mobi)

1. Copy this URL into a browser window.

2. The lead capture form will show immediatly.

Option 2:

(Embed into webiste)

1. Open the web page you want to place the form into using any code editor.

2. Copy the complete code snippet into your HTML page.

3. Save your HTML file and refresh the web page.

The div element called 'leadaddForm' will be replaced with the lead form.

                                
<div id="leadaddForm">Loading... please wait</div>

<script>
    var _leadaddConfig = {
        accesstoken: "YOUR_ACCESS_TOKEN",
        subscriptionid: "YOUR_SUBSCRIPTIONID",
        flowid: "YOUR_FLOWID",
        flowtype: "formflow", //Form with fields
        flowversion: "1.0.0",
        button_color: "#54ED9F", //Set button color
        button_text_color: "#343F55",  //Set button text color
        removecss: false //Used to remove bootstrap CSS
    };
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" defer=defer></script>
<script src="https://app.leadadd.co.za/form/leadaddform-public.js?v=1&_leadaddConfig=" +=+ _leadaddConfig=_leadaddConfig></script>

<script src='https://cdn.form.io/formiojs/formio.full.min.js'></script>

View	Name	ShortURL	Channel	30 Days	60 Days	90 Days

Admin

Channels