Skip to main content

Heading Block

BeyondCart avatar
Written by BeyondCart
Updated this week

The Heading Block lets you add bold, customizable headings to any section in your mobile app. It's ideal for labeling product lists, promotions, or content areas — and can also be linked to in-app actions like opening a category or external page.

This block isn’t just for labeling—it’s also a functional link that improves both navigation and user experience.


General Tab

  • Heading:

    • Enter the text for your section title (e.g., Summer Collection, Best Sellers, Trending Now).

  • Action:

    • This turns the heading into a tappable element. When users tap it, it performs an action:

      • Category: Navigate to a specific product category.

      • Product: Open a specific product page.

      • Product Sale: Link to a discounted items section.

      • Pages: Navigate to a custom page in your app.

      • Blog: Link to a blog post.

      • Link Browser / Webview / Deep Link: Load external or internal URLs.

      • Explore: Redirect to the Explore tab in-app.

      • All Categories: Open the full category listing.

      • Custom: Use advanced routing or URLs.

  • Show All Button (Toggle):

    • Turns on a “Show All” button next to the heading.

    • Useful when you want users to see a full list beyond a product preview.

Uploaded image


2. Padding Tab

Fine-tune your heading’s position:

  • Padding: Controls spacing inside the heading block.

  • Margin: Adjusts spacing outside the block to control alignment with surrounding elements.

Uploaded image

When to Use the Heading Block

  • Content Titles: Use as section titles in blogs, brand stories, or about pages.

  • Before Product Sections: Label product categories like New Arrivals, Top Picks, or Staff Favorites.

  • Campaign Sections: Highlight “Flash Sale” or “Limited-Time Offers.”

Pro Tips

  • Keep headings short and scannable.

  • Use consistent spacing for a clean layout.

  • Combine with the “Show All” toggle for more dynamic category browsing.

Contact Us

For queries and feedback, feel free to reach out to us at help@beyondcart.com. We’re here to help and eager to assist you with your concerns.

Did this answer your question?