Highlights
Define props for no code users to configure
Edit page layout and content in our visual builder
Optimize your ecommerce pages across all devices
Visually control colors, styles, layout, and more
Packages used
Integrate your Shopify storefront and make it visually editable in Makeswift's no-code builder in a few simple steps. Define which properties you want to be visually configurable and unlock this component for anyone to edit without code. Publish your visually editable Shopify shop on your own custom Next.js host in minutes.
How to use the Shopify component
More examples
'%3E%3Cpath d='M0 0H360V240H0V0Z' fill='%23A1A8C2' fill-opacity='0.18'/%3E%3Cpath d='M260 59C260 78.33 244.33 94 225 94C205.67 94 190 78.33 190 59C190 39.67 205.67 24 225 24C244.33 24 260 39.67 260 59Z' fill='%23A1A8C2' fill-opacity='0.25'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M319 250H417L291.485 124.485C286.799 119.799 279.201 119.799 274.515 124.485L234 165L319 250Z' fill='%23A1A8C2' fill-opacity='0.25'/%3E%3Cpath d='M311 250L-89 250L102.515 58.4853C107.201 53.799 114.799 53.799 119.485 58.4853L311 250Z' fill='%23A1A8C2' fill-opacity='0.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath d='M0 0H360V240H0V0Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Example
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque volutpat mattis eros.
Example
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque volutpat mattis eros.
Example
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque volutpat mattis eros.
Go ahead and build.
Don't have a Next.js project yet? Get started with our no code builder and extend when you're ready.
