Showing the Signup Form in a Popup
Installing the Form
The implementation may differ from one platform to another so we've created a compilation of how you can install Prefinery specific to a particular website or landing page builder.
If your platform is not listed in the compilation, here's a general summary of how the installation goes:
For example, in an HTML page, you'll want to place the snippet right before the closing
Back in the Installation page of your Prefinery project dashboard, under Push Users into Prefinery select Modal Dialog (Popup) then copy the button code.
Place the button code where you'd like it to appear on the page. You can change the default call-to-action text "Sign Up Now!" to anything you like.
Regardless of where it is placed on the page, when the user clicks it the signup form will appear in a popup modal.
You are not limited to just using the provided button code. You can simply add the class
prefinery-form-cta to any call-to-action element on the page to get the signup form popup modal to display. Here are some examples:
In a link
<a href="#" class="prefinery-form-cta">Sign Up Now!</a>
In an image
<img src="images/button.png" class="prefinery-form-cta" />
If you are unable to add a class to your button, you can change the element ID or CLASS which triggers the popup.
Additional Configuration Settings
Here is a complete reference of all settings you can pass to the Prefinery popup. Just add any of these as data attributes in your call to action which triggers the popup.
|data-prefinery-prefill-email||string (e.g. "firstname.lastname@example.org")||Pre-populate the email address.|
|data-prefinery-referrer||string (e.g. "https://www.google.com")||We will automatically determine the HTTP referrer; however, if you would like to manually set this value you may do so.|
<button type="button" data-prefinery-prefill-email="email@example.com">Sign Up Now!</button>