Create an Embedded Signup Form

Use UniSender signup forms to acquire new subscribers and grow your contact list. Add a form to your website to collect leads and automatically add them to contact lists in your UniSender account.

Here are the four quick steps you can take to start growing your contact database using embedded signup forms.

Step 1. Create a contact list

Create a contact list for your signup form. To do this, click ContactsYour lists and choose Create list.

Creating a new contact list

Step 2. Create a signup form

At the top toolbar, click Tools and choose Signup forms. Next, click Create New Form.

Creating a new signup form.

First, come up with a distinct name for your future form. Type the name into the New Form field at the top left corner of the screen. Next, click the Blocks menu.

Giving your signup form a distinct name.

Blocks and Styles

Use the Blocks menu to add elements to your form.

In this article, we’ll guide you through the process of  setting up a simple signup form. Let’s add an image block, several  text blocks, and a consent request to collect and process personal data.

Adding blocks to your form

If you want to add an element that is not available in the list of blocks, drag an HTML block into the form and paste the code of the element into the HTML block.

HTML block in a subscription form.

Next, customize the appearance of the blocks. To do this, click on the block you want to edit. At the top right of the popup modal, click on the gear icon to access the settings menu. Use the settings window to customize the style of each chosen element or edit text in the dropdown list.

For example, here’s how you can customize the Subscribe button.

Customizing blocks in a signup form

In order to set the appearance for the entire form or its individual elements, click on the Styles section in the left-side menu.

Let's set up a custom style for all the text boxes in the form.

Applying styles to a signup form

Form settings

In the Form Settings menu, choose the list you’ve created to record leads via the form. If you want to add new contacts to all your lists, check the All Lists box.

If you want the Thank You page to open in a new window, check the Open in new window box.

Signup form settings

Step 3. Embed the signup form code into your website

Click the Save button at the top right corner of the screen to save your newly created form. Next, click the Get HTML button. Copy the embed code and add it to your website.

How to add a signup form to your website

Getting the embed form code

Click the Preview button or copy the form link to see how the form will look and work like on your website.

Copying the form’s URL from the code.

Step 4. Customize your subscription confirmation message

By default, all embed forms in UniSender are Double Opt-In. To ensure the form works correctly, you’ll need to create the subscription confirmation email:

 

  1. Navigate to Contacts Your lists and choose the list to use with your new signup form.
  2. In the left-side menu on the list’s page, click Opt-in and Opt-out tools.

Section “Opt-it and Opt-out tools”.

In the window that opens, fill in all the fields with relevant information about your organization. In the left-side part of the screen, click the Edit icon over the email preview to customize your confirmation email.

How to create a confirmation email

 

Did we answer to your question?

0
0