Skip to main content

Custom Component

BeyondCart avatar
Written by BeyondCart
Updated over 2 weeks ago

The Custom Component Block is designed for advanced users who want to include dynamic, interactive, or system-generated components inside the mobile app. It allows you to select from built-in logical components or configure your own via JSON.

This block bridges low-code flexibility with BeyondCart’s native app infrastructure.

General Tab

  • Select Component:

    • Choose from a set of powerful built-in dynamic components:

      • Search – A search bar for product discovery.

      • Text List – Render a list of plain text items.

      • Wishlist – Show a list of items the user has wishlisted.

      • Recently Viewed – Display products the user browsed recently.

      • Order Again – List items from previous orders for reordering.

      • Order Update – Pull in recent order activity.

      • Video – Embed a video inside this dynamic wrapper.

      • Loyalty – Display loyalty point information.

      • Cart Items – Show cart contents dynamically.


  • Apply Button:

    • Once a component is selected, press Apply to activate it.

  • JSON Field:

    • Add custom configuration data in JSON format to further tailor the component's behavior.

    • Example:

      jsonCopyEdit{ "title": "My Wishlist", "maxItems": 5 }

Padding Tab

Adjust internal and external spacing for fine-tuned layout control:

  • Padding: Add spacing inside the block (between the component and its edge).

  • Margin: Add spacing outside the block (between this block and surrounding content).

When to Use the Custom Component Block

  • Personalization: Show user-specific data like past orders, loyalty points, or viewed items.

  • Product Discovery: Insert a search or wishlist panel within a landing page.

  • Data-Driven Layouts: Pull from dynamic content without manually updating

Pro Tips

  • Work with your dev or support team if you're unsure about JSON configurations.

  • Keep UI consistency across dynamic blocks to maintain trust and usability.

  • Combine this block with Headings or Buttons to frame or drive action.

Combine With

  • Heading Block: Label custom sections (e.g., “Recently Viewed” or “Your Points”).

  • Product Blocks: Use dynamic logic to complement static product sections.

  • Video or Testimonials: Insert richer interactive sections within campaigns.

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?