Section Shop

Overview

Embed a full shop section directly into any page. Display your products in a clean, organized layout that matches your brand.

💡 Tip: Browse our Block Explorer to find pre-made templates for Section Shop and customize them to match your brand.

Step 1: Open the Editor

Go to the Block Explorer, find the Section Shop template you want to use, and click Edit to open the customization editor.

📹 Video: How to build Section Shop for your website

Step 2: Customize Your Block

In the editor panel, you can add, remove, or rearrange elements within your Section Shop. Customize text, images, buttons, and other content to match your needs.

Use the inline editing tools to adjust colors, fonts, spacing, borders, and background styles for each element.

Step 3: Configure Settings

Adjust the layout settings including display mode, grid columns, gaps, padding, and responsive behavior. Fine-tune how your block appears on desktop and mobile devices.

Step 4: Choose Colors

Select colors that align with your brand identity. Customize container backgrounds, text colors, button colors, and accent highlights to create a cohesive look.

Step 5: Preview & Publish

Click Preview to see how your Section Shop looks on both desktop and mobile devices. Once satisfied, set up your triggers and publish the block to your site.

Popup ShopPopup Countdown