{"product_id":"medical-wellness-shopify-product-page-template-gempages-figma","title":"Medical \u0026 Wellness Shopify Product Page Template (GemPages + Figma)","description":"\u003c!-- ✅ GetHighConvert | CRO-Optimized Product Description (Modern HTML)\n     Paste into Shopify product description (works great with most themes).\n--\u003e\n\u003cstyle\u003e\n  :root{\n    --ghc-text:#0b1220;\n    --ghc-muted:#5b667a;\n    --ghc-line:rgba(15,23,42,.12);\n    --ghc-card:#ffffff;\n    --ghc-bg:#ffffff;\n    --ghc-accent:#2563eb;\n    --ghc-accent2:#14b8a6;\n    --ghc-soft:rgba(37,99,235,.08);\n    --ghc-soft2:rgba(20,184,166,.10);\n    --ghc-shadow:0 14px 40px rgba(2,6,23,.08);\n    --ghc-radius:18px;\n  }\n\n  .ghc-pdp-desc{\n    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n    color:var(--ghc-text);\n    background:var(--ghc-bg);\n    max-width:980px;\n    margin:0 auto;\n    padding:22px 16px 10px;\n  }\n\n  \/* HERO *\/\n  .ghc-hero{\n    border:1px solid var(--ghc-line);\n    border-radius:var(--ghc-radius);\n    padding:26px 22px;\n    background:\n      radial-gradient(900px 260px at 18% 0%, var(--ghc-soft) 0%, rgba(255,255,255,0) 60%),\n      radial-gradient(900px 260px at 82% 0%, var(--ghc-soft2) 0%, rgba(255,255,255,0) 60%),\n      linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,1));\n    box-shadow:var(--ghc-shadow);\n  }\n\n  .ghc-badges{\n    display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px;\n  }\n  .ghc-badge{\n    display:inline-flex; align-items:center; gap:8px;\n    padding:8px 12px; border-radius:999px;\n    font-size:13px; border:1px solid var(--ghc-line);\n    background:rgba(255,255,255,.75);\n  }\n  .ghc-dot{\n    width:9px; height:9px; border-radius:99px;\n    background:linear-gradient(135deg, var(--ghc-accent), var(--ghc-accent2));\n  }\n\n  .ghc-title{\n    font-size:clamp(22px,3vw,32px);\n    line-height:1.15; margin:0 0 8px; letter-spacing:-0.02em;\n  }\n  .ghc-sub{\n    margin:0; color:var(--ghc-muted);\n    font-size:15.5px; line-height:1.6; max-width:80ch;\n  }\n\n  \/* LAYOUT *\/\n  .ghc-grid{\n    display:grid; grid-template-columns:1.08fr .92fr;\n    gap:16px; margin-top:18px;\n  }\n\n  .ghc-card{\n    border:1px solid var(--ghc-line);\n    border-radius:var(--ghc-radius);\n    background:var(--ghc-card);\n    padding:18px 16px;\n  }\n\n  .ghc-card h3{\n    margin:0 0 10px; font-size:16px; letter-spacing:-0.01em;\n  }\n\n  \/* LIST *\/\n  .ghc-list{ margin:0; padding:0; list-style:none; display:grid; gap:10px; }\n  .ghc-li{ display:grid; grid-template-columns:18px 1fr; gap:10px; align-items:start; }\n  .ghc-check{\n    margin-top:2px; width:18px; height:18px; border-radius:6px;\n    background:linear-gradient(135deg, var(--ghc-accent), var(--ghc-accent2));\n    box-shadow:0 8px 16px rgba(37,99,235,.18);\n    position:relative;\n  }\n  .ghc-check:after{\n    content:\"\"; position:absolute; left:5px; top:4px;\n    width:7px; height:4px;\n    border-left:2px solid #fff; border-bottom:2px solid #fff;\n    transform:rotate(-45deg);\n  }\n  .ghc-li strong{ font-weight:800; }\n  .ghc-li span{\n    display:block; margin-top:2px;\n    color:var(--ghc-muted); font-size:14px; line-height:1.5;\n  }\n\n  \/* SECTION BLOCKS *\/\n  .ghc-block{\n    border:1px solid var(--ghc-line);\n    border-radius:16px;\n    padding:14px 12px;\n    background:linear-gradient(180deg, rgba(37,99,235,.06), rgba(255,255,255,0));\n    margin-top:12px;\n  }\n  .ghc-block h4{ margin:0 0 6px; font-size:14px; }\n  .ghc-block p{ margin:0; color:var(--ghc-muted); font-size:13.8px; line-height:1.55; }\n\n  .ghc-tiles{\n    display:grid;\n    grid-template-columns:repeat(2, 1fr);\n    gap:12px;\n  }\n\n  \/* CHIPS *\/\n  .ghc-chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }\n  .ghc-chip{\n    border:1px solid var(--ghc-line);\n    border-radius:999px;\n    padding:8px 12px;\n    font-size:13px;\n    background:rgba(255,255,255,.75);\n  }\n\n  \/* VALUE STRIP *\/\n  .ghc-strip{\n    margin-top:16px;\n    border:1px dashed rgba(37,99,235,.45);\n    border-radius:var(--ghc-radius);\n    padding:14px 14px;\n    background:rgba(37,99,235,.05);\n    display:grid; gap:8px;\n  }\n  .ghc-strip b{ font-size:14px; }\n  .ghc-strip ul{\n    margin:0; padding-left:18px;\n    color:var(--ghc-muted);\n    font-size:14px; line-height:1.6;\n  }\n\n  \/* FAQ *\/\n  .ghc-faq{\n    margin-top:16px;\n    border:1px solid var(--ghc-line);\n    border-radius:var(--ghc-radius);\n    overflow:hidden;\n    background:#fff;\n  }\n  .ghc-faq details{\n    padding:14px 14px;\n    border-top:1px solid var(--ghc-line);\n  }\n  .ghc-faq details:first-child{ border-top:none; }\n  .ghc-faq summary{\n    cursor:pointer;\n    font-weight:800;\n    font-size:14px;\n    list-style:none;\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:12px;\n  }\n  .ghc-faq summary::-webkit-details-marker{ display:none; }\n  .ghc-faq summary:after{\n    content:\"+\";\n    font-weight:900;\n    color:var(--ghc-accent);\n    border:1px solid rgba(37,99,235,.25);\n    width:26px; height:26px;\n    display:inline-flex; align-items:center; justify-content:center;\n    border-radius:10px;\n    background:rgba(37,99,235,.06);\n    flex:0 0 auto;\n  }\n  .ghc-faq details[open] summary:after{ content:\"–\"; }\n  .ghc-faq p{\n    margin:10px 0 0;\n    color:var(--ghc-muted);\n    font-size:14px;\n    line-height:1.65;\n  }\n\n  \/* FOOT *\/\n  .ghc-foot{\n    display:flex; flex-wrap:wrap;\n    gap:10px;\n    justify-content:space-between;\n    align-items:center;\n    padding:12px 2px 0;\n    color:var(--ghc-muted);\n    font-size:13px;\n  }\n  .ghc-pill{\n    padding:6px 10px;\n    border-radius:999px;\n    border:1px solid var(--ghc-line);\n    background:rgba(255,255,255,.75);\n  }\n\n  @media (max-width: 880px){\n    .ghc-grid{ grid-template-columns:1fr; }\n    .ghc-tiles{ grid-template-columns:1fr; }\n    .ghc-hero{ padding:22px 16px; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"ghc-pdp-desc\"\u003e\n\n  \u003c!-- 1) CRO HERO --\u003e\n  \u003cdiv class=\"ghc-hero\"\u003e\n    \u003cdiv class=\"ghc-badges\"\u003e\n      \u003cspan class=\"ghc-badge\"\u003e\u003cspan class=\"ghc-dot\"\u003e\u003c\/span\u003e GemPages Template\u003c\/span\u003e\n      \u003cspan class=\"ghc-badge\"\u003e\u003cspan class=\"ghc-dot\"\u003e\u003c\/span\u003e Figma Source File\u003c\/span\u003e\n      \u003cspan class=\"ghc-badge\"\u003e\u003cspan class=\"ghc-dot\"\u003e\u003c\/span\u003e CRO-Optimized PDP\u003c\/span\u003e\n      \u003cspan class=\"ghc-badge\"\u003e\u003cspan class=\"ghc-dot\"\u003e\u003c\/span\u003e Mobile-First\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"ghc-title\"\u003eMedical \u0026amp; Wellness Shopify Product Page Template\u003c\/h2\u003e\n    \u003cp class=\"ghc-sub\"\u003e\n      Stop losing buyers due to low trust and unclear messaging. This template is designed to\n      sell health \u0026amp; therapy products with a proven CRO structure: \u003cb\u003eauthority → benefits → proof → objections → CTA\u003c\/b\u003e.\n      Ideal for brands running Facebook \/ Google \/ TikTok ads.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"ghc-grid\"\u003e\n\n      \u003c!-- 2) WHAT YOU GET --\u003e\n      \u003cdiv class=\"ghc-card\"\u003e\n        \u003ch3\u003eWhat you get (instant delivery)\u003c\/h3\u003e\n        \u003cul class=\"ghc-list\"\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eGemPages editable product page\u003c\/strong\u003e\n              \u003cspan\u003eDrag \u0026amp; drop sections. Replace images\/copy, publish fast—no coding.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eFigma design file\u003c\/strong\u003e\n              \u003cspan\u003ePremium layout with organised layers + auto-layout for quick branding.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eMobile + desktop optimised\u003c\/strong\u003e\n              \u003cspan\u003eFast scanning sections, readable typography, and conversion-friendly spacing.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eTrust \u0026amp; authority layout\u003c\/strong\u003e\n              \u003cspan\u003eMade for medical-style positioning: credibility first, then persuasion.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n\n        \u003cdiv class=\"ghc-chips\"\u003e\n          \u003cspan class=\"ghc-chip\"\u003eBest for paid traffic\u003c\/span\u003e\n          \u003cspan class=\"ghc-chip\"\u003ePremium perception\u003c\/span\u003e\n          \u003cspan class=\"ghc-chip\"\u003eBeginner-friendly\u003c\/span\u003e\n          \u003cspan class=\"ghc-chip\"\u003eFast to customise\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- 3) WHAT'S INSIDE (CRO SECTIONS) --\u003e\n      \u003cdiv class=\"ghc-card\"\u003e\n        \u003ch3\u003eIncluded CRO sections (built to convert)\u003c\/h3\u003e\n\n        \u003cdiv class=\"ghc-tiles\"\u003e\n          \u003cdiv class=\"ghc-block\"\u003e\n            \u003ch4\u003e1) Above-the-fold conversion\u003c\/h4\u003e\n            \u003cp\u003eHeadline, value prop, rating proof, and CTA placement designed for quick action.\u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ghc-block\"\u003e\n            \u003ch4\u003e2) Problem → Solution story\u003c\/h4\u003e\n            \u003cp\u003ePain points explained clearly, then positioned into the product solution.\u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ghc-block\"\u003e\n            \u003ch4\u003e3) Benefits that scan fast\u003c\/h4\u003e\n            \u003cp\u003eFeature-to-benefit mapping with clean UI and strong visual hierarchy.\u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ghc-block\"\u003e\n            \u003ch4\u003e4) Proof \u0026amp; trust boosters\u003c\/h4\u003e\n            \u003cp\u003eTestimonial blocks + “trusted by” styling to reduce hesitation and bounce.\u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ghc-block\"\u003e\n            \u003ch4\u003e5) Authority section\u003c\/h4\u003e\n            \u003cp\u003eDoctor\/expert-style layout that supports medical positioning (design-focused).\u003c\/p\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"ghc-block\"\u003e\n            \u003ch4\u003e6) Comparison + objection handling\u003c\/h4\u003e\n            \u003cp\u003eComparison table + FAQ to answer “why you” and close the sale.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ghc-strip\"\u003e\n          \u003cb\u003eBest for:\u003c\/b\u003e\n          \u003cul\u003e\n            \u003cli\u003eNeck therapy \/ posture correction devices\u003c\/li\u003e\n            \u003cli\u003eMassage \u0026amp; recovery tools\u003c\/li\u003e\n            \u003cli\u003eTMJ \/ jaw tension products\u003c\/li\u003e\n            \u003cli\u003ePhysiotherapy \/ wellness DTC brands\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- 4) HOW TO USE --\u003e\n    \u003cdiv class=\"ghc-grid\" style=\"margin-top:16px;\"\u003e\n      \u003cdiv class=\"ghc-card\"\u003e\n        \u003ch3\u003eHow to use (3 steps)\u003c\/h3\u003e\n        \u003cul class=\"ghc-list\"\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eImport into GemPages\u003c\/strong\u003e\n              \u003cspan\u003eOpen the template and connect it to your product.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eReplace content\u003c\/strong\u003e\n              \u003cspan\u003eSwap images, update copy, and match your brand colors\/fonts.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003ePublish \u0026amp; test\u003c\/strong\u003e\n              \u003cspan\u003eLaunch quickly, then improve with A\/B testing + analytics.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"ghc-card\"\u003e\n        \u003ch3\u003eWho this is for\u003c\/h3\u003e\n        \u003cul class=\"ghc-list\"\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eBrands scaling with ads\u003c\/strong\u003e\n              \u003cspan\u003eReduce drop-off by improving trust, clarity, and CTA flow.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eStores that need “premium” positioning\u003c\/strong\u003e\n              \u003cspan\u003eMedical-style structure increases perceived value \u0026amp; confidence.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n          \u003cli class=\"ghc-li\"\u003e\n            \u003ci class=\"ghc-check\"\u003e\u003c\/i\u003e\n            \u003cdiv\u003e\n              \u003cstrong\u003eBeginner-friendly teams\u003c\/strong\u003e\n              \u003cspan\u003eNo developer needed. Everything is editable inside GemPages.\u003c\/span\u003e\n            \u003c\/div\u003e\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 5) FAQ (CRO objection handling) --\u003e\n    \u003cdiv class=\"ghc-faq\"\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003eDo I need coding to use this template?\u003c\/summary\u003e\n        \u003cp\u003eNo. This is built for GemPages drag-and-drop editing. You can customise text, images, colors, and layout without code.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003eWill it work on mobile?\u003c\/summary\u003e\n        \u003cp\u003eYes. The layout is mobile-first with clean spacing, readable typography, and conversion-friendly section order.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003eWhat exactly do I receive after purchase?\u003c\/summary\u003e\n        \u003cp\u003eYou’ll receive the GemPages template and the Figma source file. Both are editable and designed for fast branding.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003eIs this only for neck therapy products?\u003c\/summary\u003e\n        \u003cp\u003eNo. It’s perfect for any health, wellness, therapy, recovery, or medical-style DTC product that needs trust and authority.\u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FOOT --\u003e\n    \u003cdiv class=\"ghc-foot\"\u003e\n      \u003cdiv style=\"display:flex; flex-wrap:wrap; gap:8px; align-items:center;\"\u003e\n        \u003cspan class=\"ghc-pill\"\u003eInstant delivery\u003c\/span\u003e\n        \u003cspan class=\"ghc-pill\"\u003eGemPages editable\u003c\/span\u003e\n        \u003cspan class=\"ghc-pill\"\u003eFigma included\u003c\/span\u003e\n        \u003cspan class=\"ghc-pill\"\u003eCRO-focused layout\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003eTip: add a “Template + Setup” upsell for higher AOV.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n","brand":"HighConvert","offers":[{"title":"Default Title","offer_id":56613518213452,"sku":null,"price":29.97,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0990\/5009\/4924\/files\/91184703-87fc-4b9c-85c2-361a6376736c.png?v=1769864267","url":"https:\/\/www.gethighconvert.co.uk\/products\/medical-wellness-shopify-product-page-template-gempages-figma","provider":"HighConvert","version":"1.0","type":"link"}