Customizing your signup form
Editing the new subscriber form and messages for new subscribers
Your signup form allows new subscribers to sign up from your email campaigns and, if you choose, your website. You can create as many signup forms as you'd like, and they'll show up in the Your signup forms section of the main audience page. You can sort your forms alphabetically by name - just click on the little arrow at the top of the Signup name list.
- How to set your signup form
- How to edit your thank you message
- How to edit your confirmation message
- How to add Google Analytics to your form
- How to edit your manage preferences message
- How to publish your signup form to your website or integration
Signup:
How to set your signup form
- From the main audience screen, scroll to the Your signup forms section below Your audience.
- Create a new signup or click the name of the signup form that you'd like to edit.
- On the next screen, click Edit in the top right.
- Click the Your image here button to upload your logo.
- Edit the message to add a custom welcome note.
- Decide which fields of information to collect by deselecting hide beside any you want to be visible. Mark a field required to make filling it out mandatory.
- Set the order of display for your fields by adjusting the numbers to the left of the fields.
- Decide which groups you want new subscribers to be added to by clicking on the add or remove groups button to the right of your audience fields.
- Click Save in the top right corner of the form. You can also adjust the signup name in the About this signup section at the top.
- From the main audience page, select Add this to your site from the options menu to the right of the signup form's name. You'll see the block of code that lets you link to your signup form from any page of your website.
Once your signup is created, it will automatically appear any time someone clicks the sign up link at the bottom of your email campaigns.
Helpful tip
Editing your signup form. Make sure that you point your signup form to an audience group! This ensures that your members aren't floating in limbo with no group association. Want to know how to let your subscribers choose which mailings they want to receive? There are two easy steps:
- create your audience groups (if you haven't already), and
- set those groups to 'display' on your signup form
Thank you:
How to edit your thank you message
When new folks sign up for your mailing list, they will be taken to a Thank you page after they submit their information. This is editable in the signup section.
- Click on the name of the form you want to edit.
- Click on the Thank you tab.
- From there, edit the message to say whatever you like.
- If you'd rather, enter a URL to direct subscribers to after they submit their information.
- Click Save in the top right (where you clicked to edit).
Confirm it:
How to edit your confirmation message
After signing up, members will be sent a text-based Confirm it email that, well, confirms the details of their subscription. This is editable in the signup section.
- Click on the name of the form you want to edit.
- Click on the Confirm it tab.
- From there, edit the message to say whatever you like.
- Click Save in the top right (where you clicked to edit).
Stylish advice
Want to welcome new subscribers with a prettier HTML campaign? Click here to learn about creating a trigger email that's automatically sent when someone signs up for your list.
If you set up a welcome trigger, you may decide that the Confirm it email is redundant. You can turn off the confirmation email by clicking the 'Confirm it' tab and then unchecking the 'Send confirmation?' box.
Track it:
How to add Google Analytics to your form
- Click on the name of the form you want to edit.
- Click on the Track it tab.
- From there, add your Google Analytics ID.
- Click Save in the top right (where you clicked to edit).
Manage preferences email
How to edit your manage preferences message
After managing preferences or updating their information, members will be sent a text-based manage preferences update email that confirms the new preferences they have selected. This is editable in the signup section.
- Click on the name of the form you want to edit.
- Click on the Manage preferences email tab.
- From there, edit the message to say whatever you like.
- Click Save in the top right (where you clicked to edit).
Publish
How to publish your signup form to your website
There are a few different ways to publish your signup form to your website. Which one you use is completely up to you.
Access signup forms by scrolling to the bottom of your Audience page. Click Add this to your site from the options menu to the right of the signup form's name.
Or, click the name of the signup form to open it, and then click Publish this signup form.
A modal will pop up with all of the publishing options.
Here's a list of them:
-
Link to it - Just copy the link and insert it into the HTML code of your site, and you're ready to go. This is also great for embedding in your email signature.
-
Use a pop-up - Insert this code into your website and visitors will get a pop-up window containing your signup form when they click a link.
-
Use an iframe - Embed the Emma signup form directly on your website.
-
Use a JavaScript object - Build your signup form directly into your website and customize it completely using CSS. You can display the default styles in your choice of widths – small, medium and large – or use CSS to customize the styles to control the look of many form elements, including font, borders, buttons and more. Here are two ways to do that:
Option 1: Insert a style block into the code between the link tag and the script tag, and reference the styles you want to control. This is perfect if you just want to edit a handful of styles. In this example, the bolded text shows what the user is choosing to style:
<link href="{sample}" rel="stylesheet" type="text/css">
<style type='text/css'>
.e2ma_signup_form_label { color:red; }
</style>
<script language="JavaScript" src="{sample}"></script>
<script language="Javascript">signupFormObj.drawForm();</script>
Option 2: Instead of linking to our default CSS page, you may reference your own instead. You'll just need to add any of our class names you want to control to your own style sheet and customize them to your specifications.
-
Use the Signup ID - Add this ID to your custom form to send targeted welcome messages and automatic trigger emails to members based on the signup form they used to join your audience.
If you're a web designer or developer who would like to send automated Emma welcome messages to new subscribers who join via a form or integration that you've created, you can include the signup ID in the parameters of thePOST /#account_id/members/addcall. For more information, see our API docs.
You may see an opportunity to add a signup ID to your integration during the setup process of other web-based services, like CRMs, shopping carts and publishing software. This will ensure that new subscribers that are gathered via this integration are sent the same welcome message as they would if they joined by signing up using an Emma signup form.
If you use this signup ID in an integration, we'll disable the default plaintext confirmation email. That way, you can set up your own trigger mailing and customize the experience for new subscribers.
Helpful tips
- Be sure to consider all of the possible places where you can link your signup form. Drop that link in your email signature, on your blog or your business card.
- Interested in putting your signup form on your Facebook page? Grab the how-to here.