|
/ Documentation /Advanced/ How to Integrate an Elementor Form in a Convert Pro call-to-action?

How to Integrate an Elementor Form in a Convert Pro call-to-action?

We received quite a lot of requests asking us whether we can integrate a form created in Elementor within a Convert Pro call-to-action.

Yes you can! If you are using Elementor Pro, you can create a form using Elementor and embed it in a modal popup, infobar, slide-in, etc created using Convert Pro.

Let us take a look at the step by step guide below.

Step 1: Create a form and design it using Elementor.

Create Form In Elementor Pro

Step 2: Save this as a template.

Save Form Template In Elementor

Step 3: Copy the shortcode of the form you’ve just created.

For this, you will need to go to Elementor -> My Library. You’ll find the shortcode besides the form template in the list.

Copy Shortcode Of Saved Template

Step 4: Create a call-to-action in Convert Pro and drag and drop an HTML element.

Drag And Drop The HTML Element In Convert Pro

Step 5: Paste the shortcode in the HTML code field.

Enter Shortcode In HTML Element Of Convert Pro

Step 6: Save and Publish!

See your Elementor form embedding in your Convert Pro call-to-action in the front end.

Elementor Form In Frontend Of Convert Pro

Note: You can use the other elements to edit and design the popup in Convert Pro.

Need help? Get in touch!

Was this doc helpful?
What went wrong?

We don't respond to the article feedback, we use it to improve our support content.

Need help? Contact Support
On this page

Compare Convert Pro with...

29439
29440
Scroll to Top