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:
- 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.
⭕️ 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.
⭕️ 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
Thank you!