66
How to Customize Mad Mimi

Diane dela cruz_how to customize mad mimi

Embed Size (px)

Citation preview

Page 1: Diane dela cruz_how to customize mad mimi

How to Customize Mad Mimi

Page 2: Diane dela cruz_how to customize mad mimi

Mad Mimi is an email marketing service that allows you to create a subscription form (“email catcher”) and to send emails and newsletters to multiple recipients. For this tutorial, we will use the free option.

Page 3: Diane dela cruz_how to customize mad mimi

Sign up for an account, if you haven’t yet.

Page 4: Diane dela cruz_how to customize mad mimi
Page 5: Diane dela cruz_how to customize mad mimi

To log in, enter your details.

Page 6: Diane dela cruz_how to customize mad mimi
Page 7: Diane dela cruz_how to customize mad mimi

To create a web form, click the web form tab.

Page 8: Diane dela cruz_how to customize mad mimi
Page 9: Diane dela cruz_how to customize mad mimi

Click the “Add a Webform” button.

Page 10: Diane dela cruz_how to customize mad mimi
Page 11: Diane dela cruz_how to customize mad mimi

This is the default design. Your company name or business name will appear as the heading.

Page 12: Diane dela cruz_how to customize mad mimi
Page 13: Diane dela cruz_how to customize mad mimi

To add a field, click the dropdown that says “Add a field.”

Page 14: Diane dela cruz_how to customize mad mimi
Page 15: Diane dela cruz_how to customize mad mimi

Select the field that you want to add. In this case, we will select “Name.”

Page 16: Diane dela cruz_how to customize mad mimi
Page 17: Diane dela cruz_how to customize mad mimi

Notice that the field, “Name,” has been added.

Page 18: Diane dela cruz_how to customize mad mimi
Page 19: Diane dela cruz_how to customize mad mimi

To customize the theme, click on the “Theme” tab.

Page 20: Diane dela cruz_how to customize mad mimi
Page 21: Diane dela cruz_how to customize mad mimi

Click on the little gray rectangle below the words “Logo Background Color.”

Page 22: Diane dela cruz_how to customize mad mimi
Page 23: Diane dela cruz_how to customize mad mimi

A color palette will appear. Choose the color that you want.

Page 24: Diane dela cruz_how to customize mad mimi
Page 25: Diane dela cruz_how to customize mad mimi

The color of the heading will change accordingly.

Page 26: Diane dela cruz_how to customize mad mimi
Page 27: Diane dela cruz_how to customize mad mimi

To put this form on your blog or website, you will need the code.

Page 28: Diane dela cruz_how to customize mad mimi

To get the code, click the “Embed” tab.

Page 29: Diane dela cruz_how to customize mad mimi
Page 30: Diane dela cruz_how to customize mad mimi

A box will appear. Copy and paste the code in the box.

Page 31: Diane dela cruz_how to customize mad mimi
Page 32: Diane dela cruz_how to customize mad mimi

What if you want to change the text on the sign up button?

Page 33: Diane dela cruz_how to customize mad mimi

Let’s say that instead of a button that says:

Page 34: Diane dela cruz_how to customize mad mimi

… you want a button that says “Subscribe Me!”

Page 35: Diane dela cruz_how to customize mad mimi

How can you do it?

Page 36: Diane dela cruz_how to customize mad mimi

You can do it by editing the HTML code.

Page 37: Diane dela cruz_how to customize mad mimi

However, the form will lose its formatting (design and color) and the code will just display the name and email field…

Page 38: Diane dela cruz_how to customize mad mimi

…like this:

(Notice that the text on the sign-up button is different.)

Page 39: Diane dela cruz_how to customize mad mimi

To get the HTML code, click on the “Plain Embed” tab.

Page 40: Diane dela cruz_how to customize mad mimi
Page 41: Diane dela cruz_how to customize mad mimi

A box containing the HTML code will appear.

Page 42: Diane dela cruz_how to customize mad mimi
Page 43: Diane dela cruz_how to customize mad mimi

Click in the space where the code is found to select everything.

Page 44: Diane dela cruz_how to customize mad mimi
Page 45: Diane dela cruz_how to customize mad mimi

Copy and paste the code onto a notepad.

Page 46: Diane dela cruz_how to customize mad mimi
Page 47: Diane dela cruz_how to customize mad mimi

When you’re on the notepad, press CTRL + F. A small box will appear.

Page 48: Diane dela cruz_how to customize mad mimi
Page 49: Diane dela cruz_how to customize mad mimi

Type “sign up!” in the box next to the words “Find What.”

Page 50: Diane dela cruz_how to customize mad mimi
Page 51: Diane dela cruz_how to customize mad mimi

Click “Find Next.”

Page 52: Diane dela cruz_how to customize mad mimi
Page 53: Diane dela cruz_how to customize mad mimi

“Sign up!” will be highlighted in blue. The phrase appears twice in the code.

Page 54: Diane dela cruz_how to customize mad mimi
Page 55: Diane dela cruz_how to customize mad mimi

Change “Sign up!” to the text that you want. In this example, I used “Subscribe me!”

Page 56: Diane dela cruz_how to customize mad mimi
Page 57: Diane dela cruz_how to customize mad mimi

Paste the code in your notepad onto your blog or website.

Page 58: Diane dela cruz_how to customize mad mimi

Let’s say you want your subscribers to land to a certain web page after confirming their subscription.

Page 59: Diane dela cruz_how to customize mad mimi

To do this, click on the “Advanced” tab.

Page 60: Diane dela cruz_how to customize mad mimi
Page 61: Diane dela cruz_how to customize mad mimi

Paste the link to the webpage inside the rectangle below the words “Activation Landing Page.”

Page 62: Diane dela cruz_how to customize mad mimi
Page 63: Diane dela cruz_how to customize mad mimi

Your subscriber will be brought to a landing page where you may have a welcome message for them or where they can download a free gift.

Page 64: Diane dela cruz_how to customize mad mimi

This is an example of a landing page:

Page 65: Diane dela cruz_how to customize mad mimi
Page 66: Diane dela cruz_how to customize mad mimi

The end.