Skip to main content

Configure Your PWA Settings

Set up your PWA's foundational elements, including your Home screen content, PWA color theme, and supported languages.

Written by Gabrielle Fanning

Overview

Configuring the PWA is the next important step after successfully setting up your Venue. This setup is foundational; without it, your PWA will not display essential elements like your logo, featured themes, or maps.
​

Setting up your PWA

All configuration options are in your Settings tab. You will only see the Settings relevant to your feature set. Settings are organized into sub-sections, each with their own form:

  • Homescreen

  • Content

  • Languages

  • Theme

  • Wayfinding

  • Paid Tours

  • General

Homescreen

Configure your PWA Home screen including subtitle, feature flags, intro text, welcome overlay, and featured content.

  1. Enter your Subtitle and Intro text to show at the top of your Home screen.
    ​

  2. Select your preferred Feature flags for your PWA.
    ​

  3. The Home screen can be configured with flexible Content sections that can be arranged and named to build a unique landing experience for your Venue. Read more about configuring featured content on your Home screen.
    ​

  4. Set your Welcome message. This shows only once in the PWA as a transparent pop-up until dismissed by the visitor.

Content

Configure your Console and PWA terminology and Object / Attribution properties. Note, these settings can only be changed by Console Admins.

  1. Under Catalogue, select your preferred terminology for your Object records from the dropdown list.
    The options available are Objects, Items, Exhibits, Artworks, Stories, Animals. This list may be expanded over time.

  2. Under Object Properties, order and manage the properties that will appear in your Object record forms.

  3. Under Attribution Properties, order and manage the properties that will appear in your Attribution record forms.
    ​

Languages

Select which languages to support in your PWA. This will enable fields in the Console for you to enter translated content.

Theme
Customize your PWA to match your Venue's look and feel.

  1. Select your accent color theme and preview its appearance after the accessibility filter has been applied.
    ​

  2. Set your PWA to light or dark mode, or to dynamic to follow visitor device settings.
    ​

  3. Upload your organization's logo for light and/or dark mode.
    ​

  4. Set your default image ratio to determine how the PWA treats image cropping on Objects, Tags and Attributions. This setting has two options:

    1. Cropped to 4:3 (fill area): the hero image fills a 4:3 landscape box. Anything outside the box is cropped off.

    2. Uncropped (fit to area): the whole hero image is shown inside a square box with nothing cropped. If the image isn't square, there's empty space around it.

    Note, hero images for Spaces, POIs, Events and Tours will always be cropped to fill area.

Wayfinding

Select which of your Venue's Mapsets and Pathways will show on the PWA.

  1. Set the visitor-facing Mapset.

  2. Connect your Pathway to the PWA.

  3. Set the Landing Level, the first level a visitor sees on the map.

Paid Tours

Connect your Stripe API key here, if enabled.

General

Set your App title and description here. These fields control the text in the browser tab, link previews, and by screen readers and other assistive technologies. You can also set your Timezone here to accurately represent your Analytics.

Save each form after making changes. These updates are generally immediate, though Languages and Theme edits may take a few minutes for your changes to be visible.

You're all set! Contact Customer Success if you have any further questions.

Related Articles
Did this answer your question?