Design Blocks
Design Blocks provide a library of block templates to help you create your app screens. The majority of the blocks dynamically pull real product and collection data, allowing you to begin adjusting settings from the right configurator. The blocks are grouped based on the purpose of the blocks: Basics, Carousels, Content, Hero, Integrations, and Media.
Basics
Search Block offers an entry point for users to search for a product or collection.
Countdown Timer offers the flexibility to create a countdown timer (eg. sales, events, etc) and direct the user to another destination via a button.
Basic Text Block offers a text box with a header and sub-header.
Carousels
Collections Carousel offers a way to display multiple collections in a scrollable carousel with an optional button.
Thin Collection Carousel offers a way to display multiple collections in a scrollable thin carousel.
Collection - Product Carousel offers a way to display multiple products from a collection in a scrollable carousel.
Multi-Destination Circle Carousel offers the flexibility to add custom images, names, and different destinations to route users to.
Circle Collection Carousel offers a way to display multiple collections in a scrollable carousel.
Recently Viewed Products offers a product carousel based on what products the user recently viewed through their app flow.
<TBD>
Content
Collection - Product Grid offers a way to display multiple products from a collection in a grid format.
Collection - Product Showcase offers a way to display multiple products from a collection in carousel with an emphasized image displaying.
Content Link offers a way to route users to a webpage or display an image.
Hero
Image Banner offers the flexibility to upload an image and display a button. (Max size: 10mb, Format: jpg or png)
Video Banner offers the flexibility to upload a video and display a button. (Max size: 10mb, Format: mp4)
Swipe-able Hero Banner offers the flexibility to upload multiple images to display in a swipe-able carousel. (Max size: 10mb, Format: jpg or png)
Integrations - coming soon
UGC Block (Instagram-able Block) displays social images that map to products.
Four Sixty
Yotpo UGC
Nosto Recommendation Carousel display a carousel of products based on a specific nosto category like Recommendations.
<gif coming soon>
Nosto Recommendation Grid display a grid of products based on a specific nosto category like Recommendations.
<gif coming soon>
Media
Image Block offers the flexibility to upload an image and route the user to a specific destination. (Max size: 10mb, Format: jpg or png)
Video Block offers the flexibility to upload a video and route the user to a specific destination. (Max size: 10mb, Format: mp4)
Multi-destination Image Grid offers a way to upload multiple images to display in a grid layout and route to different destinations.
Custom Blocks
<add details>
Legacy Custom Blocks
<add details>
Deleting a Block from a screen
Any time you need to remove or delete a block from a given screen, hover over the given block and click on the three dots > Delete. Once you remove the block you will need to Publish this and any other changes in order for these updates to go live.
Archiving a Custom Block
Over time you might find that you have created many custom blocks where some are just not relevant to keep any longer. You Note: Archiving is exclusively available for custom blocks and legacy custom blocks. You are not able to archive Tapcart Design Blocks.