Skip to main content

Button Block

BeyondCart avatar
Written by BeyondCart
Updated over 4 months ago

The Button Block allows you to add customizable, interactive buttons to your mobile app—perfect for driving engagement and guiding users to specific categories, products, or custom actions.

Whether you want to prompt users to view a new collection, join a sale, or explore an exclusive deal, this block puts conversion-optimized actions right at your fingertips.

Settings

  • General Tab

    This tab controls the appearance and destination of your button:

    • Color

      • Sets the button’s background color (e.g., #121212 for deep black).

    • Border Radius

      • Defines the roundness of the button corners. A value like 10 gives a soft, modern look.

    • Text Color

      • Choose the color of the text inside the button (e.g., #FFFFFF for white).

    • Text

      • Enter the button label (e.g., Shop Now, Explore Deals, View Collection).


    Action: Define what happens when users click the button. This can link them to various sections within your app or external links. Available actions include:

  • Category: Directs the user to a specific category page.

  • Product: Links to a particular product page.

  • Product Sale: Guides users to ongoing sales or discounts.

  • Blog: Opens a blog section, providing users with additional content.

  • Link Browser: Opens a URL in an in-app browser.

  • Link Webview: Displays a web page within the app's interface.

  • Deep Link: Opens a deep link to a specified page or section within the app.

  • Explore: Leads to a general "Explore" page.

  • All Categories: Displays a list of all categories in the app.

  • Custom: Allows you to define a custom action or link.


Padding Tab

Control the internal and external spacing of the button:

  • Padding: Adjusts space inside the button between the content and its edges.

  • Margin: Adjusts space outside the button, controlling how it sits in relation to other blocks.

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?