How To Embed Signup Forms On Your Website?

Created by NotifyVisitors Team, Modified on Thu, 23 Mar 2023 at 08:06 AM by NotifyVisitors Team

Embedded signup forms are a type of web form that allows users to sign up for a service, newsletter, or mailing list directly on a website. These forms are typically embedded within the content of a web page, either as a standalone element or as part of a larger content area such as a sidebar or footer.

The advantage of using embedded signup forms is that they can help increase the visibility of the signup process, making it more convenient and accessible for users. By placing the form directly within the content of a web page, users are more likely to see it and be prompted to sign up.

In this article, we will discuss how to embed signup forms on your website using NotifyVisitors.

Why Embed A Form On Your Website?

Embedding a form can solely benefit your business and can be a powerful tool when used effectively. Here are some of the notable benefits of embedding a form on your website:

  • Increased convenience: With an embedded signup form, users can easily sign up for a service or newsletter without having to navigate away from the website or app. This can reduce the risk of users getting distracted or losing interest before completing the signup process.
  • Improved conversion rates: By making it easy for users to sign up, embedded signup forms can improve conversion rates and increase the number of signups received.
  • Enhanced branding:  Embedding signup forms within a website or app allows for greater control over the look and feel of the form, which can help to reinforce brand identity and improve the user experience.
  • Better data collection: Embedded signup forms can be designed to collect specific information from users, such as their location, age, or interests. This data can then be used to personalize marketing campaigns and improve targeting.
  • Increased security: By embedding signup forms within a website or app, businesses can ensure that sensitive user information is collected securely and protected from potential security threats.

How To Embed A Signup Form Using NotifyVisitors Panel

NotifyVisitors makes it easy to embed a form on your website,  allowing you to connect with your users and make your site user-friendly. To embed a form on a web page, you must first create your form in the NotifyVisitors form builder. Once you have created your form, follow these steps to embed the existing form on your website:

  1. Navigate to Onsite > Signup Forms.


2. Click on the ‘Signup Form’ tab that appears at the top of the Signup Form page.



  1. Choose a form from the list and click on the Edit option present in the Actions tab. Here you will find two options: Basic Details and Targeting Rules.



  1. Click on the Basic Details option. The Form Page appears. Click on the “Change Form Type” option that appears in the top right corner of the page.



  1. A popup window appears that allows you to “Change Form Type”. Choose the form type as Embedded and mention the element ID of the space in the Embed DIV ID where you want the form to be placed. 

Here is how you can get the element ID to embed the sign-up form, right-click on the section to which you want to embed the form and click Inspect Elements as shown in the image below. 


Copy the id of the section (“FirstHead” in this case) and paste it into the “Embed Div ID” field.


 Enter the “Embed DIV ID” field in this form. You can also set the width and height of the form from here.



6. Click on “Update" and activate the changes by clicking on the Active button on the top right corner of your page. 


  1. The embedded form appears on your website as shown in the image below. 


Conclusion

By embedding signup forms on your website, you can better understand your audience and allow your customers to engage with you. NotifyVisitors allows you to customize your signup forms so that you can embed them on your website and grow your conversions.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article