How to integrate Elementor Pro with other applications

Elementor Pro

What is Elementor Pro? 

Elementor Pro is a visual website builder plugin for WordPress that provides an intuitive drag-and-drop editor, 100+ pre-designed templates and blocks, advanced design features, and more.

How to connect Elementor Pro to Zoho Flow 

Installing the Zoho Flow Plugin in WordPress  

  1. Log in to your WordPress account.



  2. In the left panel, navigate to Plugins and click Add new.
  3. Search for Zoho Flow and click Install now.

Creating a connection in Zoho Flow  

  1. Create a new flow in Zoho Flow.
  2. Select the required trigger or action. If you select a trigger, click Next.
  3. If there are no existing Elementor Pro connections in your account, click Connect. Otherwise, click New.



    Alternatively, you can create a new connection by navigating to Settings, then Connections. Click Create connection and choose Elementor Pro.
  4. Enter a connection name.
  5. You will need the API key, as well as the Base URL of your WordPress website to proceed.
  6. Follow the steps below to copy the API key and Base URL from your WordPress account and paste them in the respective fields.

  7. Click Authorize.

Finding the API key

  1. Log in to your WordPress account.
  2. Navigate to Zoho Flow on the sidebar menu.



  3. Click Elementor Pro, then + New API key.

  4. Provide a label for this API key and click Generate.




  5. Copy the API key and the Base URL values and paste them into the API key and Base URL fields in Zoho Flow.
    Alternatively, you can find the Base URL using the steps below.

Finding your WordPress website's Base URL  

  1. In a new browser tab, log in to your WordPress admin dashboard.
  2. In your WP Admin dashboard, navigate to Zoho Flow on the left panel, then Settings.



  3. Copy the Base URL (without the '/' slash at the end, if it is there).

Triggers in Zoho Flow      

Form submission added 

Use this trigger to automate actions immediately after a user submits a form, such as sending notifications, updating databases, or redirecting to a thank-you page.

Troubleshooting tips and tricks

Why do I get the error 'Elementor Pro says null' when turning on the flow?



The error may be due to a security-related error. Please verify the following:

  • Confirm with your hosting provider that there are no restrictions causing this issue.

  • Ensure the API Key and Base URL entered when creating the connection are correct and valid.

Why are Elementor form submissions showing in the form logs but not triggering the flow?

This could be caused by security plugins or other plugins blocking Zoho Flow. Try disabling these plugins and check with your hosting provider, as they might be preventing Zoho Flow triggers from activating form submissions.

Why are some Elementor Pro forms not showing up in Zoho Flow?

To solve this, follow the instructions below.

  1. Ensure the Elementor Pro is set to Collect Submissions (along with other actions like 'Email') in the Elementor Pro settings.
  2. Manually submit the form that's not appearing.
  3. Reconnect the Elementor Pro connection in the flow trigger, and check if the form shows up.
If the above steps don't work, try using a webhook trigger. This involves configuring the form to send submission data directly to Zoho Flow using a webhook URL through the webhook action in Elementor Pro.