Creating landing pages for mobile devices

When you are creating a landing page that you anticipate will be viewed on a mobile device, use these steps to create a page that is better viewed on a small screen.

This is optimal to use when you are publishing your page via QR Code.

Go to SETTINGS > LANDING PAGES

Go to SETTINGS > LANDING PAGES

Select the landing page you want to set up for mobile devices.

Select the landing page you want to set up for mobile devices.

If you have not customized the page to be the way you want it. Stop here and customize the Settings, Form, Header, Footer, Actions and Thank You to all be set for the way you want your page to appear. For help with those, refer to http://www.allclients.com/video/28. Return to the next step once your page is customized.

Click to Edit the Header.

Click to Edit the Header.

Click in the bottom corner to switch to edit in HTML.

Click in the bottom corner to switch to edit in HTML.

Copy this HTML text in the top row of the header: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Click on the Style tab and modify the Mobile - iPhone Theme.

Click on the Style tab and modify the Mobile - iPhone Theme.

Scroll to find the Mobile - iPhone Theme. Click to Select. Then click OK to overwrite your existing style.

 

Click Preview to save your changes and view your page.

Click Preview to save your changes and view your page.

Click Back to List.

Click Back to List.

Use the link or QR Code next to your newly created Landing Page to test on your mobile device.

Use the link or QR Code next to your newly created Landing Page to test on your mobile device.