What are Landing Pages?

[rajeev]

There is absolutely no reference to landing pages anywhere in the docs. Are they pages which can be shown without an attached menu?

If not, how to create and show a page without a menu?

Thanks,
Rajeev

[Dom_Five.Co]

Hi Rajeev,

A landing page is a custom-built page that you can attach to a menu. Here’s a screenshot of a landing page that welcomes users to the Five Property Finder Demo App.

Here’s how to add a landing page to your application:

1. Select your application and click on Manage.
2. Click on Visual > Landing Pages.
3. Click on the yellow Plus icon. Here’s what you’ll see:

4. The drop-down box Menu lets you select the menu item where your landing page will appear in your end-user application.
5. The Page Text field lets you design your landing page. You can do so in either Five’s Text Editor, or you can write HTML to design your landing page. To toggle between these two modes click the </> symbol shown here:

How This Works In Your End-User Application
Let’s look at the first image above again, the image of a landing page built in Five.

This is a bit difficult to see, but note how this landing page is shown on the Management menu item.

Here’s how this Management menu item looks inside the Five (Visual > Menus):

The Management menu item does not have an action associated with it. It purely exists for the purposes of

1. showing the landing page, and
2. serving as a parent menu for other menu items.

Check out the screenshot below and note how Management is a Parent menu item to Dataset, Dashboard, Bookings, Survey Request, and Customers.

Landing pages can only be attached to top-level menus, such as my Management menu item.

I hope this explains what landing pages are and how they work. If not, don’t hesitate to ask!

PS: we’re continuously updating our docs. Thanks for asking about landing pages here!

[rajeev]

Thanks Dom for the thorough explanation, but it doesn’t look like HTML code is working for landing pages. Any code you write in the code editor gets removed as soon as you save it. Writing it in the text editor seems to be the only option. You can of course view the generated HTML by this text editor, but nothing beyond that works.

Also,
How to show any page before the sign in page? The purpose of a landing page is show up before any login etc, but this doesn’t seem to be the case here?

Thanks,
Rajeev

[Jo-Anne]

Hi Rajeev,

Thanks for informing us about the Rich Text Editor, which is the editor you are using in the Landing Pages view. As a work around you can do the following if you would prefer to use HTML.

1. Type your code on the editor.

2. Click the Change mode button, as shown in the image below.

3. Click the Save button in the editor app bar, as shown below.

4. Click the Save button in the form app bar.

Your code will be saved this way. Unfortunately when you return your HTML formatting won’t be the same, however, your code will be saved and on the ‘friendly’ side of the editor your formatting will be saved correctly. We will improve this feature.

In regards, to showing a page before the Sign In page, we don’t support this when working locally, however, in our Cloud version you could provide a public URL link which you can create in our URLs view. To access the URL link you would navigate in the browser to https://<your.domain.com>/url/buys