Call us: +46 (0)8 410 413 13 Email us: support@ungapped.com
Add a sign up-form to your website
2018-01-04
This is how to create a double opt-in sign up-form to put on your website in order to collect contacts to your newsletter.
WHAT THE PROCESS LOOKS LIKE:
- The contact fills out the sign up-form on your website.
- When the contacts clicks the Submit-button a confirmation-email containing a confirmation link automatically will be sent to the email address the contact entered.
AND
a confirmation-page will be shown (“We have sent an email with a confirmation link to your email address. In order to complete the sign-up process, please click the confirmation link.) or an error-page (“Something went wrong. Please try again in a couple of minutes, or contact our support.“). - The contact opens the email in her/his inbox and clicks the confirmation link.
The contact is now added to the contact list in your Ungapped-account.
(If the contact never clicks the confirmation link the contact won’t be added to your Ungapped-account.
A welcome email is now sent to the contact (“Welcome to our newsletter!”). Sending a welcome email to new subscribers is optional.
PREPARATIONS:
- First create the contact list/s that the contacts should be added to. (Give the contact list a good and logical name, for instance “Sign up-form on our website”)
- Create three pages on your website:
a) a “confirmation”-page
(An email has been sent to your inbox. Please open the email and click on the button in it to verify your email address and subscription.)
b) a “success”-page
(We’ve received your email address and you will get our newsletter shortly.)
c) an “error”-page
(Ooops, something wen’t wrong. Try again in a couple of minutes, or contact our support.)
You need the url:s to these three pages. - Create one (two) email/s on your Ungapped-account:
a) a “confirmation”-email (This is the email that automatically will be sent to the email address the contact enters. The contact needs to click on a button in this email in order to confirm their subscription)
b) a “welcome”-email (Glad you decided to join us! As a welcome gift we’ve enclosed a coupon…) NOTE! Sending a welcome-email is optional!
NOTE! You must send these email/s to a test list (so they can be found in the statistics).
AND THIS IS HOW YOU DO IT:
- Click on “the three dots” to the right of Contacts, and then click on Subscription Form Generator.
- Choose the contact list to which the contacts should be added (you can choose multiple lists).
- Enable double opt-in for your email list by selecting a confirmation-mailing that will be sent to those who subscribe (NOTE! This email must have been sent to a contact list so it’s located under the “Sent”-tab.) The confirmation-mailing must contain a confirmation-link the contact must click on in order to confirm the subscription (see image below on where you find this link). If you do not select an email for this section double opt-in will be disabled.
After you’ve chosen the confirmation-mailing you shall enter the url to the webpage the contact shall see after hitting the confirmation-link. This webpage you create on your website.
- OPTIONAL:
Choose a welcome-mailing that will be sent to the new subscriber after s/he has confirmed her/his email address. (NOTE! This email must have been sent to a contact list so it’s located under the “Sent”-tab.) - Enter the url:s to the confirmation-page, success-page and error-page. These pages you create on your website.
- Choose the data you want your sign up-form to collect (at the moment only email address (or sms-number) is required, but from may 2018 you must also add a consent box if the contact signing up is within EU). (GDPR)
- Copy the HTML-code down at the right hand side and paste it into the HTML-code on your own website.
NOTE! The sign up-form is unstyled – style it yourself with CSS. - Test filling out the sign up-form and check that your contact has been added to the contact list on your Ungapped-account after you’ve confirmed your subscription.
Manuals
- Manual for surveys & signup forms
- Create a survey
- Survey design
- Get notified when new response
- Required questions
- Show follow-up question (conditions)
- Publish a survey
- Create your own survey template
- Copy a survey
- Copy survey or a survey template to another account
- Matrix question
- Survey question types
- Rating-block
- Video block in survey
- Add an auto-response email
- Add respondents to different lists depending on which option they selected
- Embed a survey on your WordPress website with a plugin
- Group survey responses
- Remind those who did not answer the survey
- Create pre-filled fields
- Find and copy survey URL
- Link to a survey from an email
- Embed a survey on your website via iframe
- Received survey responses
- Delete responses from survey
- Manual for mailings and newsletters
- Copy a previous email
- Preview an email
- Insert links
- Insert survey responses in an email
- Preview an email that contains custom fields
- Do a spam test
- Schedule recurring mailings
- Schedule emails
- Custom fields
- Video block
- Barcodes
- Validate new sender address
- Compilation of e-mail statistics
- Create an email template
- Edit email template
- Copy an email template
- Copy mail/mail template to another account
- A/B testing of content in email
- Newsletter archive
- Send reminder email to inactive contacts
- Using columns in your email
- Always insert alt text to all images in a mailing
- Create a pdf of your email
- Add a background image to a mailing
- Set the subscription category for an email
- Tracking of opens and clicks
- Send Test Emails
- Send mailing
- Insert symbols into the subject line
- UTM tracking
- Change default sender address
- Share on Facebook, Twitter and LinkedIn
- Changing the sender address of a mailing
- Changing the sender name for individual mailing
- Insert the mandatory unsubscribe link and Show as web page link
- Conversion tracking
- Email URL to web version
- Using a pre-header
- Manual for events
- Create the event
- Copy a previous event
- Contact person for the event
- Edit the Sign up form
- Add Registration closes
- Delete answers to sensitive questions
- Add a map image from Google Maps to the event invitation
- Change the name “Speakers” and “Sponsors”
- Landing page: changing logo and footer
- Edit answer in event registration
- Landing page: Design the landing page
- Landing page: change text on button and “You are invited to”
- Countdown timer
- Invitation email
- Guestlist
- Guest list: Add participant manually
- Guestlist: Change the status of a participant
- Guestlist: Change the status of registered to attended
- Guestlist: sort and filter
- “Add this event to your calendar”-link
- Waitlist
- Check-in list
- Check-in list: Add participant manually
- Reminder: not yet registered
- Reminder: “day before” reminder to registered guests
- Evaluation
- Manual for text messages
- Contacts
- Block a contact (sms)
- Importing contacts
- Add a contact manually
- Edit a contact
- Export a contact list
- See Statistics on Bounced Contacts
- Delete a contact
- Show more custom fields in the contact list
- Search for a contact
- Contact filtering (advanced search)
- Block a contact (email)
- Bounced contacts
- Create a filtered contact list
- Images
- Design
- Law, rules and regulations
- More Help Topics
- Hide Ungapped’s free templates
- Forgotten your password?
- Forgotten your user name?
- AI assistent: TRANSLATE SURVEY
- Change your user name
- Add users to your Ungapped account
- Video in emails
- Add a sign up-form to your website
- Error: “Object moved to here”
- Remove users from your Ungapped account
- View the last login date on account users
- SPF-records and DKIM
- What is email authentication and why is it important!
- Color-mark words in mail and questionnaires
- Change password
- Change language
- Switch between accounts
- Print with background image and background color
- I cannot send a test email
- I cannot send my email
- Take a screenshot
- Naming files and documents
