That Software Guy! eCommerce Starts Here!
WordPress Product Display for Shopify

WordPress Product Display for Shopify

A WordPress plugin that allows you to easily display products from your Shopify store on your WordPress blog.

Donate: This is free software. Show your appreciation by supporting my efforts. Donate

Relevance: Shopify, with WordPress

Current Version: 1.0

Cost: Free, but donation appreciated

Installation Difficulty: Easy

Installation Instructions: click here

Download: Product Display for Shopify on WordPress Plugins Site

FAQ: click here


Overview:

If you want to try a show off products from your Shopify store in your WordPress blog, this mod can help. It allows you to use a shortcode like this:
[shop_product_display id="some-product_id"]
and have that appear as an image like the one at the top right of this page.

Installation Instructions:

Note: This is a two-part install; you have make configuration changes on your Shopify admin, and install files on your WordPress site.
Install the WordPress part of this mod as usual (using the Install button on the mod page on WordPress.org). The follow these steps:
  1. Back up everything! Try this in a test environment prior to installing it on a live shop.
  2. In your Shopify admin, do the following:
    • Login to the Shopify 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.
  3. In your Wordpress admin, do the following:
    • In Plugins->Installed Plugins, click the "Activate" link under Product Display for Shopify. WordPress Configuration - Product Display for Shopify
    • In Settings->Product Display for Shopify, set your Shopify URL, Private app API key and Private app Password. WordPress Configuration - Product Display for Shopify
To show a specific product on your blog, when creating your post, use the shortcode [shop_product_display] with parameter "id". So showing the product with id "417935405" would be done as follows:
[shop_product_display id="417935405"]
(The tag is self-closing.)
The id is shown in the URL when you edit a product in your admin.

Just use this shortcode when you create a new blog post. You can put it anywhere in your post where you want the image and information to appear. Then just press "Preview" (or "Publish") to see the shortcode expand to the full block, as shown at the top right of this page.

Major Versions

  • 1.0 08/01/2017 - First Release

FAQ

Q: Are there any requirements for products I'd like to display?
A: The product should be visible in the Online Store (set in the Sales Channels box on the Product Editing screen).

Q: I use a currency other than dollars - how do I change the price display?
A: Modify product_display_for_shopify.php and change the function shop_product_display_price.