What is a Dynamic Page URL?

Creating pages with dynamic URL's can be an efficient way of dealing with multiple items that have unique data based off of similar fields.

For Example, if your data looks like this, with heading names and values describing one item in each row, you might want to build an app with two pages.

On one page, you might want a list of all items, providing a general overview with basic data and an image.

The second page might be a breakdown of the specific product, with all the relevant data to that item. Each piece of data for that item is stored in one row, with data under the relevant heading.

The important thing here is that each line item in your database follows the same structure, even though the data is is slightly different for each item.

Here's the page template we want to navigate to:

I set up this page with a Page Load Action to read the data from my Google Sheet. It's a dynamic request, so click Insert Data>Dynamic URL ID, and save.

Each time we navigate to this page, it will have the Unique ID (Frontly ID) of the relevant item in our database. The URL will look something like this

www.username.frontlyapp.com/productindividual/{FrontlyID}

Product 1 will look like

www.username.frontlyapp.com/productindividual/1

Product 6 will look like:

www.username.frontlyapp.com/productindividual/6

The Frontly ID column in your database will automatically be inserted into your URL, taking you to that page, and inserting the relevant data into your app page.

Navigating to this Dynamic URL

Now we need to create a page that will navigate to a page based on the Frontly ID field. We'll walk through an example of this process below.

Let's say your page is something like this. You assign an item click action to your items (can also be done with a row click action if your page is set up as a table instead of a grid).

Now we need to tell the system that when we click on an item, we want to navigate to the details page of that item using the Frontly ID field as our variable.

Click on the Dynamic URL ID field, and select Grid Item (or Line Item, if applicable), and select the field you want to be the variable. We usually pick the Frontly ID tab.

Press save, and you should be set! Your app will now load the page associated with that Frontly ID every time you click an item in your Grid. It will change if you click on a different item.

Did this answer your question?