Designing Your Storefront on Tokoo: The Drag-and-Drop Block Editor and Theme Designer

A store's homepage is the first thing a shopper judges you on, and Tokoo treats it as a first-class product surface — not a generic "about us" page. Here's how the actual design tools work.

A homepage is assembled from an ordered list of blocks that a merchant can add, remove and reorder by dragging. The palette covers banners, a text block, image-plus-text, icon feature rows, a highlighted-products shelf, a carousel, an image gallery, video embeds (YouTube, Vimeo or a direct link), a product grid with category filters, category showcases, testimonials, a promo bar, a call-to-action band, a newsletter signup, a menu/price list, a map with opening hours, a countdown timer, and an FAQ accordion — 19 types in total, grouped by purpose in the editor's "add block" menu.

Changes save as a draft first. A merchant can preview exactly what shoppers will see before committing, then publish when it's ready — so a half-finished redesign never accidentally goes live mid-edit.

Any block can carry a stable anchor (like #menu), so a call-to-action button or a menu link can scroll a visitor straight to that section of the same page — useful for a restaurant's "View menu" button or a promo bar's "See the sale" link.

Brand colour, accent colour, background colour, fonts, corner radius and overall page width are all set through a structured designer — deliberately not an open CSS editor. That's a design choice: a merchant with no design background can't accidentally break the layout, and every store keeps a baseline of visual quality and consistency site-wide.

Classic Store, Brand Story, Food & Restaurant, and Single Product each bundle a matching block layout and theme preset, applied in one click — with a choice of demo content or a blank slate. Every template has its own browsable preview page before you commit, so you can see the finished look with sample products and copy before touching your real catalogue.