How to gate a page with an elementor popup and a form

1. How to gate a page with an elementor popup and a form

Create or open a popup

• In Elementor in your popup, in Global widgets, find FormBuilderHTML and drag it were you want you form to appear.

• Add a display condition to your popup targeting the page,

• Get the ID of your Popup in the URL while editing or on the Elementor/templates/popups page

• Go to your page

Open your page

• On your page add a section at the very first element
• In this section add an HTML widget and paste this code

< script> /*script containing the information needed for the gate*/ var loaded=0; /* This is preventing marketo to load the form twice*/ var formId=2729; var elementorPopupId=5286; < /script>

 if you need GA reporting add the object GAevent like this 

var GAevent={
name:’partnersFormSubmit’,
category:’Partners Form Submit’,
action:’Form Submitted’,
label:window.location.pathname,
value:null
}

• Replace the values of formId with your form ID from Marketo, replace the elementorPopupId value with your Popup ID.

Save and it’s done.