To create a signup form that you can add to your website, simply follow either the quick video below or the step by step guide underneath.
To begin, go to contacts and then create signup form.
You’ll first need to select a contact list for the new emails to feed in to.
The success url and error url are the pages that recipients will be sent to once they’ve added their email to the signup form if the signup and successful or unsuccessful respectively. For example, you may wish to create a page on your website thanking people for signing up, or simply send them back to your homepage. In either case, add the url to the applicable box in this section.
If your selected list contained any additional fields of data, for example first names, address fields, birthdays etc, you’ll see a custom fields section appear.
These are all the fields that are contained within your contact list. When you create the signup form you’ll automatically have an email field and an SMS field (you can delete either of these later on). The custom fields however allow you to capture additional data like first name, last name, address- anything that you’ve added as a field to your list.
You can also choose why type of input they are- for example you may chose to have a checkbox for gender or age. Note that you can also hide fields if you don’t want them to be visible on the final form.
In the final section you can add an email address for the completed HTML form to be sent to- usually this will be your own address.
Also decide if you’d like to trigger a double opt-in email when someone completes the form- they’ll then receive an email with a link that confirms their email address after signup. Failure to do so will result in them not successfully signing up.
Once your’re happy with all the options, click send code and the HTML file containing the form will be sent to the address you specified. You can then use this form on your website, add any required styling, and then any addresses that complete the form will immediately be added to your list.
Add reCaptcha to your Signup Forms
To avoid subscription bombing, it has become best practice to add some kind of “are you human” test to signup forms. Anyone who has been a victim of subscription bombing will know that the effects on your deliverability can be dire and takes a lot of work to come back from.
Our favourite method is Google’s reCaptcha and this is now integrated into PureCampaign.
In order to add reCaptcha to a PureCampaign sign-up form, you need to do three things to the sign-up form html provided from your account:
1. Ensure the the Action value in your form is:
2. Add the following lines of html code to the signup form html provided from your list in PureCampaign.
<script src="https://www.google.com/recaptcha/api.js"> </script> <div class="g-recaptcha" data-sitekey="6Lda1BAUAAAAABeemGvQod8rVNQQUSM2y9pFK_gS"> </div>
The <script> tag can be anywhere on the page, ideally above the <div> tag; it is fine to be inside of the <form> tag html.
The <div> tag needs to be inside of the <form> tags and will be where the reCaptcha interface appears, so we recommend you put it just above the submit button.
3. Tell us which domain you will be hosting the form on and which profile the list is in.
In order for us to validate reCaptcha for your forms that post into your PureCampaign profile(s), we have to whitelist the domain which you host the form on.
The best way to tell us is via the “Contact customer support” function from within your PureCampaign account.
Within a maximum of two working days, your domain will be added to the whitelist and reCaptcha will be made mandatory for all sign-up forms posting into that profile.
If you already have other sign-up forms posting into your PureCampaign profile(s) which you do not want reCatpcha to be used on, please let us know because they will no longer work.
<form method="POST" action="https://response.pure360.com/interface/list.php"> <input type="hidden" name="accName" value="[ProfileName]"/> <input type="hidden" name="listName" value="[ListName]"/> <input type="hidden" name="successUrl" value="NO-REDIRECT"/> <input type="hidden" name="errorUrl" value=""/> email: <input type="email" name="email"/> <script src="https://www.google.com/recaptcha/api.js"> </script> <div class="g-recaptcha" data-sitekey="6Lda1BAUAAAAABeemGvQod8rVNQQUSM2y9pFK_gS"> </div> <br/> <input type="submit" value="Subscribe" /> </form>
With a little styling on the email field and submit button, it can look like this: