How to Install the Signup Form on Unicorn Platform
By integrating Prefinery with your Unicorn Platform website, you can easily and quickly get your referral program or pre-launch waitlist campaign up and running.
Here's how:
Part 1: Installing the Prefinery JavaScript Snippet
1.) After creating your Prefinery project, from your project dashboard navigate to Installation and in the Install the JavaScript Snippet section copy the provided script.
2.) In Unicorn Platform, edit your website and navigate to Settings.
3.) In the Settings panel that appears, go to the General tab and paste in the Prefinery JS Snippet you copied from step #1 into the <head> custom HTML code box then click the Save button. You may close (X) the Settings panel when done.
Part 2: Displaying the Signup Form
There are two easy ways you can display your campaign's signup form on your website.
Here's how:
A. Embedded Signup Form
1.) Back in your Prefinery project dashboard and still in the Installation page, under the Push Users into Prefinery section, click on Embed the Signup Form on Your Site and copy the provided HTML embed code.
2.) Go to your Unicorn Platform website editor and while editing the page where you want to embed the form, Insert a page component.
3.) In the component selection, find and select Custom HTML.
4.) Edit this new Custom HTML component you've added.
5.) In the component editor that appears, under the Content tab paste in the form embed code you copied from step #1 into the HTML code box.
6.) Close the panels, Save changes, then Publish the page.
7.) Open the published page URL in a new tab and and confirm that your embedded signup form is displayed and working.
If you're looking to customize how your form looks and functions, check out our guide here.
B. Popup Signup Form on Button Click
1.) Still in the Unicorn Platform website editor and while editing the page where you want to add a popup-on-click form, hover your mouse over the section where you'd like to add the button then click Edit component.
If your page or section doesn't have an existing button or form yet, you can add a new Button component into your page.
2.) In the component editor panel that appears, you may need to remove any existing form or buttons you won't be using by deleting them in the Call to action section if the section is present, otherwise you can skip this step.
3.) Select the Buttons option then click + Add button.
4.) Enter your button text and then click on the button settings (cog/gear icon).
5.) In the Button actions, integrations & settings subpanel that appears, select the Settings tab and enter prefinery-form-cta in the Class(-es) field.
6.) Close the panels, Save changes, then Publish the page.
7.) Open the published page URL in a new tab and click on your button to test and confirm that your popup signup form is working.
If you're looking to customize how your form looks and functions, check out our guide here.