Showing the Signup Form in a Popup

Installing the Form

Installing the Prefinery signup form on a page in your website or app requires two parts - the JavaScript Snippet and the form display code. You can learn more about them here.

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: 

1

In your Prefinery project dashboard, navigate to Installation then copy the JavaScript Snippet

2

Ensure that the JavaScript Snippet is installed on each page where you want the signup form to be available. 

For example, in an HTML page, you'll want to place the snippet right before the closing </head> tag. 

3

Back in the Installation page of your Prefinery project dashboard, under Push Users into Prefinery select Modal Dialog (Popup) then copy the button code. 

4

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.

Attribute Value Description
data-prefinery-prefill-email string (e.g. "user@host.com") 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.

For example:

<button type="button" data-prefinery-prefill-email="user@gmail.com">Sign Up Now!</button>

Still need help? How can we help? How can we help?