Skip to main content

Using The Editor

Creating and Managing Pages​

The editor gives you access to an interactive preview of what your app will look like. Every time you make a change, the editor will auto-save and propagate the changes to the interactive display after a few seconds.

You can add multiple types of pages, including Events, Merch, Songs, Videos, Contact, and custom pages. In the next section, we’ll cover each page in detail with setup instructions and best practices.

if your app has multiple pages, you can organize their order by clicking the left and right arrows in the bottom left corner of the page view. You may also delete a page in the bottom right corner of the page view, but please note that this action cannot be undone.

Customizing Sidebar Options​

On the left side of the editor, you have a sidebar with a few settings:

  • Theme: You may customize your theme using a few preset colors from the dropdown with light and dark variants for each color. The app's color scheme uses the Material 3 Color System for an accessible and consistent user experience.
  • Edit Social Media Links: You can add all of your social media links to the corresponding inputs to be shown from within the app. In the Interactive Display, you can pull the tab bar from the bottom left to see all of them listed in the navigation menu.
  • Banner Image: The banner image is a key part of your app’s branding. It appears at the very top of your app, spanning the full width of the screen. For best results, choose a banner that matches or complements the theme colors you’ve selected. This helps create a consistent and professional look across your app.