82
How To Create An Opt-In Page in Wordpress Using Mad Mimi

How to create an opt in page in wordpress

Embed Size (px)

DESCRIPTION

A tutorial on how to create an opt-in page or e-mail catcher on your blog.

Citation preview

Page 1: How to create an opt in page in wordpress

How To Create An Opt-In Page in

Wordpress Using Mad Mimi

Page 2: How to create an opt in page in wordpress

2

Is the easiest way to create, send, share, and track newsletters online.

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 3: How to create an opt in page in wordpress

3

First, go to www.madmimi.com

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 4: How to create an opt in page in wordpress

4

Click Login if you have already signed up

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 5: How to create an opt in page in wordpress

5

I mean, after seeing my tutorial on creating

newsletters…

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 6: How to create an opt in page in wordpress

6

If not, click “Sign up free today!”

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 7: How to create an opt in page in wordpress

7

Pricing appears

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 8: How to create an opt in page in wordpress

8

Fill up the form with your details

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 9: How to create an opt in page in wordpress

9

Scroll down to see all fields

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 10: How to create an opt in page in wordpress

10

Here’s an example

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 11: How to create an opt in page in wordpress

11

Tick “I agree…” box

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 12: How to create an opt in page in wordpress

12

Next, click Create my account

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 13: How to create an opt in page in wordpress

13

If successful, Welcome appears

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 14: How to create an opt in page in wordpress

14

Click Account to start

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 15: How to create an opt in page in wordpress

15

Edit Personal Info

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 16: How to create an opt in page in wordpress

16

Click on Webform (upper right)

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 17: How to create an opt in page in wordpress

17

Click on Webform (upper right)

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 18: How to create an opt in page in wordpress

18

This is where we create our email catcher

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 19: How to create an opt in page in wordpress

19

Click Add a Webform

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 20: How to create an opt in page in wordpress

20

When this appears, look at the right column

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 21: How to create an opt in page in wordpress

21

Enter your Webform Title here

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 22: How to create an opt in page in wordpress

22

For example:

Book Lover’s Weekly

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 23: How to create an opt in page in wordpress

23

Next, add fields according to what info you want to get from your audience

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 24: How to create an opt in page in wordpress

24

For this sample, we will only get:

First Name and Email Address

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 25: How to create an opt in page in wordpress

25

Click Add a Field

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 26: How to create an opt in page in wordpress

26

When it expands, these options appear

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 27: How to create an opt in page in wordpress

27

Select First Name

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 28: How to create an opt in page in wordpress

28

Now, we have the fields we want, and these are automatically saved!

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 29: How to create an opt in page in wordpress

29

Let’s edit the Webform title by clicking the pencil icon

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 30: How to create an opt in page in wordpress

30

This panel will appear

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 31: How to create an opt in page in wordpress

31

Type in the Webform Title

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 32: How to create an opt in page in wordpress

32

Click OK

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 33: How to create an opt in page in wordpress

33

Voila! We have our email catcher!

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 34: How to create an opt in page in wordpress

34

Does it look drab?

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 35: How to create an opt in page in wordpress

35

No problem, Mad Mimi can remedy

that!

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 36: How to create an opt in page in wordpress

36

Click on Theme

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 37: How to create an opt in page in wordpress

37

Click Logo Background Color

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 38: How to create an opt in page in wordpress

38

Choose the color you want

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 39: How to create an opt in page in wordpress

39

Click the Main Background Color

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 40: How to create an opt in page in wordpress

40

Click the color you want

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 41: How to create an opt in page in wordpress

41

Here’s a fun email catcher!

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 42: How to create an opt in page in wordpress

42

The next step is to get the code for the

email catcher

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 43: How to create an opt in page in wordpress

43

And “embed” it…

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 44: How to create an opt in page in wordpress

44

…to a Wordpress Premise Opt In Landing Page

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 45: How to create an opt in page in wordpress

45

LANDING PAGE is the page you land on after clicking a LINK

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 46: How to create an opt in page in wordpress

46

Such as this LINK

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 47: How to create an opt in page in wordpress

47

To get the code, click Embed

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 48: How to create an opt in page in wordpress

48

Styled Embed Code appears

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 49: How to create an opt in page in wordpress

49

Click inside

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 50: How to create an opt in page in wordpress

50

Press Control+A or Right Click “Select All”

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 51: How to create an opt in page in wordpress

51

Press CTRL+C

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 52: How to create an opt in page in wordpress

52

Open a new tab in your browser

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 53: How to create an opt in page in wordpress

53

Go to www.wordpress.com

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 54: How to create an opt in page in wordpress

54

Login

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 55: How to create an opt in page in wordpress

55

Inside Wordpress, hover on Landing Pages

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 56: How to create an opt in page in wordpress

56

Menu appears, click Add New

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 57: How to create an opt in page in wordpress

57

When “Add New…” appears, select Opt In

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 58: How to create an opt in page in wordpress

582013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 59: How to create an opt in page in wordpress

59

This page allows customers to give

permission for YOU to send them e-mail of their products, news and other messages

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 60: How to create an opt in page in wordpress

60

After selecting Opt In, “Edit Landing Page” appears

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 61: How to create an opt in page in wordpress

61

Type your headline and sub-head

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 62: How to create an opt in page in wordpress

62

Sample headline and sub-head

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 63: How to create an opt in page in wordpress

63

Scroll down until you see

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 64: How to create an opt in page in wordpress

64

Opt In Form Code

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 65: How to create an opt in page in wordpress

65

Here we will paste the code

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 66: How to create an opt in page in wordpress

66

Yes, the code we copied from Madmimi. Remember?

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 67: How to create an opt in page in wordpress

67

Click the space and press CTRL+V to paste the code

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 68: How to create an opt in page in wordpress

68

Scroll up

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 69: How to create an opt in page in wordpress

69

Click Publish

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 70: How to create an opt in page in wordpress

70

Your Landing Page has been published!

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 71: How to create an opt in page in wordpress

71

Let’s check it out by clicking either of the two

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 72: How to create an opt in page in wordpress

72

Your Landing Page (Styled Embed Code)

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 73: How to create an opt in page in wordpress

73

But if we copied the Plain HTML Code from Madmimi…

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 74: How to create an opt in page in wordpress

74

This will be your Landing Page (Plain HTML Code)

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 75: How to create an opt in page in wordpress

75

How should we use the Opt In Landing Page we

just created?

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 76: How to create an opt in page in wordpress

76

Copy the URL on the browser

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 77: How to create an opt in page in wordpress

77

Include this URL in your blog, e-mails, newsletters, to catch e-mail addresses of customers, fans, and

readers2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 78: How to create an opt in page in wordpress

78

Will collect e-mail addresses with first

names for you2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 79: How to create an opt in page in wordpress

79

In time, you will have a treasure trove of

e-mail addresses

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 80: How to create an opt in page in wordpress

80

Of people whom you can sell your products to

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 81: How to create an opt in page in wordpress

81

PEOPLE HAVE EMAILS. COLLECT

THEM ALWAYS

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

Page 82: How to create an opt in page in wordpress

82

“When your desires are strong enough, you will

appear to possess superhuman powers to

achieve.” – Napoleon Hill

2013 WorkWithJoeyAbad.com Going Global by Going Virtual