An effective email signup form is essential for building a robust email marketing strategy. By embedding a well-designed email signup form on your website, you provide visitors with a straightforward way to subscribe to your newsletters, ensuring that your messages reach an interested and engaged audience.

Mail Designer can be conveniently connected to your website, offering your website visitors a direct way to sign up to your email list. Here's how it works!

Why do I need an email signup form on my website?

One of the biggest challenges faced by email marketers is finding the right contacts to send emails to. Even if you've built a flawless email campaign, it won't mean anything unless it reaches your target audience!

With a signup form on your website, you're giving your audience – whether it's returning visitors or potential new customers – an easy opportunity to learn more about your brand and keep up to date with news, offers, and more. It's also a great way to make sure your email list is made up of contacts who really want to hear from you.

Benefits of email signup forms:

• Lead generation: Reach more contacts organically via your website
• Healthy email lists: Contacts who have consciously opted in are more likely to stay subscribed to your newsletter
• Better segmentation: Many signup forms give users the option to specify what type of content they are interested in
• Well-rounded brand experience: Try following up the signup and opt-in experience with a welcome email series

Creating an Effective Email Signup Form with Mail Designer 365

Learn how to design and implement an email signup form using Mail Designer 365 to grow your subscriber list and enhance audience engagement. The signup form builder in Mail Designer 365 is easy to use and a great way to grow your email list.

Setting up your form

To get started, go to https://my.maildesigner365.com/team/deliveries/contacts/signupForms to set up your new sign up form.

You can begin by giving your form a name, e.g. Website Signups. This helps you identify where the contacts came from and is not visible to customers.

Additionally, you can add a catchy title which will be visible on your site.

Form fields

The next step is setting up the fields of your form. This is an important step, as it determines how contacts will be categorized later in Mail Designer Delivery.

First and last name
You have the option to allow subscribers to enter a first and last name into your form. This can be helpful if you wish to collect the data needed to send personalized emails, but remember it also adds an extra step to the signup process.

Automatic attributes
These attributes will be automatically assigned to new contacts who sign up via this form. Subscribers will not be able to see the attribute name when they sign up.

Choose an existing attribute from the list or enter a new one, for example "Source", then click "+ Create New":

Following this, enter an attribute value in the popup window. For example, "Website", then click "Click to create new value...":

New signups via this form will now be automatically assigned this attribute, meaning you can see how many contacts came via your website and even create tailored content for them later on.

Customer attributes
In many cases, it's helpful for customers to self assign attributes to help show you what type of content they are interested in.

Let's say you are a clothing store and regularly create newsletters with news and offers on women's, children's and men's fashion. You can include these as options in your signup form to let your subscribers determine which newsletters they want to receive.

This is a great way to make sure your email content stays relevant and reduces the risk of contacts unsubscribing later.

Again, you can choose an existing attribute from your list, or enter a new one as described in the previous step. Here, we are using the attribute "Newsletter Type" with the values "Women", "Children", and "Men". These will be the options your website visitors can choose from.

As soon as you've specified these attributes, you can also customize how they are displayed to users.

Check the box "Show Attribute Label" to enter a text which best describes the choices shown to users – e.g. "I'm interested in offers for"

You can now choose a display type. In most cases, "Checkbox" makes sense, i.e. if you want to offer multi selection. However, if users should only choose one option (e.g. location) or can input their own values (e.g. birthday), you can select the appropriate option from the dropdown menu.

Finally, you can enter a custom button text for your signup form in the field provided:

Double Opt-In

A double opt-in email is essential for all new sign ups, as it helps ensure your newly obtained email addresses are genuine – a good measure for preventing email bounces later on. Therefore we recommend keeping this option active.

The Mail Designer Delivery signup form generator allows you to customize your double opt-in emails. Fill out the fields for email subject line, body text, footer, and button.

In this section, you can also specify a custom landing page (e.g. a thank you page) for new subscribers. They will see this page once they have opted in to receive your emails.

Layout & Preview

In the final setup step, you can choose between different layout options for your signup form, as well as selecting a light or dark design:

You can also use the color picker to change the color of the button and the button text to match your company branding:

To preview a design option, select your design settings, then click the refresh icon in the "preview & test" field to see the latest version of your form. This also includes a preview of all the form fields selected in the previous step:

Once you're happy with the design, remember to save the form by clicking "Save Form":

Adding a signup form to your website

Adding your finished form to your website is super easy, thanks to Delivery Hub's code generator.

1. Click on "Generate code" to create the code needed for your form
2. Click "Copy code" to copy the form code to your clipboard

You can then paste this code into the desired area of your website and start collecting new subscribers!

WordPress user? Use our plugin to insert your new form onto your website.

Good to know: Signup forms are available in all Mail Designer 365 Delivery plans. The number of forms you can create depends on your plan tier.

Your next step - creating an audience

If you have not done so already, now is a good time to set up your email list(s). We call these audiences.

You can base your audiences on certain criteria, known as attributes, i.e. the attributes you specified in your signup form. For example, our clothing store needs at least three audiences for their newsletters: for women's, children's, and men's fashion.

Audiences can be created at: https://my.maildesigner365.com/team/deliveries/targetgroups

Creating a new audience

We will start off with the newsletter for women's fashion. Here the goal is to generate a list of all the people who sign up to the newsletter to receive news about women's fashion.

Firstly, create a new audience and give it a name (i.e. "Women".)

Now, select the attribute (i.e. “Newsletter Type”) that you created during form setup.

Next, select the corresponding value (e.g. "Women"):

Now all contacts with the attribute value "Newsletter Type = Women" will be displayed below. Click to save your new audience.

Create additional audiences

These steps can also be carried out for the “Men” and “Children” lists by selecting the appropriate attribute values, providing you with dynamic audiences for each newsletter type.

Whenever a subscriber signs up via your website form, they will be automatically added to the respective audience(s) based on the categories they select.

If you want to create one audience with all your website signups, follow the steps above using the attribute and value that you specified during form setup, i.e. "Source" and "Website". All new subscribers will be automatically added to this list – even if they don't select one of your optional fields.

Once you've added some email contacts to Delivery Hub, you can begin setting up custom audiences.

What are audiences?

An Audience is a list of contacts with shared characteristics (i.e. attributes) which you can use to better segment your email campaigns.

For example, if you are running a promotion on kids clothing, you will logically want to inform customers who you know are interested in these products. In Delivery Hub, you can set up an audience consisting of exactly these customers and send a segmented campaign. Here's how!

Creating an audience

To get started, log in to your my.maildesigner365 account and go to Delivery Hub > Audiences:

Next, click on Create audience and select an attribute (e.g. "Interest") from the dropdown menu:

Then, using the "equals" filter, select a sub value from the next dropdown (e.g. "Kids Fashion") to filter out all the contacts you have logged as interested in kids fashion:

Below, you will see a count value of how many contacts match the criteria. This number will be the number of recipients in your target group:

If you choose to narrow the search down even more, e.g. to filter out customers interested in kids fashion and living in the US, you can add a further filter group.

After applying further filters, you will usually notice the number of recipients decrease as contacts who don't meet the criteria are filtered out:

Finally, add a name for your audience so you can identify them later and hit Save:

Before you can send your email campaign, you'll need to add your contacts to Mail Designer 365 Delivery Hub. You can add contacts manually via copy & paste or using a CSV file (e.g. when exporting contacts from another service.)

To get started, log into your my.maildesigner365 account and go to Delivery Hub > Add Contacts.

Manual import

Under Add contacts via copy & paste, paste your list of email addresses into the space provided, ensuring that each address is separated with a comma (,) or line break:

Next you have the option to assign attributes to your new contacts. Attributes represent different characteristics (e.g. language, interest, country, etc.) and tell you more about the contacts you are adding. This step is important for setting up an audience later.

Just enter a value (e.g. "Interest") into the attribute field and click on Create:

Then, enter a sub value (e.g. "Kids Fashion") and click on Create:

In this case, all the new contacts you've added will be tagged as having an interest in kids fashion:

Repeat this process to add as many attributes and sub values as you like:

Then, once you are done adding attributes, hit Add contacts to save your new contacts.

CSV import

If you have a .csv file containing email contacts, you can upload this under Import contacts by file or service:

During this step, you can also assign attributes to your contacts as described in this guide.

Once you're happy with your email design, you can go ahead and send it as an email campaign to your audience.

To get started, open up the template you would like to send and click on Start Campaign in the Mail Designer 365 toolbar:

The latest version of your design will be saved to your Project and Campaigns will open in your Mail Designer Main Window:

Template and Subject

Click on your template to select it, and check your the subject of your email. This subject will be used as the subject in the inbox.

Once your Template and Subject is filled, you will see a green Checkmark next to Template and Subject. Scroll down to continue.

Next, scroll down to the Recipient and FROM Section

Recipient and FROM

Click on Edit to select your Audience and check your from address:

Now select your audience. These are the contacts who will receive your email campaign. Choose All Contacts to send your email to everyone or, if you have already set up custom audiences, choose one from the dropdown menu:

Next check if your FROM address is correct. This is the address your campaign will be sent from.

By default, Mail Designer 365 will pre-fill this field with your last-configured address. If you have multiple addresses configured, choose one from the dropdown menu. If you want to add a new address, go to Participants & Settings in the sidebar menu.

All set? Make sure you have a green Checkmark next to the section: Recipient and FROM!

Delivery Date

Following this, you can decide when to send your campaign. Click Edit next to the Delivery Date section. Choose to send now or schedule it for a future date. Alternatively, choose Not decided yet to save it and come back to it later.

All set? Make sure you have a green Checkmark next to the section: Delivery Date!

Additional Settings

You can optionally configure additional settings under the section Content. Options you can set here include:

• Attachments for your email
• Banner options
• Link tracking options
• Internal name for your campaign.

Ready to send?

Press Review to do a final preflight check of your campaign before sending.

You will now be given one final opportunity to look over your campaign details before sending to your audience:

When you send an email campaign, the sender email address (also called the From address) is the first thing your recipients see. Using a professional sender email address that matches your own domain not only builds trust with your audience, but also helps your messages avoid spam filters. With Mail Designer 365 Campaigns, you can easily add or change your sender email address, verify your domain, and ensure your campaigns are delivered reliably.

How to Add a New Sender Email Address in Mail Designer 365

To set up a new sender email address (From address) for your campaigns, open your project in Mail Designer 365 Campaigns and go to:

Settings > From: Addresses.

In the section From: addresses for Campaigns, you’ll find the input field to add a new email domain. Simply enter the email address and sender name you’d like to use — for example, your company name or newsletter identity.

Once you’ve entered your sender email address and name, Mail Designer 365 will send you a confirmation email from noreply@welovemails.com. Until you click the link in that email, your address will appear with the status pending in Mail Designer Campaigns.

If you didn’t receive the confirmation message, first check your spam or junk folder. You can also click Resend to have the verification email sent again.

To finish the process, open the confirmation email in your inbox and click Confirm email address. This proves the sender email address belongs to you and activates it for use in your campaigns.

Important: Verify Your Domain for Best Deliverability

At this stage, your sender email address is verified and ready to use in Mail Designer 365. You can already start sending campaigns right away.

However, for reliable delivery and to prevent your emails from being flagged as spam, we strongly recommend verifying your email domain. While this step is not strictly required, completing domain verification gives your emails the best chance of reaching your recipients’ inboxes.

Why domain verification matters

• Spam protection: Emails from unverified domains are more likely to end up in junk folders.
• Brand trust: Recipients see your domain as the sender, instead of a generic address.
• Technical compliance: Many providers now require authentication via SPF, DKIM, and DMARC.

Follow our email domain verification guide to set up SPF, DKIM, and DMARC records and ensure your sender email address achieves the best deliverability.

Once you have uploaded a design to Crew Chat, all your team can comment and give you feedback.

To notify a team member about a new design, click on Crew Chat Participants in the top right corner of the window:

This will open up a list of your current team members. Simply check the box next to their name and click Save:

They will then be notified about your newly uploaded design by email:

If you need to invite a new member to your team, click on Invite members:

Enter their email address in the field provided and hit Invite to send them an email notification:

Now that you've invited all your team members to the discussion, you can get started with the feedback process!