Prismic Toolbar playground

Preview off · Toolbar https://static.cdn.prismic.io/prismic.js?repo=prismic-main

ecommerce

page · ecommerce

main_hero centeredBackground

eyebrow
Composable commerce
eyebrow_color
null
heading

Your commerce platform runs the store. Prismic runs the story

subheading

Create and launch product landing pages, lookbooks, and shopping guides that turn visitors into customers. Give your marketing team more control without changing your commerce platform.

image
Enriching ecommerce experience with content
background_below
false

main_logotypes default

theme
Inherit from page
heading
[]
center_heading
false
remove_background
true

main_benefits imageTextLeft

theme
Inherit from page
eyebrow
null
eyebrow_color
null
heading

Beyond the catalog

subheading

In a composable stack, each tool does one job well. Your commerce platform runs products, pricing, carts, and checkout. Prismic runs the content around them, on product listing pages (PLPs), product detail pages (PDPs), and everywhere else, so product content looks curated rather than just a catalog.

  • Homepage and rich navigation
  • Inspiration content
  • Enriched PDPs and PLPs
  • Manual and AI-assisted merchandising
  • Localized pages for every market, following local rules
  • Brand, sustainability, delivery, and returns static pages
image
Enriching PDP content using Prismic Slices
caption
null
stats
[]

main_benefits imageTextRight

theme
Inherit from page
eyebrow
null
eyebrow_color
null
heading

Design better shopping experiences

subheading

Developers build reusable sections that match your brand. Your marketing and merchandising teams combine them into richer product pages, landing pages, lookbooks, and buying guides, then publish without waiting for a developer.

  • Add products from your store to any story or guide
  • See changes as you edit
  • Preview drafts before they go live
  • Schedule pages for campaigns and Black Friday
image
Enriching a shopping guide with manual merchandising
caption
null
stats
[]

main_benefits imageTextLeft

theme
Inherit from page
eyebrow
null
eyebrow_color
green
heading

Your catalog, right in the editor

subheading

Prismic syncs product data from your commerce platform, so editors can add products to any page without leaving Prismic.

  • Handpick products from your catalog as you build the page
  • Featured products stay in sync with your store, including price, availability, and discounts
  • Works with Shopify, Salesforce Commerce Cloud, Magento, BigCommerce, Commerce Layer, and any platform with an API
image
caption
null
stats
[]

main_benefits imageTextRight

theme
Inherit from page
eyebrow
null
eyebrow_color
blue
heading

You tell the story. AI does the busywork

subheading

Connect Claude or ChatGPT to Prismic MCP and your commerce platform, then add skills that keep AI on brand: your tone of voice, your glossary, your rules. Update promo messages or CTAs across your whole site in one request.

  • Turn a rough brief into an on-brand page
  • Find images in your DAM to illustrate product stories
  • Pick products for guides and lookbooks within the rules you set
  • Review and edit every change in a release before it goes live
image
ecommerce AI prompt to page
caption
null
stats
[]

main_call_to_action compact

theme
Inherit from page
heading

Let's talk about your store

subheading

Tell us about your ecommerce stack and we'll prototype around a few use cases.

link
[
  {
    "id": "Y3UH2RAAACgAxXmd",
    "type": "page",
    "tags": [
      "Demo"
    ],
    "lang": "en-eu",
    "slug": "see-prismic-in-action",
    "first_publication_date": "2022-11-16T15:55:08+0000",
    "last_publication_date": "2026-09-18T11:48:59+0000",
    "uid": "demo",
    "link_type": "Document",
    "key": "e55e3d4c-57e4-4ad3-9984-150e31750e3b",
    "isBroken": false,
    "text": "Talk to a Solutions Architect",
    "variant": "primary"
  }
]

main_features default

theme
Inherit from page
heading

Everything else your store needs

subheading
[]

main_featured caseStudies

theme
dark
eyebrow
Case studies
eyebrow_color
null
heading

Retailers on Prismic

subheading

See how customers are running their online shopping experience with Prismic

case_study
[
  {
    "logo": {
      "dimensions": {
        "width": 254,
        "height": 48
      },
      "alt": null,
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/aOfbFJ5xUNkB1y75_logo-sportsshoes.com.svg",
      "id": "aOfbFJ5xUNkB1y75",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "heading": [
      {
        "type": "heading3",
        "text": "SportsShoes publishes content up to 30x faster",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 1400,
        "height": 800
      },
      "alt": null,
      "copyright": null,
      "url": "https://images.prismic.io/prismic-main/aJHVZaTt2nPbZ2Ad_www.sportsshoes.com_-2-.png?auto=format,compress&rect=0,86,3200,1829&w=1400&h=800",
      "id": "aJHVZaTt2nPbZ2Ad",
      "edit": {
        "x": 0,
        "y": 86,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "link": {
      "id": "aJHUtBIAACgAoydr",
      "type": "case_study",
      "tags": [],
      "lang": "en-eu",
      "slug": "how-sportsshoes-delivered-content-30-faster-and-grew-conversions-by-25",
      "first_publication_date": "2025-08-05T10:46:10+0000",
      "last_publication_date": "2026-08-10T11:11:52+0000",
      "uid": "sportsshoes",
      "link_type": "Document",
      "key": "b73579bc-29c2-4f1a-a356-e0faf55a6109",
      "isBroken": false
    },
    "stats_one": [
      {
        "type": "heading3",
        "text": "25%",
        "spans": [],
        "direction": "ltr"
      },
      {
        "type": "paragraph",
        "text": "more conversions year over year",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "stats_two": [
      {
        "type": "heading3",
        "text": "15%",
        "spans": [],
        "direction": "ltr"
      },
      {
        "type": "paragraph",
        "text": "higher average order value",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "stats_three": [
      {
        "type": "heading3",
        "text": "26%",
        "spans": [],
        "direction": "ltr"
      },
      {
        "type": "paragraph",
        "text": "lift in checkout completion",
        "spans": [],
        "direction": "ltr"
      }
    ]
  },
  {
    "logo": {
      "dimensions": {
        "width": 70,
        "height": 48
      },
      "alt": "7 mesh logo",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/aBoAevIqRLdaB545_7mesh.svg",
      "id": "aBoAevIqRLdaB545",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "heading": [
      {
        "type": "heading3",
        "text": "7mesh grew conversion and order value",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 3200,
        "height": 2000
      },
      "alt": "7mesh website",
      "copyright": null,
      "url": "https://images.prismic.io/prismic-main/aBiuHfIqRLdaB3lP_7mesh.com_en-US.png?auto=format,compress",
      "id": "aBiuHfIqRLdaB3lP",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "link": {
      "id": "aBisvhMAAC0AHGto",
      "type": "case_study",
      "tags": [],
      "lang": "en-eu",
      "slug": "7mesh-powers-global-growth-with-fast-engaging-e-commerce",
      "first_publication_date": "2025-05-05T13:26:36+0000",
      "last_publication_date": "2026-07-03T13:18:10+0000",
      "uid": "7mesh",
      "link_type": "Document",
      "key": "9699e912-b44d-4089-ab19-239abb034781",
      "isBroken": false
    },
    "stats_one": [
      {
        "type": "heading3",
        "text": "27%",
        "spans": [],
        "direction": "ltr"
      },
      {
        "type": "paragraph",
        "text": "higher conversion",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "stats_two": [
      {
        "type": "heading3",
        "text": "32%",
        "spans": [],
        "direction": "ltr"
      },
      {
        "type": "paragraph",
        "text": "higher average order value",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "stats_three": []
  },
  {
    "logo": {
      "dimensions": {
        "width": 147,
        "height": 39
      },
      "alt": "Deliveroo logo",
      "copyright": null,
      "url": "https://prismic-main.cdn.prismic.io/prismic-main/7c5445fb-2b5e-472f-8d81-a09614346ded_deliveroo.svg",
      "id": "Y0VlKxEAACIApjpd",
      "edit": {
        "x": 0,
        "y": 0,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "heading": [
      {
        "type": "heading2",
        "text": "How Deliveroo manages and scales multiple websites across markets with Prismic",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "image": {
      "dimensions": {
        "width": 1400,
        "height": 800
      },
      "alt": "Homepage of the deliveroo website",
      "copyright": null,
      "url": "https://images.prismic.io/prismic-main/k0J9zd7xiqiOgDRt_deliveroo.co.uk_.png?auto=format,compress&rect=0,286,3200,1829&w=1400&h=800",
      "id": "k0J9zd7xiqiOgDRt",
      "edit": {
        "x": 0,
        "y": 286,
        "zoom": 1,
        "background": "transparent"
      }
    },
    "link": {
      "id": "aXDWZBEAACkAisPd",
      "type": "case_study",
      "tags": [],
      "lang": "en-eu",
      "slug": "how-deliveroo-manages-and-scales-multiple-websites-across-markets-with-prismic",
      "first_publication_date": "2026-01-22T09:41:50+0000",
      "last_publication_date": "2026-07-03T13:27:06+0000",
      "uid": "deliveroo",
      "link_type": "Document",
      "key": "76e84ab5-70f7-481a-9594-fd088a40cf0f",
      "isBroken": false
    },
    "stats_one": [
      {
        "type": "paragraph",
        "text": "Clear ownership",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "stats_two": [
      {
        "type": "paragraph",
        "text": "Reusable page structures",
        "spans": [],
        "direction": "ltr"
      }
    ],
    "stats_three": [
      {
        "type": "paragraph",
        "text": "Publish and optimize content independently across markets",
        "spans": [],
        "direction": "ltr"
      }
    ]
  }
]

main_spacer addSpace

main_faq oneColumn

theme
Inherit from page
heading

Questions e-commerce teams ask us (FAQ)

subheading
[]
center_heading
true
Document data
{
  "theme": "light",
  "hide_global_banner": false,
  "slices": [
    {
      "variation": "centeredBackground",
      "version": "initial",
      "items": [
        {
          "link": {
            "id": "Y3UH2RAAACgAxXmd",
            "type": "page",
            "tags": [
              "Demo"
            ],
            "lang": "en-eu",
            "slug": "see-prismic-in-action",
            "first_publication_date": "2022-11-16T15:55:08+0000",
            "last_publication_date": "2026-09-18T11:48:59+0000",
            "uid": "demo",
            "link_type": "Document",
            "key": "941f9cd5-3450-4c23-b5c1-43d71b8107af",
            "isBroken": false
          },
          "link_label": "Get a demo",
          "link_style": "primary"
        }
      ],
      "primary": {
        "eyebrow": "Composable commerce",
        "eyebrow_color": null,
        "heading": [
          {
            "type": "heading1",
            "text": "Your commerce platform runs the store. Prismic runs the story",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "Create and launch product landing pages, lookbooks, and shopping guides that turn visitors into customers. Give your marketing team more control without changing your commerce platform.",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "image": {
          "dimensions": {
            "width": 2880,
            "height": 1312
          },
          "alt": "Enriching ecommerce experience with content",
          "copyright": null,
          "url": "https://images.prismic.io/prismic-main/GKDY73J5t0lPxMwH_ecom-hero-bg-v2.png?auto=format,compress",
          "id": "GKDY73J5t0lPxMwH",
          "edit": {
            "x": 0,
            "y": 0,
            "zoom": 1,
            "background": "transparent"
          }
        },
        "background_below": false
      },
      "id": "main_hero$541d1160-dcb4-491e-974c-19e6936d200d",
      "slice_type": "main_hero",
      "slice_label": null
    },
    {
      "variation": "default",
      "version": "initial",
      "items": [
        {
          "logotype": {
            "dimensions": {
              "width": 360,
              "height": 54
            },
            "alt": "Bershka logo",
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/Zegsov_jD4D4xSjK_bershka-logo.svg?auto=compress,format",
            "id": "Zegsov_jD4D4xSjK",
            "edit": {
              "x": 0,
              "y": 0,
              "zoom": 1,
              "background": "transparent"
            }
          }
        },
        {
          "logotype": {
            "dimensions": {
              "width": 108,
              "height": 33
            },
            "alt": "Rakuten logo",
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/ZegtZP_jD4D4xSjT_rakuten-new.svg?auto=compress,format",
            "id": "ZegtZP_jD4D4xSjT",
            "edit": {
              "x": 0,
              "y": 0,
              "zoom": 1,
              "background": "transparent"
            }
          }
        },
        {
          "logotype": {
            "dimensions": {
              "width": 254,
              "height": 48
            },
            "alt": null,
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/aOfbFJ5xUNkB1y75_logo-sportsshoes.com.svg",
            "id": "aOfbFJ5xUNkB1y75",
            "edit": {
              "x": 0,
              "y": 0,
              "zoom": 1,
              "background": "transparent"
            }
          }
        },
        {
          "logotype": {
            "dimensions": {
              "width": 147,
              "height": 39
            },
            "alt": "Deliveroo logo",
            "copyright": null,
            "url": "https://prismic-main.cdn.prismic.io/prismic-main/7c5445fb-2b5e-472f-8d81-a09614346ded_deliveroo.svg",
            "id": "Y0VlKxEAACIApjpd",
            "edit": {
              "x": 0,
              "y": 0,
              "zoom": 1,
              "background": "transparent"
            }
          }
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "heading": [],
        "center_heading": false,
        "remove_background": true
      },
      "id": "main_logotypes$ff5ed452-8c26-40c0-af38-329728f194b1",
      "slice_type": "main_logotypes",
      "slice_label": null
    },
    {
      "variation": "imageTextLeft",
      "version": "initial",
      "items": [],
      "primary": {
        "theme": "Inherit from page",
        "eyebrow": null,
        "eyebrow_color": null,
        "heading": [
          {
            "type": "heading2",
            "text": "Beyond the catalog",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "In a composable stack, each tool does one job well. Your commerce platform runs products, pricing, carts, and checkout. Prismic runs the content around them, on product listing pages (PLPs), product detail pages (PDPs), and everywhere else, so product content looks curated rather than just a catalog.",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Homepage and rich navigation",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Inspiration content",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Enriched PDPs and PLPs",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Manual and AI-assisted merchandising",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Localized pages for every market, following local rules",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Brand, sustainability, delivery, and returns static pages",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "image": {
          "dimensions": {
            "width": 1600,
            "height": 1200
          },
          "alt": "Enriching PDP content using Prismic Slices",
          "copyright": null,
          "url": "https://images.prismic.io/prismic-main/3SvahJyEWbuO_s5t_ecom-composable-v2.png?auto=format,compress&rect=0,0,3200,2400&w=1600&h=1200",
          "id": "3SvahJyEWbuO_s5t",
          "edit": {
            "x": 0,
            "y": 0,
            "zoom": 1,
            "background": "transparent"
          }
        },
        "caption": null,
        "stats": []
      },
      "id": "main_benefits$98a305ae-ec5b-4fdf-961a-fd0dc4074bbf",
      "slice_type": "main_benefits",
      "slice_label": null
    },
    {
      "variation": "imageTextRight",
      "version": "initial",
      "items": [],
      "primary": {
        "theme": "Inherit from page",
        "eyebrow": null,
        "eyebrow_color": null,
        "heading": [
          {
            "type": "heading2",
            "text": "Design better shopping experiences",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "Developers build reusable sections that match your brand. Your marketing and merchandising teams combine them into richer product pages, landing pages, lookbooks, and buying guides, then publish without waiting for a developer.",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Add products from your store to any story or guide",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "See changes as you edit",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Preview drafts before they go live",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Schedule pages for campaigns and Black Friday",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "image": {
          "dimensions": {
            "width": 1600,
            "height": 1200
          },
          "alt": "Enriching a shopping guide with manual merchandising",
          "copyright": null,
          "url": "https://images.prismic.io/prismic-main/2hRH-rCNRr9ec6yB_ecom-page-building-v2.png?auto=format,compress&rect=0,0,3200,2400&w=1600&h=1200",
          "id": "2hRH-rCNRr9ec6yB",
          "edit": {
            "x": 0,
            "y": 0,
            "zoom": 1,
            "background": "transparent"
          }
        },
        "caption": null,
        "stats": []
      },
      "id": "main_benefits$6ee3d057-cc62-4b91-b4f1-20dbc4f6bea5",
      "slice_type": "main_benefits",
      "slice_label": null
    },
    {
      "variation": "imageTextLeft",
      "version": "initial",
      "items": [
        {
          "link": {
            "link_type": "Web",
            "key": "0e0a7935-f6f2-49f9-9939-e311fd658214",
            "url": "https://prismic.io/docs/with-shopify"
          },
          "link_style": "tertiary",
          "link_label": "Use Shopify with Prismic"
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "eyebrow": null,
        "eyebrow_color": "green",
        "heading": [
          {
            "type": "heading2",
            "text": "Your catalog, right in the editor",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "Prismic syncs product data from your commerce platform, so editors can add products to any page without leaving Prismic.",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Handpick products from your catalog as you build the page",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Featured products stay in sync with your store, including price, availability, and discounts",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Works with Shopify, Salesforce Commerce Cloud, Magento, BigCommerce, Commerce Layer, and any platform with an API",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "image": {
          "dimensions": {
            "width": 1600,
            "height": 1200
          },
          "alt": null,
          "copyright": null,
          "url": "https://images.prismic.io/prismic-main/caJhPXzKtehP1Xl6_ecom-catalog-v2.png?auto=format,compress&rect=0,0,3200,2400&w=1600&h=1200",
          "id": "caJhPXzKtehP1Xl6",
          "edit": {
            "x": 0,
            "y": 0,
            "zoom": 1,
            "background": "transparent"
          }
        },
        "caption": null,
        "stats": []
      },
      "id": "main_benefits$862d41ec-c5e5-4c76-9746-39dd02f745a5",
      "slice_type": "main_benefits",
      "slice_label": null
    },
    {
      "variation": "imageTextRight",
      "version": "initial",
      "items": [
        {
          "link": {
            "id": "anNZIBEAACwATzaV",
            "type": "feature",
            "tags": [],
            "lang": "en-eu",
            "slug": "hours-of-content-work-one-prompt-away-from-done",
            "first_publication_date": "2026-08-06T15:00:53+0000",
            "last_publication_date": "2026-09-24T15:24:54+0000",
            "uid": "mcp",
            "link_type": "Document",
            "key": "b5069d47-b06f-4376-9566-4684fa3b83de",
            "isBroken": false
          },
          "link_style": "tertiary",
          "link_label": "Explore Prismic MCP"
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "eyebrow": null,
        "eyebrow_color": "blue",
        "heading": [
          {
            "type": "heading2",
            "text": "You tell the story. AI does the busywork",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "Connect Claude or ChatGPT to Prismic MCP and your commerce platform, then add skills that keep AI on brand: your tone of voice, your glossary, your rules. Update promo messages or CTAs across your whole site in one request.",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Turn a rough brief into an on-brand page",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Find images in your DAM to illustrate product stories",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Pick products for guides and lookbooks within the rules you set",
            "spans": [],
            "direction": "ltr"
          },
          {
            "type": "list-item",
            "text": "Review and edit every change in a release before it goes live",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "image": {
          "dimensions": {
            "width": 1600,
            "height": 1200
          },
          "alt": "ecommerce AI prompt to page",
          "copyright": null,
          "url": "https://images.prismic.io/prismic-main/xHCpmR1S7FdeX2d8_Matcha_Gift_Guide_UI_Mockup_shadow.png?auto=format,compress&rect=0,0,1448,1086&w=1600&h=1200",
          "id": "xHCpmR1S7FdeX2d8",
          "edit": {
            "x": 0,
            "y": 0,
            "zoom": 1,
            "background": "transparent"
          }
        },
        "caption": null,
        "stats": []
      },
      "id": "main_benefits$cf00c2b9-8b42-48ce-8c91-828e2bd763b9",
      "slice_type": "main_benefits",
      "slice_label": null
    },
    {
      "variation": "compact",
      "version": "initial",
      "items": [],
      "primary": {
        "theme": "Inherit from page",
        "heading": [
          {
            "type": "heading2",
            "text": "Let's talk about your store",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "Tell us about your ecommerce stack and we'll prototype around a few use cases.",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "link": [
          {
            "id": "Y3UH2RAAACgAxXmd",
            "type": "page",
            "tags": [
              "Demo"
            ],
            "lang": "en-eu",
            "slug": "see-prismic-in-action",
            "first_publication_date": "2022-11-16T15:55:08+0000",
            "last_publication_date": "2026-09-18T11:48:59+0000",
            "uid": "demo",
            "link_type": "Document",
            "key": "e55e3d4c-57e4-4ad3-9984-150e31750e3b",
            "isBroken": false,
            "text": "Talk to a Solutions Architect",
            "variant": "primary"
          }
        ]
      },
      "id": "main_call_to_action$33405614-c46c-43e4-9b9a-ae8af728b899",
      "slice_type": "main_call_to_action",
      "slice_label": null
    },
    {
      "variation": "default",
      "version": "initial",
      "items": [
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Launch drops together",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Group every change for a sale or product drop into a release and publish or schedule i to go live in one go.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Web",
            "key": "15aef4a4-8d6b-442c-b1e1-94442904f721",
            "url": "https://prismic.io/features/releases"
          },
          "link_label": "Explore Releases"
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Sell in every market",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Manage every language version of a page in one repository.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Web",
            "key": "b4f0cd87-cf1b-41c6-8aee-61b50a6a77b2",
            "url": "https://prismic.io/features/localization"
          },
          "link_label": "Explore localization"
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Give every team its own space",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Organize content into Spaces by team, and use custom roles to protect what matters.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Web",
            "key": "a5540838-07f9-4e41-addb-5502e0aed46f",
            "url": "https://prismic.io/features/spaces"
          },
          "link_label": "Explore Spaces"
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Fast when it counts",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "A built-in CDN serves your content, and large ecommerce sites rely on it on Black Friday.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Bring your content with you",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Import existing pages and assets with the Migration API.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Web",
            "key": "3aff7d25-cd17-4473-934f-563894f9fa20",
            "url": "https://prismic.io/features/migration"
          },
          "link_label": "Explore the Migration API"
        },
        {
          "heading": [
            {
              "type": "heading3",
              "text": "Use the framework you know",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "subheading": [
            {
              "type": "paragraph",
              "text": "Official integrations for Next.js, Nuxt, and SvelteKit.",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "icon": {},
          "icon_color": "purple",
          "link": {
            "link_type": "Any"
          },
          "link_label": null
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "heading": [
          {
            "type": "heading2",
            "text": "Everything else your store needs",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": []
      },
      "id": "main_features$b9c057c7-0e17-4dc4-a516-e2ac23b02ce5",
      "slice_type": "main_features",
      "slice_label": null
    },
    {
      "variation": "caseStudies",
      "version": "initial",
      "items": [],
      "primary": {
        "theme": "dark",
        "eyebrow": "Case studies",
        "eyebrow_color": null,
        "heading": [
          {
            "type": "heading2",
            "text": "Retailers on Prismic",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [
          {
            "type": "paragraph",
            "text": "See how customers are running their online shopping experience with Prismic",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "case_study": [
          {
            "logo": {
              "dimensions": {
                "width": 254,
                "height": 48
              },
              "alt": null,
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/aOfbFJ5xUNkB1y75_logo-sportsshoes.com.svg",
              "id": "aOfbFJ5xUNkB1y75",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "heading": [
              {
                "type": "heading3",
                "text": "SportsShoes publishes content up to 30x faster",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 1400,
                "height": 800
              },
              "alt": null,
              "copyright": null,
              "url": "https://images.prismic.io/prismic-main/aJHVZaTt2nPbZ2Ad_www.sportsshoes.com_-2-.png?auto=format,compress&rect=0,86,3200,1829&w=1400&h=800",
              "id": "aJHVZaTt2nPbZ2Ad",
              "edit": {
                "x": 0,
                "y": 86,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "link": {
              "id": "aJHUtBIAACgAoydr",
              "type": "case_study",
              "tags": [],
              "lang": "en-eu",
              "slug": "how-sportsshoes-delivered-content-30-faster-and-grew-conversions-by-25",
              "first_publication_date": "2025-08-05T10:46:10+0000",
              "last_publication_date": "2026-08-10T11:11:52+0000",
              "uid": "sportsshoes",
              "link_type": "Document",
              "key": "b73579bc-29c2-4f1a-a356-e0faf55a6109",
              "isBroken": false
            },
            "stats_one": [
              {
                "type": "heading3",
                "text": "25%",
                "spans": [],
                "direction": "ltr"
              },
              {
                "type": "paragraph",
                "text": "more conversions year over year",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "stats_two": [
              {
                "type": "heading3",
                "text": "15%",
                "spans": [],
                "direction": "ltr"
              },
              {
                "type": "paragraph",
                "text": "higher average order value",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "stats_three": [
              {
                "type": "heading3",
                "text": "26%",
                "spans": [],
                "direction": "ltr"
              },
              {
                "type": "paragraph",
                "text": "lift in checkout completion",
                "spans": [],
                "direction": "ltr"
              }
            ]
          },
          {
            "logo": {
              "dimensions": {
                "width": 70,
                "height": 48
              },
              "alt": "7 mesh logo",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/aBoAevIqRLdaB545_7mesh.svg",
              "id": "aBoAevIqRLdaB545",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "heading": [
              {
                "type": "heading3",
                "text": "7mesh grew conversion and order value",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 3200,
                "height": 2000
              },
              "alt": "7mesh website",
              "copyright": null,
              "url": "https://images.prismic.io/prismic-main/aBiuHfIqRLdaB3lP_7mesh.com_en-US.png?auto=format,compress",
              "id": "aBiuHfIqRLdaB3lP",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "link": {
              "id": "aBisvhMAAC0AHGto",
              "type": "case_study",
              "tags": [],
              "lang": "en-eu",
              "slug": "7mesh-powers-global-growth-with-fast-engaging-e-commerce",
              "first_publication_date": "2025-05-05T13:26:36+0000",
              "last_publication_date": "2026-07-03T13:18:10+0000",
              "uid": "7mesh",
              "link_type": "Document",
              "key": "9699e912-b44d-4089-ab19-239abb034781",
              "isBroken": false
            },
            "stats_one": [
              {
                "type": "heading3",
                "text": "27%",
                "spans": [],
                "direction": "ltr"
              },
              {
                "type": "paragraph",
                "text": "higher conversion",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "stats_two": [
              {
                "type": "heading3",
                "text": "32%",
                "spans": [],
                "direction": "ltr"
              },
              {
                "type": "paragraph",
                "text": "higher average order value",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "stats_three": []
          },
          {
            "logo": {
              "dimensions": {
                "width": 147,
                "height": 39
              },
              "alt": "Deliveroo logo",
              "copyright": null,
              "url": "https://prismic-main.cdn.prismic.io/prismic-main/7c5445fb-2b5e-472f-8d81-a09614346ded_deliveroo.svg",
              "id": "Y0VlKxEAACIApjpd",
              "edit": {
                "x": 0,
                "y": 0,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "heading": [
              {
                "type": "heading2",
                "text": "How Deliveroo manages and scales multiple websites across markets with Prismic",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "image": {
              "dimensions": {
                "width": 1400,
                "height": 800
              },
              "alt": "Homepage of the deliveroo website",
              "copyright": null,
              "url": "https://images.prismic.io/prismic-main/k0J9zd7xiqiOgDRt_deliveroo.co.uk_.png?auto=format,compress&rect=0,286,3200,1829&w=1400&h=800",
              "id": "k0J9zd7xiqiOgDRt",
              "edit": {
                "x": 0,
                "y": 286,
                "zoom": 1,
                "background": "transparent"
              }
            },
            "link": {
              "id": "aXDWZBEAACkAisPd",
              "type": "case_study",
              "tags": [],
              "lang": "en-eu",
              "slug": "how-deliveroo-manages-and-scales-multiple-websites-across-markets-with-prismic",
              "first_publication_date": "2026-01-22T09:41:50+0000",
              "last_publication_date": "2026-07-03T13:27:06+0000",
              "uid": "deliveroo",
              "link_type": "Document",
              "key": "76e84ab5-70f7-481a-9594-fd088a40cf0f",
              "isBroken": false
            },
            "stats_one": [
              {
                "type": "paragraph",
                "text": "Clear ownership",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "stats_two": [
              {
                "type": "paragraph",
                "text": "Reusable page structures",
                "spans": [],
                "direction": "ltr"
              }
            ],
            "stats_three": [
              {
                "type": "paragraph",
                "text": "Publish and optimize content independently across markets",
                "spans": [],
                "direction": "ltr"
              }
            ]
          }
        ]
      },
      "id": "main_featured$bf476e99-9a26-4ab9-9056-95daa1e37d7e",
      "slice_type": "main_featured",
      "slice_label": null
    },
    {
      "variation": "addSpace",
      "version": "initial",
      "items": [],
      "primary": {},
      "id": "main_spacer$8be4e297-7761-4220-a129-de2f25f06a00",
      "slice_type": "main_spacer",
      "slice_label": null
    },
    {
      "variation": "oneColumn",
      "version": "initial",
      "items": [
        {
          "question": [
            {
              "type": "heading3",
              "text": "What is a headless CMS for ecommerce?",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "answer": [
            {
              "type": "paragraph",
              "text": "A headless CMS manages your content, like campaign pages, product stories, and buying guides, separately from your commerce platform and delivers it through an API. Your store handles products, carts, and checkout. The CMS handles everything around them. Learn more in our guide to headless commerce.",
              "spans": [
                {
                  "start": 269,
                  "end": 299,
                  "type": "hyperlink",
                  "data": {
                    "link_type": "Web",
                    "url": "https://prismic.io/blog/headless-commerce"
                  }
                }
              ],
              "direction": "ltr"
            }
          ]
        },
        {
          "question": [
            {
              "type": "heading3",
              "text": "What is composable commerce?",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "answer": [
            {
              "type": "paragraph",
              "text": "Composable commerce means building your store from specialized tools connected through APIs, like a commerce platform for products and checkout and a headless CMS for content. Prismic is the content part of that stack.",
              "spans": [],
              "direction": "ltr"
            }
          ]
        },
        {
          "question": [
            {
              "type": "heading3",
              "text": "Which CMS is best for ecommerce?",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "answer": [
            {
              "type": "paragraph",
              "text": "It depends on your stack. If you run Shopify, BigCommerce, or Magento and want merchandising and marketing to build pages without developers, a headless CMS like Prismic is a strong fit. If you only need a simple store, your commerce platform's built-in pages may be enough. Compare options in our roundup of headless CMSs for ecommerce.",
              "spans": [
                {
                  "start": 294,
                  "end": 336,
                  "type": "hyperlink",
                  "data": {
                    "link_type": "Web",
                    "url": "https://prismic.io/blog/best-ecommerce-headless-cms"
                  }
                }
              ],
              "direction": "ltr"
            }
          ]
        },
        {
          "question": [
            {
              "type": "heading3",
              "text": "Does Prismic work with Shopify?",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "answer": [
            {
              "type": "paragraph",
              "text": "Yes. Prismic's built-in Shopify integration syncs your product catalog, so editors can select products directly in Prismic. See how to use Shopify with Prismic.",
              "spans": [
                {
                  "start": 135,
                  "end": 159,
                  "type": "hyperlink",
                  "data": {
                    "link_type": "Web",
                    "url": "https://prismic.io/docs/with-shopify"
                  }
                }
              ],
              "direction": "ltr"
            }
          ]
        },
        {
          "question": [
            {
              "type": "heading3",
              "text": "Can I use Prismic with WooCommerce, Magento, BigCommerce, or another platform?",
              "spans": [],
              "direction": "ltr"
            }
          ],
          "answer": [
            {
              "type": "paragraph",
              "text": "Yes. You can connect WooCommerce, Magento, BigCommerce, or any platform with an API through a custom catalog that sends product data to Prismic. SportsShoes runs Prismic with BigCommerce, and SafetyBuyer rebuilt its Magento store with Prismic and Next.js.",
              "spans": [],
              "direction": "ltr"
            }
          ]
        }
      ],
      "primary": {
        "theme": "Inherit from page",
        "heading": [
          {
            "type": "heading2",
            "text": "Questions e-commerce teams ask us (FAQ)",
            "spans": [],
            "direction": "ltr"
          }
        ],
        "subheading": [],
        "center_heading": true
      },
      "id": "main_faq$b3f3cdf1-62cf-4c53-aa9a-5a89f01f4405",
      "slice_type": "main_faq",
      "slice_label": null
    }
  ],
  "meta_title": "Headless ecommerce CMS for composable commerce | Prismic",
  "meta_description": "Prismic is the headless CMS for composable commerce. Connect Shopify, WooCommerce, or Magento and launch on-brand PLPs, PDPs, and campaigns fast.",
  "social_image": {
    "dimensions": {
      "width": 1200,
      "height": 630
    },
    "alt": "e-commerce building ",
    "copyright": null,
    "url": "https://images.prismic.io/prismic-main/1g-K_51mFJ0tuoqj_ecom-page-building-3-.png?auto=format,compress&rect=0,360,3200,1680&w=1200&h=630",
    "id": "1g-K_51mFJ0tuoqj",
    "edit": {
      "x": 0,
      "y": 360,
      "zoom": 1,
      "background": "transparent"
    }
  }
}