> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Shopify Integration (E-commerce)

# 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:**

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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled_1ob9a07.png)


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


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-1_557p07.png)



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


![Sales Channel > Buy Button](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-2_1090zjn.png)


![Install it](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-3_t486we.png)



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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled_144okyg.png)


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

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-1_1o5alyy.png)



|| ✅ 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**.


${youtube}[Shopify Integration - Product Buy Button - Copy integration code](Wi7TiEA6IUg)


⭕️ 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.

${youtube}[Shopify Integration - Product Buy Button - Integrate on Dorik](wPBc_XoeGMc)


|| ✅ 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.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/ezgif-3-f72756df56_ojld1o.gif)


⭕️ 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.


${youtube}[Shopify Integration - Live site](AjBAZBX1G9U)