Part 1Page type and implementation
- Global header, footer and breadcrumbs
- Typography, spacing and color tokens
- Product-card, price, financing and add-to-cart components
- Filter and sort controls
- Quote, phone/chat and review integrations
- Policy and financing links
Do not create a visually separate microsite or introduce a new design system.
Use the supplied page copy without rewriting, shortening or moving substantive passages. Resolve marked placeholders with current site and catalog data. Prices, availability, financing, warranties and delivery terms must come from live site data rather than being hard-coded where the platform supports dynamic values.
All educational copy must be visible in the page HTML. Do not place it in accordions, collapsed FAQs, “read more” controls or content tabs.
Part 2Catalog scope
Include powered body sculpting/body contouring machines intended for home, studio, spa or clinic use.
Do not include in the product grid:
- Manual sculpting tools or gua sha
- Sauna blankets
- Conductive gel or other consumables
- Treatment bookings
- Unrelated massage or wellness equipment
Accessories such as conductive gel may be linked from the “what comes with your machine” section, but they are not collection products.
Assign every included machine to one tier:
- At-home
- Professional-grade
Do not display the same machine in both groups. Use the catalog’s intended-user field, tags or supplied product information to determine its tier. Do not infer technical capabilities from product imagery.
Part 3Page structure and heading hierarchy
Use this order:
- Header and orientation
- Product collection with filters and two tier groups
- Technology and goal selection guide
- Cost comparison
- Results and expectations
- Safety and precautions
- Professional business purchase section
- Training, warranty, returns and delivery
- Reviews
- Closing actions
Use one H1 only. Each numbered content section after the introduction should begin with an H2. The two product tier groups should be H3s. Subsections inside the selection guide and purchase-terms block may also use H3s. Product names can be H4s within the product grid.
Keep any existing collection breadcrumb above the H1.
Part 4Header and orientation
Build the opening as:
- H1
- Two short introductory paragraphs
- Two visible jump links
- One hero media region
The jump links are navigation, not content tabs:
- At-home machines →
#at-home-machines - Professional-grade machines →
#professional-machines
Show the supplied one-line descriptor beneath each link. Style the two links as compact tier-selection cards or large text links using existing theme components.
Account for the site’s sticky header when scrolling to anchors. Keyboard focus should move to the destination group heading after activation.
Do not add a shop, add-to-cart or quote CTA in the hero.
Hero media
Use one responsive hero media component presenting:
- A machine being used in a home setting
- A professional machine in a treatment room
This may be a single approved composite or a two-panel image inside one media region. Do not use a carousel, autoplay video or generic surgical imagery. Use approved site assets only.
Part 5Product collection
Place the collection immediately after the introductory section.
Filter and sort bar
Provide the following filters:
- Technology
- Goal
- Body area
- Home or professional
- Price
- Availability
Technology values should map to the catalog’s actual tags or metafields, including applicable variants of:
- Cavitation/ultrasound
- Radiofrequency/RF
- EMS/HIEMT
- Lipo laser/infrared
- Vacuum
- Vibration/massage
- Cryolipolysis, if sold
Goal values:
- Fat
- Skin tightening
- Muscle tone
- Cellulite
Use the site’s standard sort options and make best selling the default. Sort products within each tier rather than mixing the two tiers together.
On desktop, show the filter bar above the grid. On smaller screens, use the theme’s accessible filter drawer, with active-filter chips and a clear-all control. Update the visible result count and announce changes to assistive technology.
Where supported, preserve filters and sort order in URL parameters. Filters should progressively enhance a server-rendered product list rather than making the collection dependent on JavaScript for crawlability.
Tier groups
Render both groups in the initial page HTML:
At-home group
- ID:
at-home-machines - H3 and supplied lead sentence
- Best-selling home machine first by default
- Display the supplied “our pick for” wording only where it appears in the written content
Professional-grade group
- ID:
professional-machines - H3 and supplied lead sentence
- Best-selling professional machine first by default
If filters leave a tier with no matches, retain its heading and show a clear zero-results message with a “Clear filters” action. Do not silently remove the group.
Product cards
Use a consistent image ratio and the site’s standard product-card layout. Every card must include:
- Product image
- Product name linked to its product page
- A concise descriptor naming:
- Technology or technologies
- Primary goal
- “At-home” or “Professional-grade” in visible text
- Tier badge
- Current price or price range
- Monthly financing line where supported
- Primary action
- Professional support link where applicable
Primary actions:
- Purchasable home machine: Add to cart
- Directly purchasable professional machine: Add to cart
- Quote-only professional machine: Request a quote
- Unavailable product: use the site’s truthful sold-out or contact state; never show a false price or enabled cart button
Every professional card should also show Talk to an expert, linked to the existing sales phone, consultation or expert-booking route. This must be an equipment-sales consultation, not a treatment booking.
Where a product has variants, use the live minimum/maximum price treatment already used by the site. Do not display $0, placeholder prices or invented monthly payments.
Use stable product-card IDs so links from later sections can scroll to the named machine.
Responsive grid
Follow the site’s existing card breakpoints. If no established collection grid exists, use:
- Four columns on wide desktop
- Three columns on standard desktop
- Two columns on tablet
- One column on narrow mobile
Lazy-load product images below the first visible row.
Part 6Technology and goal selection guide
Place this section directly after the complete product collection.
Lead and technology table
Render the supplied mechanism paragraph, followed by a semantic table with these columns:
- Technology
- What it does
- Best suited to
- Body areas
- Available tier
Include one row for each technology covered by the copy:
- Ultrasound/cavitation
- Radiofrequency
- EMS/electromagnetic muscle stimulation
- Lipo laser/infrared
- Vacuum/cupping
- Cellulite massage/vibration
- Cryolipolysis/fat freezing
Technology names should act as filter links. Activating one should:
- Apply the matching technology filter
- Scroll back to the collection
- Focus the collection heading or result summary
If the catalog has no matching product, allow the filter to produce the truthful zero-results state rather than inventing a product.
Include the supplied body-area note and the machine-versus-hand-massage line immediately below the table.
On mobile, either allow a clearly indicated horizontal scroll or convert each row into an accessible stacked row with its column labels retained. Do not turn the rows into a carousel.
Content beneath the table
Render, in order:
- Multi-technology versus single-modality passage
- Full-body and face/body notes
- Numbered choosing steps
- The site’s picks by goal
The choosing process must be a semantic ordered list.
The goal picks must be a simple linked text list, not another row of product cards. Each product name should link to its corresponding product card or product page. If scrolling to a card, clear any active filter that would otherwise hide the card.
Do not introduce comparison scores, unsupported “best overall” labels or products not present in the collection.
Part 7Cost section
Use:
- H2
- Supplied explanatory paragraph
- Two-row comparison table
- Financing line and link
Table rows:
- At-home machines
- Professional-grade machines
Table content should show the site’s actual current price range and the factors that affect price. Calculate ranges from eligible collection products where practical. Exclude sold-out legacy products and quote-only items without a published price from numeric range calculations.
Link the financing statement to the existing financing page. Professional pricing should link to the quote route where applicable.
Do not add product cards to this section.
Part 8Results and expectations
Render:
- H2
- Two supplied paragraphs
- Three-line expectation list
- Candidate paragraph
- Optional before-and-after gallery
- Text link back to the goal picks
The expectation list should visibly separate:
- How often to use a home device
- How many sessions to assess
- How long results generally take
Before-and-after media
Only add this gallery if the site has approved, genuine customer assets with the appropriate usage permission. Do not use stock, generated or supplier images presented as customer results.
Each caption must identify:
- The customer’s goal
- The machine used
Do not distort results through inconsistent cropping, lighting manipulation or unequal image sizing. If valid assets are unavailable, omit the gallery cleanly without a placeholder.
Part 9Safety and precautions
Build this as visible content, not a disclaimer accordion.
Render:
- H2
- Supplied normal-effects and clearance paragraph
- Four-row safety table
- The general “who should not use” line
- Link or statement directing readers to each product’s safety guide
Safety table rows:
- RF
- Cavitation/ultrasound
- EMS
- Lipo laser
Columns:
- Technology
- Who should skip or seek advice
- Normal after a session
Preserve the supplied distinction between normal temporary effects and reasons to stop. Do not add diagnoses, complication grading, regulatory product codes or broader medical advice.
On mobile, retain the association between every technology and both safety columns.
Part 10Professional buyer section
Use a visually distinct but theme-consistent section containing:
- H2
- Supplied paragraph
- Three-point list
- Request a quote button
- Existing phone or expert-consultation link
- One approved professional-machine image in a treatment room
The list should make the supplied professional purchase terms easy to scan, including the relevant combination of training, warranty, financing and specialist support.
The quote action should lead to the site’s existing form or sales route. Where possible, pass the selected product or collection name into the form through a supported query parameter or hidden field.
Do not add ROI projections, revenue calculators, business plans or treatment-pricing claims.
Part 11Training, warranty, returns and delivery
Build a two-by-two block on desktop and a single-column stack on mobile.
Use four visible labelled passages:
- Training and instructions
- Warranty and returns
- Shipping
- What is in the box
Use text headings rather than relying on icons to communicate each topic. Icons may be decorative only.
Link to the current:
- Warranty policy
- Return policy
- Shipping information
- Support or training page
- Conductive gel or accessory page where relevant
Use live policy terms. If warranty, returns or delivery differ by product tier, preserve those distinctions rather than presenting one universal term.
Do not claim that an accessory, training format or warranty period is included unless confirmed by the corresponding product or policy data.
Part 12Reviews
Use the site’s existing verified review platform.
Show:
- Overall rating
- Review count
- A small selection of verified reviews that name a goal and machine
- At least one home-buyer review and one professional/studio review when available
Use an accessible carousel only if that is the site’s established review component. Requirements:
- No autoplay
- Keyboard-operable previous/next controls
- Visible focus states
- Current slide/status announced accessibly
- One review per view on narrow mobile
- Review text remains selectable
Do not fabricate, paraphrase or combine testimonials. If qualifying reviews are unavailable, show the verified rating/review integration without creating substitute quotes.
Before-and-after images belong in the results section, not here.
Part 13Closing section
End with:
- H2
- Supplied closing line
- Shop at-home machines button
- Request a professional quote button
- Chat or phone help line
Button behavior:
- Shop at-home machines →
#at-home-machines - Request a professional quote → existing professional quote route
Display buttons side by side on desktop and stacked full-width on small screens.
Part 14Content and interaction rules
- Do not add a collapsed FAQ.
- Do not hide explanatory copy behind tabs or “read more.”
- Do not add unrelated recommended-product carousels.
- Do not add treatment booking or “find a provider” functionality.
- Do not add ROI or income projections.
- Do not make surgical-equivalence or guaranteed-results claims.
- Do not substitute icons for required labels.
- Keep technology terminology consistent between product metadata, filters and the comparison table.
- Use the live catalog as the source of truth for price, availability and financing.
- Use supplied written content and approved product data as the source of truth for technology, outcomes and included accessories.
Part 15SEO and metadata
Use the supplied SEO title and meta description if present.
Fallback title:
Body Sculpting Machines for Home & Professional Use | [Site Name]
Fallback meta description:
Shop body sculpting machines for home, studio and clinic use. Compare cavitation, RF, EMS, lipo laser and other technologies by goal, price and tier.
Additional requirements:
- Use the existing body-sculpting collection URL; if a new native collection is required, use
/collections/body-sculpting-machines. - Add a self-referencing canonical.
- Keep the page indexable.
- Ensure product and policy links are standard crawlable links.
- Include the H1 and introductory copy in server-rendered HTML.
- Populate Open Graph title, description and an approved hero image.
- Do not create FAQ schema.
Use:
CollectionPageBreadcrumbListItemListcontaining the linked products
Avoid duplicate product or review schema if the theme or review platform already emits it. Do not apply an aggregate product rating to the collection as though all machines were one product.
Part 16Accessibility and performance
- Use semantic buttons for actions and links for navigation.
- Label every filter control programmatically.
- Ensure filters, sort, quote links and carousel controls work by keyboard.
- Provide a visible focus state.
- Meet the theme’s WCAG-compliant color contrast.
- Add descriptive alt text to meaningful images; use empty alt text for decorative images.
- Give tables an accessible caption, which may be visually hidden.
- Reserve image dimensions to prevent layout shift.
- Preload only the primary hero image.
- Lazy-load below-the-fold media and product images.
- Do not autoplay video or review content.
- Ensure anchor destinations are not obscured by the sticky header.
Part 17Analytics
Use the site’s existing analytics implementation. Track, where already supported:
- Collection view
- Filter use
- Sort selection
- Product selection
- Add to cart
- Financing-link click
- Request-a-quote click
- Talk-to-an-expert click
- Home/professional jump-link click
Do not add a new analytics library solely for this page.
Part 18Final acceptance checks
Before publishing, confirm:
- There is one H1.
- Both tier jump links work.
- At-home products appear before professional products.
- Best sellers are first within each tier by default.
- Every card has a tier, technology/goal descriptor, price state and correct action.
- All six filters and sorting work across both groups.
- Technology-table links correctly apply filters.
- All educational sections are fully visible.
- Cost ranges match current catalog data.
- Quote and expert-contact routes work.
- Policy links resolve correctly.
- Reviews and before-and-after assets are genuine and approved.
- No manual tools, sauna blankets or treatment bookings appear in the collection.
- The page works at mobile, tablet and desktop widths.
- Structured data validates without duplicate schema.
- No placeholder prices, broken anchors, empty image frames or invented product claims remain.