External Store for Shopify
| 开发者 |
fahadmahmood
invoicepress |
|---|---|
| 更新时间 | 2026年10月29日 23:23 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Display Shopify products on your WordPress website with simple shortcodes.
Free features
- Product grid and collection shortcodes with search filter
- Responsive grid with configurable columns, sorting and price display
- Single product page with gallery, price, sale price and sold out label
- Product structured data (JSON-LD) for better search results
- Built-in cache for fast pages, plus a Clear cache button
- Test connection, shortcode generator and one-click disconnect in the settings
- Secrets are never printed back into the settings page
- Accessible, translatable and lazy loaded images
pro folder exists, the premium features switch on automatically. If it does not exist, the free version keeps working exactly as before.
- JS cart drawer with variant and quantity support, live cart counter and checkout button
- Quick "Add to cart" buttons inside the product grid
- Sale badges and list / cards layouts
[wp-shopify-related]related product recommendations[wp-shopify-cart-button]cart button anywhere- Premium product templates
[wp-shopify type="products" columns="4" sort="title" reverse="yes" show-price="yes"]
Sort values: title, price, newest, best-selling (collections also support manual and default).
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.
- 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:
屏幕截图:
常见问题:
Why are my products not updating immediately?
Product data is cached for 10 minutes by default. Change the cache time on the settings page, or use Settings > External Store for Shopify > Tools > Clear cache.
How do I check that my store is connected?
Open the Tools tab on the settings page and click "Test connection".
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. [youtube http://www.youtube.com/watch?v=3Q7P1D1owwc]
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. [youtube http://www.youtube.com/watch?v=YKlkpEKK1Sk]
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 [youtube http://www.youtube.com/watch?v=3Q7P1D1owwc] 👉 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. [youtube http://www.youtube.com/watch?v=YKlkpEKK1Sk] screenshot-8.png
更新日志:
1.7.0
- Security: Storefront API requests are now built from validated values only (numeric ids, whitelisted sort keys), which removes the GraphQL injection risk from the product id in the URL.
- Security: All shortcode output is escaped, settings are sanitized and validated, secret fields are no longer printed into the settings page and AJAX actions require the manage_options capability.
- Security: The Shopify domain is validated (no IPs or paths), API calls use the WordPress HTTP API and the hard-coded session cookie was removed.
- Security: The debug helper is limited to administrators with WP_DEBUG enabled.
- New: Response cache with a configurable duration and a Clear cache button.
- New: Tools tab with Test connection, status information and Disconnect.
- New: Shortcode generator on the settings page.
- New: columns, sort, reverse and show-price shortcode attributes.
- New: Compare-at (sale) price, sold out label and Product structured data (JSON-LD).
- New: Optional price formatting in the website language.
- New: Search filter now shows a message when nothing matches and works with several lists on one page.
- New (Premium): Cart drawer with variant and quantity support, quick add buttons, sale badges, list / cards layouts, [wp-shopify-related] and [wp-shopify-cart-button].
- Improvement: Responsive CSS grid, lazy loaded images, scripts and styles load only where needed, versioned assets for proper browser caching.
- Improvement: Storefront API updated, deprecated fields removed, premium /pro folder is loaded after the core so it works as a clean add-on.
- Improvement: The gallery thumbnail switch on the single product page now works on the front end.
- Compatibility: Tested with WordPress 7.1. Requires WordPress 5.8 and PHP 7.4.
- Cleanup: Plugin data (settings and cache) is removed when the plugin is deleted.
- Security: Hardened premium template inclusion against potential Local File Inclusion (LFI) risks by adding sanitize_file_name(), strict whitelist validation, and fallback to 'default' template in shortcode handler. [22/02/2026 / Thanks to patchstack / timomangcut & @ratputin]
- Improvement: Enhanced input sanitization in shortcode attributes for better overall security and reliability.
- Compatibility: Tested with latest WordPress and Shopify API changes.
- New: Limit attribute default value fix. [01/09/2025 / Thanks to Maryam KJ]
- New: Plugin name updated for users convenience. [26/08/2025 / Thanks to WordPress Plugins Team]
- New: product-page attribute added. [12/08/2025 / Thanks to Christopher Hutchins]
- Fix: Limit parameter in the shop shortcode. [04/08/2025 / Thanks to Sachin & Maddy Stillman]
- Fix: Shopify API password and PHP error. [27/07/2025 / Thanks to @sjmaki]
- Fix: Vulnerability reported is reflected cross-site scripting (XSS) issue. [19/07/2025 / Thanks to Willow (Automattic) / Security Researchers for WPScan and Jetpack]
- New: Clear cart and a trash icon added to remove the items. [18/02/2025]
- New: button_type="js" provided with the normal theme as well. [15/02/2025]
- Fix: Notice: Function _load_textdomain_just_in_time was called incorrectly. [12/12/2024]
- Fix: Fatal error: Uncaught TypeError: array_map(): Argument #2 ($array) must be of type array, bool given. [18/11/2024]
- New: Update settings page interface. [06/11/2024]
- Fix: [WP Shopify] Warning: Undefined variable $o. [Thanks to @hyuman][16/05/2024]
- Video tutorial link added for the storefront API keys. [Thanks to Mary Mueller][04/04/2024]
- Concatenation related issue resolved. [Thanks to Niko Moustoukas][08/03/2024]
- Fix: https://wordpress.org/support/topic/created-api-with-keys-etc-nothing-but-errors/ [Thanks to @kindred][01/04/2024]
- Updated description with the helpful guidelines. [Thanks to @kira01][28/01/2024]
- Translatable strings. [Thanks to @bichareh][11/08/2023]
- Translatable strings. 03/08/2023 [Thanks to @bichareh]
- Accessibility feature revised. 10/03/2023 [Thanks to JAMES MENENDEZ / FKQ]
- Accessibility feature added. 01/03/2023 [Thanks to JAMES MENENDEZ / FKQ]
- Video tutorial removed from the support tab. 06/02/2023 [Thanks to Joshua Stokes & Andrew Robbins]
- Back to shop link added through the shortcode on single product page. 20/12/2022 [Thanks to KC Clark]
- JS based add to cart button included in the shortcodes as a new attribute "button_type". 14/10/2022 [Thanks to Roman von Contzen]
- Search filter attribute added to the collection based shortcode. 22/06/2022 [Thanks to KC Clark]
- url-type and thumb-size attribues added to the collections shortcode. 14/09/2022 [Thanks to James Menedez]
- Settings page css tweaks. 19/06/2022 [Thanks to KC Clark]
- Capri theme added in premium version. 14/05/2022 [Thanks to Dylan Ence]
- GraphQL implemented with access token. 17/04/2022 [Thanks to Maria Abad-Guillen]
- Stylesheet path fixed for shotcodes function. 14/04/2022 [Thanks to kamasi]
- Updated version with help tab.
- Updated version for WordPress.
- Fatal error fixed. [Thanks to @adabob and @andrewmrobbins]
- Shortcode improved with two more attributes. [Thanks to lakewebworks]
- Languages added. [Thanks to Abu Usman]