Shopify Integration

Add the ability to purchase on your Readz page with the web’s biggest e-commerce platform.
Part 1 The integration with Shopify is through Readz actions. In order to integrate your Readz URL with Shopify, you must first have a Shopify account and you should set up your store on Shopify. Once your store is established on Shopify, you’ll need to put some information from Shopify into Readz. The information Readz needs from your Shopify account is the Shopify domain, the Shopify API Key, and the Shopify App ID. This information will need to go into the Preferences of you Readz URL. First let’s get the necessary Shopify information. 1. Login to Shopify
Part 2 Now that you have the necessary Shopify information, time to put it in Readz and then create your BUY actions.

The integration with Shopify is through Readz actions. An action called “Buy” can be put on elements that when interacted with, will open the Shopify store within your Readz experience. You visitors do not need to leave your Readz page to add items to the shopping cart or purchase. For integrating the Shopify information, you can either do this in Preferences of your URL or from within the page editor, when you first try to create a BUY action. If from within the page editor, in the BUY action panel, click on Manage Shopify SDK Settings. In both instances, you’ll input the Shopify domain, the Shopify API Key, and the Shopify App ID (see Part 1). You can also choose the color of the Shopify shopping cart and Checkout buttons by defining the Shopify primary color. You’ll need the hex-code of the color you want to use. There is an action called “Buy”. This action is set on your elements (see how to set elements in Readz). We recommend using clear call-to-actions so your visitors have no problems when trying to buy your merchandise. For each BUY action you set on a element, associate a product with it. If the integration was successful, you’ll see your Shopify store’s products in the product drop-down.

At this stage, Shopify will take over. A product module will appear when your visitors click on your call-to-actions. In the product module, they'll be able to choose any of your product's variants (if applicable) and then add the product to the shopping cart. The shopping cart will reside in the upper-right of the browser window. From the shopping cart, visitors can choose to checkout, which will direct them to the payment page provided by Shopify.
If you have any questions or concerns, please reach out to
2. On the left hand side pane, click on the "Apps" button
3. On the top right corner, click the "Visit Shopify App Store"
4. In the search bar, search buy button
9. Select any type of button and click "Next" until Shopify provides you the HTML code
5. Install the Buy Button - click "Add App"
6. Shopify will ask you to add the "Buy Button" as a Sales Channel. Click "Add Sales Channel"
7. On the left hand side pane, click the "Buy Button" button

8. Click "Create a Buy Button" in the middle of the screen
10. Scroll down in the code and find these three items which you will need to enter in Readz to set up the integration:

- domain
This will typically be in the form of ""

- Storefront access token
This is a string of numbers and letters, and likely placed right under the domain

- id
This is a number and preceded by the text: "ui.createComponent "