Skip to main content

Customize Personalization Settings

Control how your app looks and feels by updating icons, tab labels, and appearance.

R
Written by Reactiv App
Updated over 2 weeks ago

How to Access Personalization Settings

  1. Log in to your Shopify admin dashboard.
    ​

  2. In the left-hand sidebar, scroll to the Sales Channels section.
    ​

  3. Click Reactiv – Mobile App Builder, then select App Studio.
    ​

  4. Click your company logo at the top of the page and select App Settings.
    ​

  5. From the top menu, click Personalization.
    ​

Available Settings

Icon Pack

Choose an icon pack that best matches your app’s style and theme. This affects the look of the navigation icons in your app’s bottom navigation bar.

You can select from the following icon styles:

  • Solid – Filled icons for a bold and modern appearance.
    ​

  • Bold – Slightly thicker lines than standard for improved visibility.
    ​

  • Outline – Minimalistic outline icons for a clean, modern look (default).
    ​

  • Pixel – Pixel-style icons with a retro feel.
    ​

  • Stylistic – Unique, brand-forward designs for a distinct appearance.

Each icon pack offers a different visual personality, so feel free to try different styles and see what best fits your brand.

Terminology

Update the tab names that appear in your app’s bottom navigation:

  • Home label: First screen your customers see
    ​

  • Shop label: Where customers browse collections
    ​

  • Cart label: Where customers review items before checkout
    ​

  • Account label: Customer profile and order info
    ​

  • Notification label: For app alerts and updates
    ​

  • Wishlist label: For saved favorite products
    ​

Appearance

Choose your app’s theme:

  • Auto – Follows your customer’s device settings automatically
    ​

  • Light – Always shows the app in light mode
    ​

  • Dark – Always shows the app in dark mode

💡 Tip: Make sure your app content looks great in both light and dark modes.

If you choose Auto, your app will switch between light and dark based on each customer's device setting. To ensure a consistent, professional look:

  • Use transparent or dual-tone icons that are visible on both light and dark backgrounds.
    ​

  • Avoid using images with white or black backgrounds that could blend in and make content hard to see.
    ​

  • Choose text colors that maintain good contrast for readability in both themes.
    ​

  • Test your app in both modes to catch any visibility issues before publishing.

A little extra polish here helps your app feel seamless and on-brand, no matter how customers view it.

Did this answer your question?