Welcome to the page that will explain what the product blocks section is, and how to add, edit or remove them.
Product blocks are the essential elements of any product page. They are everything that makes a product page, such as product titles, product photos, add-to-cart buttons, etc. Without almost all of the product blocks, the product page would be incomplete.
Let's dive into how we can add, edit, or remove them in the Product Blocks tab within Layout settings.
Once you go Product Blocks tab, you will be able to add them by clicking right on the button "+ Add" (more on each Product block down below). You can remove each product block by clicking on the red "X" sign or you can change their order by clicking on three dots and dragging them to the place you want to see them.
Reviews Numbers
Position: Above or near product title.
Purpose: Establish social proof early.
Impact: Boosts credibility, showing potential buyers others trust the product.
Example:
Product Title
Position: At the top of the page.
Purpose: Capture immediate attention with a clear, compelling title.
Impact: Sets a strong first impression, establishing product relevance and engaging the customer instantly.
Example:
Product Subtitle
Position: Near the top of the page.
Purpose: Clearly communicates what makes your product stand out.
Impact: Quickly hooks customers, increasing their interest.
Example:
Benefits
Position: Directly after USP (Unique Selling Proposition).
Purpose: Highlights key advantages customers will enjoy.
Impact: Reinforces why your product is the best choice.
Example:
Quantity Selector
Position: Above variant picker and buy buttons
Purpose: Allows customers to buy more than one unit of the product
Impact: Increases sales and AOV.
Example:
Variant picker
Position: Above buy buttons
Purpose: Customers can select exactly what they want if the product has more variations (color, size...).
Impact: Saves time by not receiving custom requests from orders on what product variant they need.
Example:
Buy button
Position: Below title, subtitle, variant, and quantity selectors.
Purpose: Allows the customers to get the item they want by adding it to the shopping cart.
Impact: The most important button on the product page and the reason product pages exist.
Example:
Divider
Position: Between any section that needs to be highlighted.
Purpose: Make the page visually appealing.
Impact: Making product pages and blocks in between looking more professional, and appealing.
Example:
Guarantees
Position: Near pricing or call-to-action (CTA).
Purpose: Reduces perceived risk, easing decision-making.
Impact: Increases conversions by boosting customer confidence.
Note: You can change default icons and text for each value in the guarantees block right after you add that block.
Example:
Sticky Testimonial
Position: Mid-page or near CTA.
Purpose: Provide a quick, compelling customer quote as a constant reminder of product value.
Impact: Reinforces trust throughout the browsing experience, subtly boosting confidence as customers view the product. Once you put those values, they will remain like that for each product page you generate until you decide to change it.
Example:
Expandable Text
Position: Under the CTA for additional details or FAQ (such as shipping times, returns, or guarantees).
Purpose: Offers in-depth info without overwhelming the product page.
Impact: Helps hesitant customers by answering specific queries.
Note: You can change default icons and text for each value in the guarantees block right after you add that block. Once you put those values, they will remain like that for each product page you generate until you decide to change it.
Example:
Custom Liquid
Position: Anywhere customization is needed.
Purpose: Add custom code for unique functionality or design elements.
Impact: Allows advanced users to tailor the page experience, adding features that increase engagement or address specific needs.
Example of Custom Liquid for payment methods:
