Getting Started

To showcase your online store, you can integrate Shopify with your Dorik site. This article will guide you through this process.

Online Store Integration with Shopify

To integrate your Shopify online store into your Dorik site, please follow these steps:

Log in or sign up to your Shopify account.
Make your online shop on Shopify.
Go to Sales Channel and find Buy Button. Install it.
Click the Create a Buy Button.
Choose the Product Buy Button and pick the product you want.
Customize the button the way you like. Then, click Next and copy the code.
Go back to your Dorik site and add a Custom Code element.
Paste the code in the Custom Code element’s HTML field.
Publish your site, and you'll see your online shop on it.

Refer to the screenshot, screen recording & GIF below to see the visual demonstrated steps:

Log in to your Shopify account or sign up if you're new.




Set up and configure your online store on Shopify's platform.






Navigate to the Sales Channel option and search for Buy Button. Install it to your Shopify store.









From the Shopify dashboard, locate the Buy Button and click on the Create a Buy Button.




Select the Product Buy Button or Collection Buy Button option to create a button for the desired product or collection.





✅ Product Buy Button: If you want to show one product then you need to choose this option. Follow the below instructions to integrate it-

⭕️ After clicking on Product Buy Button, customize the appearance and settings of the button according to your preferences. After customization, click Next and copy the integration code.





⭕️ Return to your Dorik website editor. Add a Custom Code element to the desired page. Paste the copied integration code into the HTML field. Now, publish your Dorik website to make your online store live.




✅ Collection Buy Button: If you want to show the entire collection then you need to choose this option. Follow the below instructions to integrate it-

⭕️ From your Shopify dashboard scroll down to Products and select Collections.

⭕️ Open your specific collection and click More actions button.

⭕️ From here choose Embed on a website option.

⭕️ Then click on the Copy code button.




⭕️ Return to your Dorik website editor. Add a Custom Code element to the desired page. Paste the integration code into the HTML field. Then, publish your site.

Updated on: 15/02/2024