Customizing Your App with App Sections

App Sections is where you control the visual content blocks in your app, the image groups and banners customers see on your home page, your offers page, and other spots. Use them to run deals, specials, and announcements, and to link that content straight to a product or a collection.

Opening App Sections

App Sections is managed per store. Pick a store from the store switcher, then choose App Sections from the left navigation. You'll see each of your sections as a card showing its name, type, whether it's Visible, and how many images it holds.

How App Sections Work

Each section is a content block that appears in a specific place in your app: for example, the top of your home page or a spot on your offers page. A section holds one or more images, and each image can:

• Link to a product or collection, so tapping it takes the customer straight there.
• Run on a schedule, so a deal only shows during the window you set.

That makes App Sections the home for your merchandising: feature a special, announce a drop, or spotlight a collection, right where customers will see it.

Editing a Section

1. Select a section from the list to open it.
2. Under Settings, set the section's Name and Type (Image).
3. Under Section Options, choose a Display Mode for how the images are arranged:
   • Stack: a vertical layout.
   • Carousel: a sliding view customers swipe through.
   • Grid: a uniform tiled arrangement.
4. Add and arrange your images (see below).
5. Select Save Changes when you're done, or Discard to drop your edits.

Working with section images

Open a section and you can:

• Add an image: select Add Image and upload your graphic.
• Reorder: drag images into the order you want. The Compact view makes reordering quick; Expanded shows each image's full settings.
• Set an image title: a label for your own reference.
• Set the aspect ratio (Grid Display Only): pick a preset (1:1, 4:5, 3:2, 16:9, 2:1) or enter a Custom value to match the shape of the slot, and choose how the image fits (for example, Contain).
• Show or hide an image with its visibility toggle.
• Schedule an image: set a start and end so a promo runs only when you want it.
• Deeplink an image: link it to a specific product or collection. (For grouping products to feature, see Building Product Collections That Drive Sales.)
• Delete an image you no longer need.

Make sure your images meet the specs in In-App Content Guidelines so they look sharp on every phone.

Creating a New Section

You can create a new section with + Create and set it up just like any other.

⚠️ Important: tell us about new sections. Your existing sections (like your home page and offers page blocks) are already placed in the app. A brand-new section, though, needs the DopeTech team to position it in the app's backend before it will appear to customers. If you create a new section, email **[email protected]** so we can place it for you. Until then, set up its content however you like, it just won't be visible in the app until we've wired it up.

Tips

• Match the display mode to the content. Use Carousel for a rotating set of promos, Grid for a menu of offers, Stack for a simple top-to-bottom layout.
• Schedule time-bound deals so they appear and disappear on their own, no need to remember to pull them down.
• Add a deeplink. Sending a tap to the exact product or collection drives engagement and sales.
• Keep images on-spec. Follow In-App Content Guidelines for formats, sizing, and animation so nothing looks stretched or blurry.