Quickstart: WebApps

Step 1: Create a WebApp or Edit an Existing

Create a New WebApp from the left menu or if others already exist you can edit them:

Step 2: Add or Edit any Custom Fields

Step 3: Add or Edit Items

You can create and edit items from the WebApp in the UI:

You will see the custom fields you create in the setup stage and can fill in the content:

Full details here:

Step 3: Customise the Layout

You can edit the default layouts or create new ones via CLI and Code Editor but we strongly recommend using SiteBuilder.

Simply navigate to the SiteBuilder Module, click Layouts, choose WebApp from the Module dropdown and find a layout you want to use:

Map the Webapp Fields to the Layout Fields:

Then copy the Liquid include so you can insert it on a page:

Navigate to the page you want to output the WebApp List View onto and paste (or use Toolbox):

Step 5: View the Items on the Page

You can then navigate to the page and see the items with the Layout you setup: