Display Shopify products on your WordPress blog.
How it works?
A) Set up all the apis as directed by the App
B) Set up two new pages on your WordPress website
Page #1 Set the permalink to shopify (or products, shop, catalogue etc.) and add code [wp-shopify type=”products” limit=”100″ url-type=”default”]
Page #2 Set the permalink to product (note there is no “s” at the end of the product in the url, the slug/permalink should be with exactly “product”) and insert code [wp-shopify-product] (this is where product redirect link to shopify store will work on your WordPress website)
C) Modify the layout of your WordPress website pages with the CSS
Screenshots
Single Product
Shop/Collection
Settings
Product
Add to cart
The Crown icon appears after configuring the store successfully.
Storefront API access token/creating an app in Shopify store.
Fill the required fields to configure the Shopify store with the WP Shopify plugin.
Store URL
App Development > WP Shopify App
button_type="js" implementation
