Marketo admins are able to create sophisticated campaigns that can trigger emails, webhooks, and more – all when a certain event (such as someone filling out a form) occurs.
Whether or not you suspect that you may be bringing dystopian outcomes into our world from using it does not matter, your job is to integrate this product with a wordpress website using Elementor.
Do what you are told or lose 2 weeks of nutrient cubes, developer!
Marketo forms are built in the Marketo back end with a fairly simple WYSIWYG, and they supply an embed code snippet to add into any website. The form configuration options do allow for some styling, but generally you don’t want to have to maintain CSS in multiple places.
All of this leads to another problem. What if you have a team of UX experts who are in charge of styling the forms? They do not have the wherewithal or time to deal with such things.
We have found that using Elementor Forms makes our UX experts happy. They do not have to worry about CSS knowledge or strategy; they simply drag and drop items onto the page and it looks good making it an ideal solution.
By creating an Elementor Form and submitting a hidden Marketo form in the background, you can control the high quality design and look of the form, while allowing your client to retain the ability to harness the power of Marketo. It’s a win-win.
In order to combine Elementor forms and Marketo forms, complete the following steps:
This will create the Marketo form on the page but not display it.
Now that you have a hidden Marketo form on the page, it’s time to set up your Elementor form – adding it to the same page as your hidden Marketo form.
Your Elementor form fields must match the form fields in your Marketo form. Ensure you add each corresponding field with the same name / ID that the Marketo form uses. For instance, if your Marketo form has 3 fields (UserName, Password, Email) then make sure your Elementor form has those same fields with the same names. In addition, make sure the required fields have the required checkbox checked.
Now that you have a hidden Marketo form and an Elementor form on the same page, the next step is to submit the Marketo form instead of the Elementor form.
Elementor forms trigger an event when they are being submitted – the submit_success event.
This script needs to be available on all pages where you intend to submit Marketo forms.
This script handles the following:
If you have a redirect set in the Marketo form it will work if the form is submitted successfully.
The advantages of integrating Marketo and Elementor make it a worthwhile endeavor. Designers appreciate the UX and marketers appreciate the tracking abilities. That said, as a final step, to ensure Marketo is tracking the form submissions and user actions, look into the smart campaign associated with the form. If you have everything set up correctly and your forms are being submitted, you’ll be able to view the results and confirm that the integration was a success.
What gets measured gets done. Download the Digital Growth® Worksheet today, rally your team, and create results!