External Store for Shopify

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

Note: This is a two-part install; you have to do some configuration on your Shopify store admin, then you must install code on your WordPress site.

In your Shopify admin, do the following:

Login to the Shopify 2 Admin Panel.
Go to Apps, then click the “Manage private apps” link at the bottom of the page.
Click the “Generate API credentials” button.
Set the Private app name to “Product Display” and be sure you have Read access to Products, variants and collections.
Click the save button, and note your Private app API key and Password.

Install the WordPress part of this mod as usual (using the Install button
on the mod page on WordPress.org). The follow these steps:

In your WordPress admin, do the following:

– In Plugins->Installed Plugins, click the “Activate” link under WP Shopify.
– In Settings->WP Shopify, set your Shopify URL, API Key and password.

To show a specific product on your blog, use the shortcode
[wp-shopify-product] with parameter “id” as a self closing tag.
So showing product 617935406 would be done as follows:

[wp-shopify-product id=”617935406″]

The id is shown in the URL when you edit a product in your admin.

سوالات متداول

How should I know that my store is configured properly?

To configure your store properly, you will need Storefront API access. To achieve this, go to Apps and sales channels > develop apps > create an app and configure storefront API integration. Make sure to check all the access scopes (checkboxes) and save. You will get the Storefront API access token to configure your store on the plugin settings page.

Video tutorial showing the credentials and the crown icon

Enter all the credentials correctly in the required fields on the plugin settings page, a crown icon in the top right will appear. And the go to store button will be active as well as redirecting you to your Shopify store.

Is there any step-by-step guide to install and configure this plugin?

Configure this plugin with Shopify Store by following the steps below:

👉 1. Create a store or if you have an existing one, find the URL
screenshot-9.png

👉 2. Create an APP and Install that APP on your store

👉 3. Configure the storefront within your store APP
screenshot-10.png

👉 4. Get the app storefront API access token, API key and API secret key to insert in the required input fields on the plugin settings page. Save changes and check the outcome.

screenshot-8.png