Customizing Your App Headers

Every screen in your app has its own customizable header — the bar at the top of the page that helps customers navigate and interact with your app. This article covers how to set your global default icons in Brand Kit and how to customize headers on individual screens.

Brand Kit lets you set three global default icons — Back, Close, and Cart — that apply across your entire app. These are the baseline icons used on every screen unless you override them for a specific page.

We recommend configuring your global defaults in Brand Kit before you start customizing individual screen headers. That way your baseline is already in place and you're only making changes where you need something different. See Setting up Global Icons to get those set up first.

Once your defaults are in place, you can override any header icon on a per-screen basis by adding your own icon to the Left, Center, or Right header zone on that screen. The icon you set on a specific screen takes precedence over the global default for that zone — all other screens continue using the global default.

Each screen has its own header that can be customized independently. To access a screen's header settings:

The header has three content zones: Left, Center, and Right. You can add one or more items to each zone.

To add an item to a zone, click the zone and select what you'd like to display:

To set a destination for any icon or image in the header, click the destination dropdown and choose from:

We strongly recommend adding an Inbox icon to your header so customers always have easy access to their push notification history and inbox messages. To do this, add an icon to one of your header zones, select the Inbox icon from the library, and set the destination to the Inbox screen.

Header changes are saved as a draft and do not go live until you publish them. When you're ready, click Publish in the top right corner to push your changes live, or use the Schedule option to set a specific date and time.

To learn more about Tapcart, visit Tapcart Academy to become a mobile app expert. If you have additional questions, reach out through LiveChat in your Tapcart dashboard or email [email protected].