Landing Page Integration

Add Website Form Lead in Chakra

You can integrate any your landing page or lead forms with Chakra through the Landing Page Form plugin. Follow the steps below to enable this integration

Add Landing Page Form plugin

• Go to plugins list Admin > Plugins
• Click ⊕ Add Plugin button
• Search for Landing Page Form plugin. Click on the plugin.
• A modal opens up. Add a name for the plugin
• Click Add button to create this new plugin
• You will be redirected the Landing Page Plugin configuration

Webhook details

• On the configuration page of the plugin, the first thing you will find is the webhook url that you need to use in your landing page
• You can use this webhook urls: POST endpoint for your form or you can call this api using fetch or ajax request from your JS code. Remember to pass a json payload of key value pairs containing the relevant information.
  Eg sample payload:

{   "name": "John",   "phone_number": "+911122332211",   "email_address": "john@example.com",   "enquiry": "Can i get a quotation for my request"}

Eg: using a fetch request

fetch("<webhook_url>", { method: "POST", body: JSON.stringify({ "name": "John" })})

Configure lead creation

• On the configuration page, locate 📋Chakra Configuration section
• Select Lead in Where should the new entry be created?
• A field mapping section should show up. This will allow us to map the incoming events to a lead
• Form Field Mapping
• • Click the Add Another button to add a new mapping
  • Left column: Add JSON payload from API request
  • Right column: Choose the Chakra lead attribute
  • Note: Multiple forms, pages can be configured using the same plugin
  • Map all matching payloads using this Form Field Mapping
• Unmapped Fields Mapping
• • Some filed may be unmapped in the plugin configuration. To capture all information, configure the Combine all remaining Form fields into this Procedure attribute section.

Save & Active

• Click the Save button on the top right corner.
• Make Plugin Active

Logs

You can debug the integration by looking at logs of the plugin. to access logs, click "Show Logs" button from the top of the plugin page. This interface will show all events received by this plugin and its resulting lead creation