Shopify Integration
Add the ability to purchase on your Readz page with the web’s biggest e-commerce platform.
Part 1 - Necessary information needed from Shopify
Part 2 - Integrating and setting up the Shopify BUY action in Readz
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 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 and install it 5. Exit the store 6. On the left hand side pane, click the "Buy Button" button 7. Under the JavaScript Buy SDK section click on the "Create extension" button 8. Here you will find the relevant information and have the ability to create more extensions
Capture43dfasdf44
The Shopify domain is the domain Shopify provided you for your store. Example may look something “readz.myshopify.com”. Yours will be slightly different. Check the URL bar in your browser to see your Shopify domain. The Access Token will be the API key to put into Preferences in Readz. It’s a string of numbers and letters. The App ID in the example used here is 6. Yours may be different.
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 (more here on 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.
shopi212
If you have any questions or concerns, please reach out to support@readz.com.
web element- menu web element- blue menu
Back to Menu
LEARN MORE
DELIVER BETTER CONTENT EXPERIENCES
web element- close
SUBSCRIBE
label 1
Email:
readz logo
SUBSCRIBE
readz logo- bold
readz logo- mobile
twitter logo
facebook logo
linkedin logo
readz logo
DESIGN THE WAY YOUR BUSINESS GROWS
Powerful, intuitive content creation software for marketers and designers.
VISIT READZ.COM
TRUSTED BY SOME OF THE WORLD’S SMARTEST COMPANIES
readz client- nonprofit readz client- health care readz client- sporting goods readz client- financial readz client- legalreadz client- technology readz client- mediareadz client- hospitality readz client- telecommunications readz client- outdoor advertising nurse.com_whitelogoAshley-Stewart-Logo_white
label 1
Email:
SUBSCRIBE
readz logo- mobile twitter logopink twitter logofacebook logopink facebook logolinkedin logopink linkedin logo
Share:
pinterest logopink pinterest logo
USING READZ
BEST OF
LATEST