Landing Page Design Tool

Create engaging mobile landing pages with the Landing Page Design Tool. A mobile landing page is a landing page designed and optimized for viewing on mobile devices. Mobile landing pages can be accessed via QR codes or URL links.

Landing Page Designer

Drag and drop system: There are many items that can be placed on a landing page. The items are represented by a series of tabs at the top of the landing page design tool interface. Clicking an item’s tab opens up a section for the particular item, allowing you to edit the item’s settings while previewing it. When the item is ready to be added to the page, you can just drag it from the item preview section and onto the page preview at the right of the interface. Note that Items dragged onto the interface will appear from top to bottom. The position of the items can be adjusted by simply dragging them to the desired positions. You cannot drag an item any lower than it is, if there are no other items below it. If you want to add spaces or separators in between items to make the landing page more appealing, you can do so in the HTML/Text tab.

General

The first tab of the Landing Page Design Tool’s interface is the General tab. Here you can set the page’s name as it would appear in our platform’s “Landing Pages” section as well as the page’s title as seen in the page’s meta data. You can also set other settings that would apply to the entire page (e.g. font).

Image

Upload and change the settings of your images. Once an image is uploaded, it will appear in the preview box underneath the settings section. You can assign a link to the image and add text for an alt tag (text that will show up if the image fails to load). You can also adjust the image’s margins and alignment.

Button

Create a button or link that will trigger one of the following actions when clicked:

[fusion_table]
SettingDescription
Custom URLSend visitors to another page by providing a valid absolute URL
Select landing pageSend visitors to a different landing page made on our platform
Click to callAllow visitors to place a call to a specified phone number on mobile. This is not supported on desktop browsers.
Click to SMSAllow visitors to directly send an SMS text message to a specified number or short code on mobile. This is not supported on desktop browsers.
[/fusion_table]

There are also various changes you can make to the button’s appearance so it fits with the theme of the landing page. The button’s preview section will help you decide on the proper look for your button.

Video

Add a video uploaded from¬†Video Storage to the landing page. You can change the video’s thumbnail (i.e. preview image) by clicking the “Browse” button that appears once the video has been uploaded or selected from storage and uploading your thumbnail image. There are various other aesthetic choices you can make, all of which can be previewed in the video’s item preview section.

HTML/Text

Add formatted text or HTML as well as line or space separators. Type in the text on top and see how it would look like in the item preview below. Any formatting of text that you do will be applied to the entire item. If you want to have different formatting for different text you can create a HTML/Text item for each text block that requires different formatting.

Opt-in Form

Add a campaign opt-in with Web Forms, which can be placed on your site with JavaScript, or into a Skycore enabled landing page. Your audience members can submit the web form with their contact information along with any other additional information specified within the form. Upon form submission, your audience members can opt into one of your existing messaging or email campaigns in your account. You can also display a message to your audience members or redirect them to another web page when they submit the form.

Facebook

Add a Facebook Like Button to your mobile landing page.

[fusion_table]
SettingDescription
White backgroundCheck this in order to add a white background to the button. If unchecked, then there will be no background.
Facebook pageAdd the URL of your Facebook page for the button.
Show Friends FaceCheck this to show the visitors their friend’s profile pictures under the button if they liked the page.
Layout StyleChange the layout of the button. There are three options: Standard, Button count, and Box count.
[/fusion_table]

App Store

Promote an app through app store buttons. These buttons will appear with the proper mobile app store imagery, and link directly to the app within the store. You can add buttons for the Apple Store, Android Play Store, and Windows Store. Provide the full URL links for each store you wish to include. The landing page will detect the device the phone is viewing the page from, and provide only the appropriate app store button.

Instant Pass

Add a pass from Card Templates to the landing page. A user just taps a button and the pass will be added to Apple Wallet.

File Download

Upload a file for your visitors to download in the landing page. File types include .pkpass, .pdf, .zip, .doc, .docx, .xls, .ppt, .exe, .ics, .vcf, .gif, .jpg, and .png. You can adjust the text and appearance of the label that visitors click to download the file.

Scratch Off

Keep your visitors engaged with a scratch off. On this tab, you can upload a scratch image and a promotion image. The scratch image will appear on top of the promotion image. After scratching the top image, your visitors will be able to see the promotion image. If you select a pass template, a button to add the pass will appear on the top center of the promotion image after scratch. Your visitors can then press the button to download the pass to their device. The size of the promotion image should be proportional to the scratch image for best results. We recommend the sizes of the images to be 640px width by 960px height.

Tracking QR code and URL

When you press the save button a section detailing the tracking options the page you’ve created can be accessed through will open up. Automatically each page is assigned a short URL and QR code, but you can add more by clicking the “Add Tracking Asset” button. These URLs and codes can be placed in various advertising mediums to track the source of the scan or click.

Landing Page Design Tool FAQs

Can I use my own domain?

Yes, you can use your own domain for the mobile landing page. You will have to point a sub-domain to our server. Please contact us for instructions.

Can I add custom code?

Yes, you can add custom HTML, CSS, third party analytics, JavaScript, and jQuery. Add HTML and CSS in the “HTML/TEXT” section. Add third party analytics, JavaScript, and jQuery in the “General” section.

How do I edit an item on a landing page once it’s been added?

Click the item in the landing page preview and the item’s settings will open up on the left.

How do I delete an item that is already in my landing page?

Select, drag, and drop the item from your landing page preview into the trash can icon located above the preview. Alternatively, click the item and hit the “Delete” button on your keyboard.

Is there a limit to how many landing pages I can create?

This depends on the type of plan you have, some plans are limitless. If your account has a limit that has been reached, you may delete old pages to make room for new ones.

Is there a limit to the amount of content I can add into a landing page?

No, but certain content is limited. You may only add one video, survey/quiz, opt-in form, instant pass, and scratch off.

What are the QR code and short URL used for?

The QR code and short URL are used for tracking purposes. The QR code is the encoded short URL and the short URL redirects to the landing page. By creating various short URLs for different site traffic sources you can see how each traffic source is performing by tracking visits to the short URL as opposed to visits to the actual site URL. .

How do I manage mobile landing pages I’ve created?

The landing pages are stored and managed on the “Landing Pages” section under the “Mobile Web” tab. Here you preview a page, add, edit or remove tracking assets, view page stats, deactivate a page, edit a page by opening it up in the builder, replicate the page, and delete it.

in Mobile Web