How to Create KrispCall Contact from Elementor Form Submission Using Pabbly Connect

Learn how to automate adding KrispCall contacts from Elementor form submissions using Pabbly Connect. Follow this detailed tutorial for seamless integration. Develop expertise in application integration and learn how to design streamlined automation workflows using proven, simplified approaches.

Watch Step By Step Video Tutorial Below

1. Accessing Pabbly Connect for Integration

To create a KrispCall contact from Elementor form submission, we start by accessing Pabbly Connect. This platform allows seamless integration between different applications without any coding knowledge.

First, visit the Pabbly Connect website. If you’re a new user, click on the ‘Sign Up for Free’ button to create an account. Existing users should click on ‘Sign In’. Upon signing in, you will access the dashboard where you can create workflows.

2. Creating a New Workflow in Pabbly Connect

Once you’re on the dashboard of Pabbly Connect, click on the ‘Create Workflow’ option. A dialog box will appear asking for a name for your workflow. Name it ‘Create KrispCall Contact from Elementor Form Submission’.

• Select a folder to save your workflow.
• Click on ‘Create’ to proceed.

This step sets up the framework for your automation. You will now see two sections: Trigger and Action. The trigger will be Elementor, and the action will be KrispCall, which means that when a new form is submitted in Elementor, a contact will be added to KrispCall.

3. Setting Up the Trigger with Elementor

In the trigger section, select Elementor as your application. The trigger event will be ‘New Form Submission’, which means the workflow will start whenever a new form is submitted.

Pabbly Connect will provide you with a webhook URL, which acts as a bridge to transfer data from Elementor to Pabbly Connect. Copy this URL, and proceed to your Elementor account.

• Go to your WordPress site and navigate to Elementor.
• Create a new form and add the required fields.
• In the ‘Action After Submit’ section, select Webhook and paste the copied URL.

After publishing the form, your Elementor setup is complete, and it is now connected to Pabbly Connect.

4. Testing the Integration and Receiving Data

After setting up the form, go back to Pabbly Connect. It will show that it is waiting for a webhook response. To test the integration, submit the form using dummy data.

For example, input a name like ‘Smart User’, an email address, and a contact number. After submitting the form, return to Pabbly Connect, where you should see the response containing the submitted details. This confirms that the connection is working correctly.

Check for the name, email, and contact number in the response. Ensure the data matches the input from the form submission.

This successful response indicates that your integration is functioning as expected, allowing you to automate contact creation in KrispCall.

5. Configuring the Action to Create a Contact in KrispCall

Now that the trigger is set up, it’s time to configure the action in Pabbly Connect. Select KrispCall as your action application and choose the action event ‘Add Contact’.

You will need to connect your KrispCall account by entering your API key and secret. These can be found in your KrispCall account settings under the developer section. After entering these details, click on ‘Save’.

Map the fields from the Elementor form response to the KrispCall contact fields. Ensure the name, phone number, and email are correctly mapped.

Finally, send a test request to verify that the contact is created successfully in KrispCall. You can check your KrispCall account to see if the new contact appears with the submitted details. This completes the automation process using Pabbly Connect.

Conclusion

In this tutorial, we demonstrated how to create a KrispCall contact from an Elementor form submission using Pabbly Connect. By following these steps, you can automate your contact management process efficiently.