# Build Guide: EMS Sculpting Machines Collection Page ## 1. Page type and objective Build this as a specialist ecommerce collection page, not as a blog post or generic product archive. The page must: - Present the site’s genuine electromagnetic EMS sculpting machines first. - Let visitors separate home-and-studio models from professional models. - Support direct purchase and financing. - Provide a consultation/demo path for professional buyers. - Place the supplied buying guide immediately below the product collection. - Use the existing site theme, header, footer, product data, cart, financing provider, forms and policy pages. Do not rewrite, shorten or generate replacement copy. Retain the supplied headings and wording while mapping it into the components below. Use one indexable URL following the site’s existing collection URL convention. Preserve an existing URL if one already targets this category. --- ## 2. Product and data rules Only include electromagnetic sculpting machines with coil applicators. Exclude: - EMS belts, sticky pads and electrical stimulators - Massagers and handheld tools - Pelvic-floor or facial machines - Cavitation, laser or unrelated body-sculpting systems - Wholesale, clearance and refurbished sections - Treatment-booking listings Use live catalog data for: - Product names and brands - Images and URLs - Current price and availability - Variants - Financing amounts - Inventory and cart behavior Use approved product specifications or structured product fields for technical facts. Never infer a specification from a product name or image. Create or map structured fields for: - Tier: `home-studio` or `professional` - Handle count - Handle shapes/types - RF: yes or no - Output rating, including its unit - Frequency range - Format: desktop, portable or upright - Consumables - Best-fit use - Financing amount The product grid and comparison table should use the same data source so their values cannot conflict. Current catalog and policy data take precedence over hard-coded prices, delivery times or terms. Do not invent missing values or unsupported claims. In particular, do not turn an FDA establishment listing into “FDA approved” or display an FDA logo unless the site has separately approved that usage. --- ## 3. Page order Build the page in this order: 1. Global site header 2. Breadcrumb 3. Compact introduction with H1 4. Collection heading, price-range statement and filters 5. Product grid 6. Brand/collection summary line 7. Home-and-studio versus professional comparison 8. Results, technology and Emsculpt relationship section 9. Buying and model comparison section 10. Included services, policies and ROI section 11. Fully visible FAQ 12. Final two-path CTA 13. Global site footer Do not place a large promotional hero image above the products. The introduction should remain compact so visitors reach the product grid quickly. --- ## 4. Introductory area Render: - Breadcrumb - Exactly one H1 - The two supplied introductory paragraphs - The collection/shop H2 - The supplied price-range sentence - Filter controls immediately above the grid The breadcrumb should follow the site’s normal structure, such as: `Home / EMS Sculpting Machines` Do not add promotional claims, logos or a decorative carousel to this area. --- ## 5. Filters and collection behavior ### Tier control Use an accessible segmented control or radio-style filter with: - All machines - Home & studio - Professional “All machines” is only a reset/default state, not a third product tier. Default to all qualifying machines so the complete collection is visible on initial load. ### Additional filters Provide filters for: - Handles - RF - Format - Price Include: - Visible result count - Clear/reset control - Selected-state styling - Keyboard operation - An announced results update for assistive technology Preserve filter state in URL parameters where the platform permits, for example: - `?tier=home-studio` - `?tier=professional` - `?rf=yes` - `?format=portable` Server-render the initial collection. The product offer must remain usable if client-side JavaScript fails. Links in the guide such as “shop home and studio” and “shop professional” must set the relevant tier filter and move focus or scroll to the collection. Use stable anchors such as: - `#shop-ems-machines` - `#compare-ems-machines` - `#ems-faq` - `#professional-consultation` Do not add unrelated marketplace-style filters or a large sorting system. Preserve the collection’s curated product order unless the existing site has a standard sort control that must remain. --- ## 6. Product grid and cards Use the site’s established product-card styling, extended to show the required EMS specifications. Each card must contain, in this order: 1. Product image 2. Brand 3. Product name 4. Tier label 5. Handle count and handle shape/type 6. RF: yes or no 7. Output rating with unit 8. Format 9. Current price 10. Monthly financing figure 11. Add to cart 12. Learn more The financing amount must be readable text, not only an image or badge. Use the live financing provider’s calculation and required disclosure. ### Purchase behavior - If the product has one unambiguous purchasable variant, “Add to cart” may add it directly. - If the buyer must select a variant or configuration, send “Add to cart” to the product page with a clear selection prompt. - If an existing professional product is configured as consultation-only, preserve that actual commerce behavior and use the site’s consultation action rather than creating a nonfunctional cart action. - “Learn more” always links to the corresponding product detail page. Do not show ratings unless they come from the site’s real review system. ### Grid layout - Desktop: three cards per row where the existing content width permits - Tablet: two cards per row - Mobile: one card per row Keep specification labels consistent across every card. Place the supplied line about the brands and what their product lines are known for directly beneath the grid. --- ## 7. Home-and-studio versus professional section Build this section immediately after the collection. ### Comparison table Use a real semantic table with row labels for: - Handles - RF - Output - Session capacity - Speed of results - Price band - Best-suited buyer Columns should compare: - Home & studio - Professional Use `` and `` correctly. On narrow screens, allow horizontal scrolling rather than shrinking the text until it becomes unreadable. ### Supporting copy and links Place the supplied explanatory paragraphs below the table in their written order, including: - Who a home machine is worth buying for - The difference between electromagnetic coil machines and marketplace pads or belts - The named home recommendation - What makes a machine professional - Portable and compact format trade-offs Place the corresponding “Shop home and studio” or “Shop professional” text link with the paragraph it supports. These links must activate the collection filter rather than opening a separate duplicate collection page. --- ## 8. Results and technology section This section must preserve the supplied plain-language explanation of: - Whether the machines work - The output and session-count trade-off - How non-brand machines relate to Emsculpt - What technical specifications distinguish a functioning machine from a toy - What Emsculpt and Emsculpt Neo are Do not present Emsculpt as a product sold by the site unless it is genuinely in the catalog. Preserve trademark references and avoid using BTL branding as though it belongs to the client. ### Specification checklist Render the supplied checks as a short, scannable list. Do not invent values or convert general buying criteria into claims about a specific machine. ### Before-and-after gallery Build a three-item gallery using only approved, attributable image pairs associated with the stated machine and treatment course. Each item needs: - Before and after images shown as an obvious pair - Area treated - Number of sessions - Weeks elapsed - Machine used - Product tier Use the supplied captions exactly. Do not use generic stock transformations, AI-generated bodies or mismatched product photography. If approved image pairs are not present in the supplied assets or site media library, do not fabricate them. Omit the public gallery images rather than publishing false evidence, while retaining the surrounding written section. Use descriptive alt text without making additional outcome claims. Lazy-load these below-the-fold images and preserve their aspect ratios to avoid layout shift. ### Reviews Render the three supplied reviews as separate cards. Each card should identify: - Customer or business name - Buyer type - Machine purchased - Exact review text Only use genuine approved reviews. Do not generate review names, businesses or quotations. Do not add aggregate rating schema based on these editorial cards. --- ## 9. Choosing and model comparison section This section contains two separate tables. ### Buying-criteria table Use columns equivalent to: - What to compare - Why it matters - What to look for Include the supplied rows covering: - Output rating - Handle count and shape - RF and temperature control - Frequency range and programs - Format - Daily session capacity - Consumables - Training and warranty Keep the conductive-gel information in the consumables row. Do not turn it into a separate accessory collection. ### Model comparison table Compare every machine shown in the grid using: - Model - Tier - Handles - RF - Output rating - Frequency range - Format - Consumables - Best fit - Price - Monthly financing Product names should link to their product pages. Prices and monthly amounts must come from the same live source used by the cards. On mobile, retain the table with horizontal scrolling and a visible first/model column where the existing framework supports it. Add a short screen-reader table caption identifying the table’s purpose. Place the supplied ownership-cost paragraph, RF/fat explanation and three “best for” recommendations below the tables. Link each recommendation to the named product. --- ## 10. Included services, policies and ROI Use the site’s existing icon-list or feature-list component for the supplied “what is included” content. Do not replace detailed terms with vague icons. The section must visibly include the supplied information about: - Machine, handles and cart or case - Protocol/settings guide - Training - Warranty - Post-delivery support - Shipping - Returns - Seller verification - Demo or consultation - Business payback Link the relevant phrases to the live: - Warranty policy - Return policy - Shipping policy - Financing information - Contact/demo page Policy links supplement the on-page summary; they must not replace it. ### Consultation/demo action Use the site’s functioning consultation form, booking system or contact route. Do not create a button that leads to a dead placeholder. Place the professional consultation/demo link: - At the end of this section - In the final CTA - Optionally on professional product cards if that is already the site’s sales flow ### ROI example Preserve the supplied worked example. If its product price or monthly financing amount is dynamic, derive it from the same live value displayed on that product’s card. Do not independently invent local session rates, treatment-package prices or earnings claims. Add any existing business-results disclaimer used by the site. --- ## 11. FAQ implementation Render every supplied question and answer openly on the page. Do not use: - Collapsed accordions - Tabs - “Read more” controls - Hidden answers on mobile Use an H2 for the FAQ section and H3s or a semantic description list for individual questions. Keep the answers in the supplied order. The FAQ must remain visible even if JavaScript is disabled. --- ## 12. Final CTA Create a compact two-path closing block using the supplied closing text: - Home and studio: shop and finance online - Professional: request a consultation or live demo The first CTA should apply the home-and-studio collection filter and return to the grid. The second should open or link to the site’s real consultation flow. Mention financing in readable text. Do not introduce a discount, countdown timer or invented limited-time offer. --- ## 13. Visual and responsive treatment Follow the existing site design system for: - Typography - Colors - Buttons - Cards - Spacing - Form controls - Borders and shadows The page should look native to the client’s site, not like a separate microsite. Use restrained tier labels and specification chips. Do not style the page as a bargain marketplace. Mobile requirements: - Filters remain usable without covering the products. - Product-card buttons are full-width or comfortably tappable. - Tables scroll within their own containers. - Gallery pairs remain visibly associated. - No text is embedded inside images. - No horizontal page-level overflow occurs. Do not add sticky popups, auto-playing video or an intrusive chat prompt specifically for this page. --- ## 14. Accessibility Meet the site’s established WCAG standard, with at least: - One H1 and logical heading hierarchy - Keyboard-accessible filters - Visible focus states - Proper labels for every filter - Status announcement when results change - Meaningful product-image alt text - Decorative icons hidden from assistive technology - Correct table headers and captions - Sufficient color contrast - Buttons and links with distinct purposes - No color-only distinction between tiers or selected filters When a tier link filters the grid, move focus to the updated result count or collection heading so keyboard and screen-reader users know the action succeeded. --- ## 15. SEO and structured data Use the supplied SEO title and meta description if included with the written page. Otherwise derive them from the H1 and opening summary without adding unsupported claims. Implement: - Self-referencing canonical URL - Index, follow - `CollectionPage` or equivalent webpage schema - `BreadcrumbList` - `ItemList` linking to the products in the collection - `FAQPage` only for the questions and answers visibly rendered on the page Do not add collection-level `AggregateRating` or misleading product review markup. Keep product detail pages as the primary location for full `Product` and `Offer` schema. Avoid creating conflicting offer data on the collection page. Ensure the H1, introductory copy, product grid and guide are present in the server-rendered HTML. --- ## 16. Performance and analytics Performance: - Use responsive catalog images with explicit dimensions. - Lazy-load below-the-fold product, gallery and review imagery. - Do not lazy-load the first visible product row. - Avoid loading a separate heavy framework solely for filters or tables. - Reserve image space to prevent cumulative layout shift. Use the site’s existing analytics implementation to track: - Tier and specification filter use - Product-card clicks - Add-to-cart actions - Financing clicks - Home/studio CTA clicks - Professional consultation/demo clicks - Consultation form completion Do not introduce a second analytics library. --- ## 17. Elements to suppress on this template Do not add or automatically inject: - Belts, pads, massagers or unrelated product recommendations - Pelvic-floor or facial machine sections - Wholesale or clearance modules - Brand-versus-brand comparison widgets - Treatment-provider location tools - “Near me” booking content - Accessory grids beyond the short gel/consumables explanation - A collapsed FAQ - Fabricated reviews, results or technical specifications - Unsupported medical, FDA or income claims If the standard collection template automatically adds unrelated recommendations or generic body-sculpting content, disable those modules for this page. --- ## 18. Launch checklist Before publishing, verify that: - The page uses one canonical collection URL and one H1. - The full product grid appears before the buying guide. - Every qualifying machine is assigned the correct tier. - No belt, pad, massager, pelvic-floor or facial product appears. - Every card displays the required EMS specifications. - Prices, stock and financing are live. - Tier links update the grid correctly. - The product grid and comparison table agree. - Add-to-cart and consultation actions work. - Policy links point to current site policies. - All FAQ answers are visible without interaction. - Reviews and before-and-after assets are approved and attributable. - No Emsculpt trademark wording implies affiliation or resale. - Mobile tables, filters and cards are usable. - Structured data validates without conflicting offers or ratings. - The page works without client-side JavaScript for its core content and shopping links.