How to create an opt in page in wordpress

Post on 12-Jan-2015

965 views 1 download

description

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

transcript

How To Create An Opt-In Page in

Wordpress Using Mad Mimi

2

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

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

3

First, go to www.madmimi.com

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

4

Click Login if you have already signed up

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

5

I mean, after seeing my tutorial on creating

newsletters…

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

6

If not, click “Sign up free today!”

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

7

Pricing appears

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

8

Fill up the form with your details

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

9

Scroll down to see all fields

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

10

Here’s an example

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

11

Tick “I agree…” box

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

12

Next, click Create my account

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

13

If successful, Welcome appears

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

14

Click Account to start

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

15

Edit Personal Info

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

16

Click on Webform (upper right)

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

17

Click on Webform (upper right)

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

18

This is where we create our email catcher

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

19

Click Add a Webform

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

20

When this appears, look at the right column

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

21

Enter your Webform Title here

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

22

For example:

Book Lover’s Weekly

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

23

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

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

24

For this sample, we will only get:

First Name and Email Address

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

25

Click Add a Field

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

26

When it expands, these options appear

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

27

Select First Name

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

28

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

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

29

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

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

30

This panel will appear

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

31

Type in the Webform Title

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

32

Click OK

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

33

Voila! We have our email catcher!

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

34

Does it look drab?

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

35

No problem, Mad Mimi can remedy

that!

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

36

Click on Theme

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

37

Click Logo Background Color

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

38

Choose the color you want

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

39

Click the Main Background Color

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

40

Click the color you want

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

41

Here’s a fun email catcher!

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

42

The next step is to get the code for the

email catcher

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

43

And “embed” it…

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

44

…to a Wordpress Premise Opt In Landing Page

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

45

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

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

46

Such as this LINK

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

47

To get the code, click Embed

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

48

Styled Embed Code appears

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

49

Click inside

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

50

Press Control+A or Right Click “Select All”

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

51

Press CTRL+C

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

52

Open a new tab in your browser

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

53

Go to www.wordpress.com

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

54

Login

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

55

Inside Wordpress, hover on Landing Pages

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

56

Menu appears, click Add New

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

57

When “Add New…” appears, select Opt In

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

582013 WorkWithJoeyAbad.com Going Global by Going Virtual

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

60

After selecting Opt In, “Edit Landing Page” appears

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

61

Type your headline and sub-head

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

62

Sample headline and sub-head

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

63

Scroll down until you see

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

64

Opt In Form Code

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

65

Here we will paste the code

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

66

Yes, the code we copied from Madmimi. Remember?

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

67

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

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

68

Scroll up

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

69

Click Publish

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

70

Your Landing Page has been published!

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

71

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

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

72

Your Landing Page (Styled Embed Code)

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

73

But if we copied the Plain HTML Code from Madmimi…

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

74

This will be your Landing Page (Plain HTML Code)

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

75

How should we use the Opt In Landing Page we

just created?

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

76

Copy the URL on the browser

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

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

78

Will collect e-mail addresses with first

names for you2013 WorkWithJoeyAbad.com Going Global by Going Virtual

79

In time, you will have a treasure trove of

e-mail addresses

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

80

Of people whom you can sell your products to

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

81

PEOPLE HAVE EMAILS. COLLECT

THEM ALWAYS

2013 WorkWithJoeyAbad.com Going Global by Going Virtual

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