Embed signup forms on your website

Adding a signup form on your website will help you grow your contact database. You can create a form in UniSender and put it on your website.

UniSender offers two types of forms:

  • embedded static forms;
  • pop-up forms.

In this article, we cover how you can create embedded signup forms.

Create a signup form in UniSender

For more information on how to create a signup form, please refer to UniSender Signup forms.

Once you've created and saved your form, click on Get HTML at the top right corner of the screen.

Embed Signup Form on Your Website

There are three options for you to choose from:

  • JavaScript. The published form will look exactly the way it looks in the UniSender editor. Choose this option if you don't want to make any changes  to the form.
  • HTML. This option allows you to edit the code. Choose it if you want to modify the code in any way outside of the UniSender editor, for example if you want to change the font or color of the form’s text.
  • Form code for web developers. This is the raw source code without styling. Choose this option if you want to design your own customized signup form.

Click Copy next to the code snippet you want to use.

Embed Signup Form on Your Website

Embed a form on your website

Now, let’s see how you can embed the form code to your website. In our example, we use WordPress, one of the most popular content management systems in the world.

Some elements on the admin dashboard may vary depending on the WordPress version or plugins you’re using, but the general workflow is pretty much the same.

Navigate to the WordPress admin dashboard. On the left pane, select Pages.

Embed Signup Form on Your Website

If you want to create a new page, click Add new page. If the page where you want to embed the form already exists, find it in the list of published pages. Click on the three-dot menu next to the pagename and click Edit.

Embed Signup Form on Your Website

Next, navigate to the code editor. To do this, click on the three-dot menu at the top right corner of the screen and choose Code editor, or press Ctrl+Shift+Alt+M.

Embed Signup Form on Your Website

If you're creating a new page, enter the title in the Add Title field at the top of the page. In the field below, insert the text you’ve copied from UniSender.

If you're editing an existing page, click on the place in the code where you want to embed the form in, and paste the code.

Embed Signup Form on Your Website

Click Preview, choose Desktop, and click Visit Site to view the results.

Embed Signup Form on Your Website

This is what the finished page with an opt-in form should look like. Enter your own email address and click Subscribe to test if everything works correctly.

Embed Signup Form on Your Website

If everything looks good, click Publish.

Embed Signup Form on Your Website

Choose your visibility settings, set the publish date, and click Publish.

Embed Signup Form on Your Website

Click View Page to view your page live on your website.

Embed Signup Form on Your Website

That’s it! Your website now has a signup form you can use to collect opt-in information and grow your contact lists.

 

Did we answer to your question?

0
0