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.