On this page
Important Notice: This content is for educational purposes only. Results may vary based on your specific business circumstances, industry, market conditions, and implementation. No specific outcomes are guaranteed.
Every block has to answer a question
It is easy to keep adding sections to a product page: reviews, badges, a video row, tabs, a logo strip, an FAQ. Each one looks reasonable on its own. Together they push the details a shopper came for further down the page, add weight that slows it on a phone, and turn the page into something to scroll past rather than read.
A simple test cuts through it. For every block, name the question it answers and the moment the shopper has that question. If you cannot name both, the block is decoration. If two blocks answer the same question, keep the better one.
The questions, and the widget that answers each
- Will it fit me? A size guide beside the size selector. Plan it with the size chart generator.
- What exactly am I getting? Product tabs or an accordion for the full detail, with the essentials kept visible. See the product tabs tool and the guide to what goes in a tab.
- Which version should I pick? A comparison table. See the comparison table tool and what to compare.
- Do people like it? A testimonials section with real reviews. See the testimonials section tool and showing real reviews.
- Is it safe to buy here? Trust badges under the buy button, each with a specific detail. Plan them with the trust badge generator.
- Why this brand? Icons with text stating three checkable benefits. See the icons with text tool and which benefits to show.
- Has anyone heard of them? A logo strip, only with genuine connections. See the logo bar tool and honest use of as seen in logos.
- Does it actually work? A before and after slider, shot like with like. See the before and after slider tool and the rules for honest results.
- What does it look like in real life? Shoppable video. See the shoppable video tool and layouts, captions and what to film.
- What about shipping, returns and payment? An FAQ, kept consistent with your policies. Draft it with the FAQ generator.
- Will it arrive in time, and does the sale really end? A countdown to a real sale end, an order cutoff or a delivery date. Plan it with the countdown timer generator.
- Can I ask someone? A WhatsApp chat button, if you can answer promptly. See the WhatsApp button tool and answering it well.
No product page needs all twelve. Most need a handful, chosen from the questions your own shoppers ask most.
Finding your shoppers' questions
Your own records are better than any list. Read a month of pre-purchase emails and chats, your return reasons and the questions in your reviews, and count the themes. Fit and sizing, delivery time, returns and "is this the right one for me" usually come up. Each recurring theme points to one block above; anything that never comes up is a candidate to remove.
An order that follows the shopper
- Decide. Images, title, price, options and the buy button come first. Keep the essentials there in plain view: delivery cost, a returns summary, the fact that rules the product in or out.
- Reassure. Directly under the button: trust badges or a short icons-with-text list, and the size guide link beside the selector.
- Understand. Below the buy area: product tabs or an accordion for detail, and a comparison table if there are versions to choose between.
- Believe. Further down: reviews, video, before and after, a logo strip.
- Catch the rest. An FAQ near the end, and a chat button for anything still unanswered.
Baymard Institute's product page research consistently finds shoppers looking for specific information and abandoning the search when it is hard to find. That argues for fewer, well-placed blocks rather than more of them.
Rules that apply to every widget
- Everything must be true. Fake reviews are banned by the FTC's rule on consumer reviews (16 CFR Part 465), the UK's Digital Markets, Competition and Consumers Act 2024 and the EU's Omnibus Directive. Falsely saying an offer is available for a very limited time is a banned practice under the EU Unfair Commercial Practices Directive and the UK act, which matters for every countdown. Badges, logos and benefit lines are claims too.
- One source of truth. Returns windows and delivery times appear in badges, tabs, the FAQ and the policy pages. Change them in one place and you have to change them everywhere.
- Motion needs a pause. Carousels, marquees and autoplaying video that move for more than five seconds need a way to stop them under WCAG success criterion 2.2.2 (Pause, Stop, Hide).
- Keyboard and screen readers. Tabs, accordions, sliders and chat buttons should all work without a mouse and carry clear labels.
- Check it on a phone. Most blocks look fine on a wide screen. Stacked on a narrow one, they decide how far the shopper has to scroll before reaching anything new.
- Change one thing at a time. If you add several blocks at once and something changes in your store's numbers, you will not know which one did it.
This is general information, not legal advice. The individual guides above go into the specific rules for each kind of block.
Next step
Take your best-selling product page and list every block on it, next to the question each one answers. Remove or merge the ones without a clear answer, then fill the gaps from the list above. Each of the twelve free tools linked here helps you plan one block and previews the matching store widget from the Nudgesmart app, which has all twelve. The tools show sample content; you add your own and publish the widget from the app. Every layout and style is in the store widget gallery.
Tags
- product-page
- store-widgets
- shopify-theme
- ux
- consumer-law