# Custom React Components for Non-Headless Shopify Site

**URL:** <https://forum.builder.io/t/custom-react-components-for-non-headless-shopify-site/2322>\
**Category:** Shopify\
**Created:** [June 29, 2022, 2:57pm UTC](https://forum.builder.io/t/custom-react-components-for-non-headless-shopify-site/2322 "2022-06-29T14:57:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ianjgreenfield](https://avatars.discourse-cdn.com/v4/letter/i/d07c76/32.png) [@ianjgreenfield](https://forum.builder.io/u/ianjgreenfield)\
**Post date:** [June 29, 2022, 2:57pm UTC](https://forum.builder.io/t/custom-react-components-for-non-headless-shopify-site/2322/1 "2022-06-29T14:57:20Z")

</div>

We have a Shopify site with a custom theme(non-headless). We’ve been using Builder for a bit now, but are looking for a bit more flexibility around the creation of our pages without making the jump to headless just yet.

I know builder allows you to develop custom react components that can be registered in the editor. I am wondering if this is only possible with a headless, Nextjs or similar setup, or if we can take advantage of this functionality by building out components and registering them with our current setup.

Any insights here are greatly appreciated!

---

<div class="post-metadata">

**Author:** ![ianjgreenfield](https://avatars.discourse-cdn.com/v4/letter/i/d07c76/32.png) [@ianjgreenfield](https://forum.builder.io/u/ianjgreenfield)\
**Post date:** [June 30, 2022, 9:23pm UTC](https://forum.builder.io/t/custom-react-components-for-non-headless-shopify-site/2322/2 "2022-06-30T21:23:06Z")

</div>

Any thoughts here are much appreciated!

---

<div class="post-metadata">

**Author:** ![anon43891756](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@anon43891756](https://forum.builder.io/u/anon43891756)\
**Post date:** [July 1, 2022, 10:54am UTC](https://forum.builder.io/t/custom-react-components-for-non-headless-shopify-site/2322/3 "2022-07-01T10:54:49Z")

</div>

Hi @ianjgreenfield, Welcome to Forum!

You can take advantage of custom components with your current set up. I would recommend checking out our [Shopify Developer guide](https://www.builder.io/c/docs/shopify/developers#:~:text=Custom%20Web%20components), which outlines how to register custom web components with Builder (you can wrap React components as webcomponents) which is a good solution for Shopify. The process outlined in our [Custom React Components guide](https://www.builder.io/c/docs/custom-react-components) can be used if you have a React app. Another option you could look into is creating liquid components, which you can learn more about [here](https://www.builder.io/c/docs/shopify/developers#:~:text=other%20similar%20pages-,Custom%20Liquid%20components,-Custom%20Liquid%20components).

Hopefully that adds some clarity, please let me know if there are any further questions we can assist you with!