Embedding the Signup Form on a Page
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, copy the Embedded Form code.
-
- 4
-
Paste in the embed code
<div class='prefinery-form-embed'></div>
on the page content where you want the signup form to display. -
Additional Configuration Settings
Here is a complete reference of all settings you can pass to the Signup Form. Just add any of these as data attributes to the prefinery-form-embed
div.
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:
<div class='prefinery-form-embed' data-prefinery-prefill-email="user@gmail.com"></div>