How to add an online sign-up form for your website

How to add an online sign-up form for your website

NewZapp can generate code for you to add a simple sign-up form to your website and help grow your audience.


- Go to Account Settings and then Sign-Up Form

- Click the ‘Copy to clipboard ’ button

- Paste the code into any HTML page on your website where required

The sign-up form allows you to collect the following contact information: first name, last name, mobile number, date of birth, company name and email address. 

You can style the form and its elements however you like, but note the following: the <form> name, id, action or method attributes should not be changed. Any <input> element’s name or type attributes should not be changed.


SPAM BOT Protection

The name=”Address” <input> element for email address is required and should be included and the ‘honeypot’ <input> field to prevent spam bot submissions should be included:

<style>

      .ushallnotpass{opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1}

</style>

...

<tr class="ushallnotpass">

<td>

<input name="Email" id="Email" type="email" placeholder="Alt Email" aria-hidden="true" autocomplete="off"/>

</td>

</tr>
The CSS .ushallnotpass class be included with the <form> code either as is, or placed with the rest of the web page’s CSS.

The name=”Submit” input field is required and should be included and the name=”CID” input field is required and should be included.

Adding contacts to Groups

By default, new contacts go straight into your account without any Group affiliations. You can automatically add new contacts to one or more Public or Private Groups in your account by adding the following <input> element:

 

<input type="hidden" name="GroupIds" id="MyGroupIds" value="GROUP IDS" />

 

Replace GROUP IDS with one or more of the Group IDs you can find by going to Contacts, hovering over a Group and clicking the ‘edit’ icon to ‘Edit Group Details’. In the Group card copy the IDI of the Group and paste it in place of GROUP IDS e.g.

 

value=”534196”                                - to sign contact up to one Group

value=”534196,534190,669970”    - to sign contact up to 3 Groups etc


Thank you pages

When the form is submitted the user is automatically sent to unbranded ‘Sign Up Successful’ or ‘Sign Up Failed’ pages. However, you can add your own custom pages by adding the following <input> elements:

 

<input type="hidden" name="RedirectSuccess" id="MyRedirectSuccess" value="SUCCESS URL" />

<input type="hidden" name="RedirectError" id="MyRedirectError" value="ERROR URL" />

 

Replace SUCCESS URL and ERROR URL with your own appropriate secure web page URLs


Please note, any sign up forms created before May 2022 will need updating. 


    • Related Articles

    • Can I use check boxes in a sign-up form?

      Creating a sign-up form online is a really productive way of growing your database and seamlessly adding data to your account. Brand new contacts can opt-in and supply you with details about their preferences which will then help you send them emails ...

    • How to manage your contact groups

      Groups are a static list of Contacts that allow you to separate out your data. Groups will remain unchanged unless you manually add or remove Contacts, or if you have connected your account to an online signup page or via API. Groups are generally ...

    • Getting started with Contact Uploading

      Getting your contacts ready for Import Your database of contacts can be imported en mass via NewZapp's import contact function. To ensure a successful import we recommend: Your database is formatted correctly in an application such as Excel. You've ...

    • How to create a landing page

      A landing page is a page of information hosted online that you link to from an email campaign. Landing pages are an ideal tool to avoid emails becoming too long and/or as a means to gather engagement statistics, for example which items/topics in your ...

    • Active contacts - Discontinued Unlimited product

      This guide is applicable to any account which is on our discontinued Unlimited product. An Active Contact is any unique email address you upload, store and/or send to during a billing period.    Frequently Asked Questions   Where can I see how many ...