14
Creating Mobile Landing Page in WordPress For Transformational Outsourcing Social Media Department

Creating mobile landing page in WordPress

Embed Size (px)

DESCRIPTION

Learn how to create mobile landing pages using WordPress

Citation preview

Page 1: Creating mobile landing page in WordPress

Creating Mobile Landing Page in WordPress

For Transformational OutsourcingSocial Media Department

Page 2: Creating mobile landing page in WordPress

What are Mobile Landing Pages?

Mobile Landing Pages (MLPs) are mobile enabled web pages that

show up on mobile devices.

Page 3: Creating mobile landing page in WordPress

How Mobile Landing Pages can be used?

Opt-in pages for mobile advertising campaigns

Coupons Sharing personal

details as in a personal card

Place to send mobile SMS opt-ins

Page 4: Creating mobile landing page in WordPress

MLPs in WordPress QuickStart

What you need? Login to your

WordPress account Install the Mobile

Landing Page (MLP) plugin if has not been installed yet.

Page 5: Creating mobile landing page in WordPress

MLPs in WordPress QuickStart

1. Under Mobile LPs tab, click the Page Builder.2. Enter the information on the appropriate fields.

Name of MLP (This is the internal name and will not be displayed on the MLP.)

Content (Use the toolbar to format text or insert images/links.)3. In the Header Options section, you can select either None, Image,

Headline, Both from the Header Type drop-down menu. Header Image should be exactly 480 pixels wide. Type the Headline name on the Headline field. Format the Headline title as desired using the appropriate drop-

down menus, such us font, font color, background color.4. In the Style Options section, choose the font color, background

color, and link color to be used on the content body. You can also use the Custom CSS if you want.

Page 6: Creating mobile landing page in WordPress

MLPs Plugin for WordPress Quckstart

5. In the SEO Options section, enter the following information on the appropriate fields: Page Title – Usual max. title is 60 characters. Page Description - – Usual max. title is 160 characters. Page Keywords – separate each keyword by commas

6. In the Nuts and Bolts section, enter the following information on the appropriate fields: Non-Mobile Redirect URL (This is where you redirect a visitor who comes

to your MLPs using a non-mobile device. If you leave it blank, it will redirect users to your site’s homepage.

Head Code – Enter code if you want to put your Google analytics or some other tracking script, or any custom javascript. This will not be visible on to the end-user.

Foot Code – Same as with head code but this will be visible on the MLP.

Page 7: Creating mobile landing page in WordPress

MLPs Plugin for WordPress Quckstart

7. Click the Publish button on the top-right portion of the page.8. To preview the MLP, click the Standard Preview or the Developer

Preview. Standard Preview – gives you an idea on what an average user will see on

the MLP Developer Preview – allows custom styling as you click on specific

elements of the page, similar to how Firebug works.

Standard Preview

Developer Preview

Page 8: Creating mobile landing page in WordPress

MLPs Plugin for WordPress Quckstart

9. Once the MLP has been published, it should now be listed in the Mobile LPs section. There, you have the option to edit, delete, preview, or duplicate the page. Duplicate option – This allows you to create an exact copy of the page so you can

simply edit it instead of manually creating all the elements of the page, similar to the “Save As” option works on MS Office.

Reminder: Update the permalink for duplicate pages.

Page 9: Creating mobile landing page in WordPress

What Mobile Landing Pages (MLPs) can bring to your business?

Page 10: Creating mobile landing page in WordPress

Unlimited Reach

There are 5 billion plus cell phone users versus only 1.8 billion Internet users. This market is already almost 300% larger than the internet.

With over 50% of all social media posts being made from a mobile device you can see the potential.

Page 11: Creating mobile landing page in WordPress

Exceptional Growth

In 1999, most people were just starting to get the Internet. Twelve years later there are many who missed out on that huge opportunity.

In 2011, the next big area for growth is mobile. You can either be a part of it or be left in the dust while your competitors take advantage of this.

Page 12: Creating mobile landing page in WordPress

User-Friendly experience from Mobile-Friendly portals

Mobile is a fast medium, so you only have a small window of opportunity to grab someone’s attention. That is why your mobile landing pages must communicate your message quickly.

Page 13: Creating mobile landing page in WordPress

MLP vs Regular Website

Page 14: Creating mobile landing page in WordPress

MLP vs Regular Website