{"id":144363,"date":"2023-06-21T16:07:16","date_gmt":"2023-06-21T21:07:16","guid":{"rendered":"https:\/\/wpengine.com\/?p=144363"},"modified":"2025-05-14T13:31:34","modified_gmt":"2025-05-14T18:31:34","slug":"shopify-blueprint-expands-atlas-commerce","status":"publish","type":"post","link":"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/","title":{"rendered":"Expanding Headless WordPress Commerce With the Shopify Blueprint"},"content":{"rendered":"\n<p>End-to-end headless eCommerce just got easier!<\/p>\n\n\n\n<p>After launching the <a href=\"https:\/\/wpengine.com\/blog\/composable-commerce-atlas\/\" target=\"_blank\" rel=\"noreferrer noopener\">Headless WordPress BigCommerce Blueprint <\/a>earlier this year, WP Engine has doubled down on end-to-end headless eCommerce with the Shopify Blueprint, a complete headless storefront starter project that seamlessly connects to <a href=\"https:\/\/www.shopify.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shopify<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2023\/06\/shopify-blueprint-dash-1024x576.png\" alt=\"WP Engine's Shopify Blueprint in the Atlas Portal \" class=\"wp-image-144364\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2023\/06\/shopify-blueprint-dash-1024x576.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2023\/06\/shopify-blueprint-dash-540x304.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2023\/06\/shopify-blueprint-dash-768x432.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2023\/06\/shopify-blueprint-dash-1536x864.png 1536w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2023\/06\/shopify-blueprint-dash-960x540.png 960w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2023\/06\/shopify-blueprint-dash-1500x844.png 1500w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2023\/06\/shopify-blueprint-dash.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">WP Engine&#8217;s Shopify Blueprint for headless eCommerce connects seamlessly with your existing Shopify storefront<\/figcaption><\/figure>\n\n\n\n<p>The new blueprint is now available in the <a href=\"https:\/\/developers.wpengine.com\/docs\/atlas\/getting-started\/blueprint-repository\" target=\"_blank\" rel=\"noreferrer noopener\">Headless WordPress portal<\/a>, where you can <a href=\"https:\/\/my.wpengine.com\/atlas#\/create\/blueprint\" target=\"_blank\" rel=\"noreferrer noopener\">add it to your existing plan<\/a> or test it out using a free <a href=\"https:\/\/my.wpengine.com\/signup?plan=headless-eval&amp;_gl=1*5sqzs4*_ga*MzQ3MjE0NTUyLjE2ODI2MTA1ODc.*_ga_9HX6WG40N2*MTY4Mzc0MzkxMS4xMS4xLjE2ODM3NDYxMzAuMC4wLjA\" target=\"_blank\" rel=\"noreferrer noopener\">sandbox account<\/a>.<\/p>\n\n\n\n<p>Want to see it in action? Check out our <a href=\"https:\/\/atlasshopify.wpengine.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">demo storefront<\/a> for a closer look.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Get to Production, Faster&nbsp;<\/strong><\/h2>\n\n\n\n<p>Working across platforms to build API-centric solutions has\u2014until now\u2014been cost-prohibitive for many eCommerce merchants. That\u2019s because building this type of architecture from scratch can easily take hundreds of hours and cost hundreds of thousands of dollars.<\/p>\n\n\n\n<p>That high barrier to entry is where <a href=\"https:\/\/developers.wpengine.com\/docs\/atlas\/getting-started\/blueprint-repository\" target=\"_blank\" rel=\"noreferrer noopener\">Headless WordPress Blueprints<\/a> come in, and where WP Engine\u2019s growing set of headless eCommerce starter projects can flip the script, enabling site development, at scale, at a fraction of the time and cost.\u00a0\u00a0\u00a0<\/p>\n\n\n\n<p>Like the BigCommerce Blueprint, the Shopify Blueprint streamlines production with end-to-end headless commerce for WordPress, allowing you to get your first headless eCommerce store to production faster.&nbsp;<\/p>\n\n\n\n<p>Both blueprints make it easy to create composable stores on a proven architecture with prepackaged plugins, connected endpoints, and world-class developer resources that reduce the challenges associated with starting a headless site.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"742\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/03\/WPE-Atlas-Hero-1024x742.png\" alt=\"Atlas from WP Engine\" class=\"wp-image-128109\" style=\"width:768px;height:557px\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/03\/WPE-Atlas-Hero-1024x742.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/03\/WPE-Atlas-Hero-540x391.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/03\/WPE-Atlas-Hero-768x556.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/03\/WPE-Atlas-Hero.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What\u2019s in the Box?<\/strong><\/h2>\n\n\n\n<p>The Headless WordPress Shopify Blueprint is a complete storefront starter project built on <a href=\"https:\/\/wpengine.com\/headless-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Headless WordPress<\/a> and connected to the Shopify eCommerce platform, allowing you to hit the ground running on headless eCommerce projects without having to start from scratch.<\/p>\n\n\n\n<p>Users of the Shopify Blueprint are already setting up the basics of their eCommerce sites in ~10 minutes or less, replacing a process that could otherwise take hours if not weeks when starting from square one.<\/p>\n\n\n\n<p>Similar to the BigCommerce Blueprint, the Shopify Blueprint also extends the functionality of Headless WordPress with the following:\u00a0<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Complete starter blueprint with storefront<\/strong>: Built on Headless WordPress with a <a href=\"https:\/\/faustjs.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Faust.js<\/a> frontend, your starter headless storefront is connected to the Shopify platform.\u00a0<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Preconfigured tools like Faust.js, WPGraphQL, and more<\/strong>: The Headless WordPress Shopify Blueprint installs all your tools and provides demo content to get you started quickly.<\/li>\n<\/ul>\n\n\n\n<p>One significant difference between the BigCommerce and Shopify Blueprints is that the latter does not store data in the WordPress database. Instead, all product data comes directly from Shopify, thanks to custom environment variables.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Who Are the Headless WordPress Commerce Blueprints For?<\/strong><\/h2>\n\n\n\n<p>Both the BigCommerce and Shopify Blueprints can be used by any site owner or developer looking to augment their eCommerce platform with new front-end capabilities and content management tools. This includes:&nbsp;&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Agencies in need of a scalable solution for building headless eCommerce client sites.<\/li>\n\n\n\n<li>Businesses with existing eCommerce storefronts and large product catalogs.<\/li>\n\n\n\n<li>Online retailers looking for a composable approach to multi or omnichannel eCommerce.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>For all of the above users, the Headless WordPress Commerce Blueprints can save valuable developer time while expanding business opportunities. Agencies can take on projects they wouldn&#8217;t have otherwise taken on and consolidate the way they&#8217;re spending their resources and development time.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Learn More<\/strong>&nbsp;<\/h2>\n\n\n\n<p>If you\u2019re interested in exploring new solutions for your growing eCommerce site, the Headless WordPress Shopify and BigCommerce Blueprints both offer a great way to quickly build a unified eCommerce experience across your customer touchpoints.\u00a0<br>To find out more about Headless WordPress Commerce, or to learn about additional Headless WordPress tools you can use for headless WordPress sites, visit <a href=\"https:\/\/wpengine.com\/headless-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Engine<\/a>, or <a href=\"#sales\">speak to a representative now<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>End-to-end headless eCommerce just got easier! After launching the Headless WordPress BigCommerce Blueprint earlier this year, WP Engine has doubled down on end-to-end headless eCommerce with the Shopify Blueprint, a complete headless storefront starter project that seamlessly connects to Shopify. The new blueprint is now available in the Headless WordPress portal, where you can add<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":200,"featured_media":144365,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[683,5,82],"tags":[],"class_list":["post-144363","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-agency","category-development","category-ecommerce"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Expanding Atlas Commerce With the Shopify Blueprint<\/title>\n<meta name=\"description\" content=\"Build headless eCommerce sites using our blueprint for success\u2014the fastest way to launch end-to-end, composable eCommerce sites!\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Expanding Atlas Commerce With the Shopify Blueprint\" \/>\n<meta property=\"og:description\" content=\"Build headless eCommerce sites using our blueprint for success\u2014the fastest way to launch end-to-end, composable eCommerce sites!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-21T21:07:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-14T18:31:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2023\/06\/headless-ecommerce_1200x627.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Abe Selig\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpengine\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abe Selig\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/\",\"name\":\"Expanding Atlas Commerce With the Shopify Blueprint\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2023-06-21T21:07:16+00:00\",\"dateModified\":\"2025-05-14T18:31:34+00:00\",\"author\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/b732a884dbf4917dcd15ce2e9fbd3652\"},\"description\":\"Build headless eCommerce sites using our blueprint for success\u2014the fastest way to launch end-to-end, composable eCommerce sites!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Expanding Headless WordPress Commerce With the Shopify Blueprint\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/b732a884dbf4917dcd15ce2e9fbd3652\",\"name\":\"Abe Selig\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g\",\"caption\":\"Abe Selig\"},\"description\":\"Abe Selig is a writer, amateur musician and accomplished inshore fisherman. He began his career as a journalist and now tells stories about technology and the ways it\u2019s helping businesses thrive. He is an Austin, TX native who has lived in New York City and traveled all around the world. You can reach him at abe.selig@wpengine.com.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Expanding Atlas Commerce With the Shopify Blueprint","description":"Build headless eCommerce sites using our blueprint for success\u2014the fastest way to launch end-to-end, composable eCommerce sites!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Expanding Atlas Commerce With the Shopify Blueprint","og_description":"Build headless eCommerce sites using our blueprint for success\u2014the fastest way to launch end-to-end, composable eCommerce sites!","og_url":"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_published_time":"2023-06-21T21:07:16+00:00","article_modified_time":"2025-05-14T18:31:34+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2023\/06\/headless-ecommerce_1200x627.png","type":"image\/png"}],"author":"Abe Selig","twitter_card":"summary_large_image","twitter_creator":"@wpengine","twitter_site":"@wpengine","twitter_misc":{"Written by":"Abe Selig","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/","url":"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/","name":"Expanding Atlas Commerce With the Shopify Blueprint","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2023-06-21T21:07:16+00:00","dateModified":"2025-05-14T18:31:34+00:00","author":{"@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/b732a884dbf4917dcd15ce2e9fbd3652"},"description":"Build headless eCommerce sites using our blueprint for success\u2014the fastest way to launch end-to-end, composable eCommerce sites!","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/shopify-blueprint-expands-atlas-commerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Expanding Headless WordPress Commerce With the Shopify Blueprint"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/b732a884dbf4917dcd15ce2e9fbd3652","name":"Abe Selig","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6deb04da8be57a16bed1b5ad7722572beaa7ed7292795763c9324d46b0ad9454?s=96&d=mm&r=g","caption":"Abe Selig"},"description":"Abe Selig is a writer, amateur musician and accomplished inshore fisherman. He began his career as a journalist and now tells stories about technology and the ways it\u2019s helping businesses thrive. He is an Austin, TX native who has lived in New York City and traveled all around the world. You can reach him at abe.selig@wpengine.com."}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/144363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/200"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/comments?post=144363"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/144363\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/144365"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=144363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/categories?post=144363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/tags?post=144363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}