Try some of the ShopWP features using our live demos below

Storefront

This is the Storefront component. It allows you to display products with filtering, sorting, and pagination—built right in! Let your users find your products easily and quickly.

Select variant on load

Automatically select any product variant on page load to make it easier for your customers to purchase your best selling products. You can also use the ?variant=123 URL parameter.

HTML Template

Customize the product layout of any shortcode to suit your needs. Simply pass a custom HTML template name or a base64 encoded string on the shortcode. Learn more about how this works.

Search

This is the Search component. It allows your customers to explore your entire Shopify catalog with a simple dynamic search. Try typing the word "Super" below.

Cart Icon

Embed a simple cart icon anywhere on your site. When users click it, the ShopWP slide-in cart will automatically toggle. Try it yourself! Learn more

Image Zoom

Give customers a closer look at your beautiful products by enabling the ShopWP image zoom feature. Hover over the image below to demo!

Next image on hover

Show the second product image when a user hovers over the feature image

Direct Checkout

Skip the ShopWP cart altogether using the Direct Checkout feature. Clicking the checkout button will send customers to the Shopify checkout page with the specific product they want to buy. Perfect if you only need to sell a handful of products.

Carousel

If space is limited, display your products in an easy to navigate carousel. You can customize your carousel's speed, slide count, and much more.

Subscription Products

ShopWP lets you sell subscription products via Recharge—one of the most popular subscription platforms on Shopify. Requires our official plugin extension.

Layout Builder

ShopWP provides a powerful visual builder for creating product layouts. Customize your product detail pages or create a simple one-off layout. ShopWP can even be used with Elementor!

Buy Buttons

Add an isolated buy button for any product—wherever you want. Control how the variants look and where the buy button links. Link to a cart, checkout, modal, or product detail page.

Shortcodes

With 12 different shortcodes, ShopWP can provide all the functionality and layout flexibility you need for you shop.

Custom post types

ShopWP can sync products and collections as native WordPress custom post types to easily create detail pages for your store.

Gutenberg Blocks

ShopWP comes with 13 unique Gutenberg Blocks for displaying products and collections. All blocks will inherit attributes from the available shortcodes.

Using a page builder? ShopWP can be used with Elementor and Beaver Builder as well.

Syncing

Sync your Shopify products into WordPress including prices, images, collections and more. All created as native custom post types and taxonomies.

ShopWP syncing process working
A screenshot showing the ShopWP syncing in progress
ShopWP syncing settings page
A screenshot showing the ShopWP syncing settings
Layout builder with annotations
  • 1
    This is where you give your layout an awesome name. It's nothing fancy, just a WordPress page title field.
  • 2
    This is where useful information about your layout will appear. If you're making a template layout, a link will be shown to that template. If you're creating a shortcode layout the generated shortcode will show instead.
  • 3
    This is the layout summery panel. Here you can select the layout type (shortcode or template), preview your layout in different products, or select the type of shortcode to build.
  • 4
    The block tab provides the actual layout settings such as font color, filtering, grid spacing, etc. These settings are used with the ShopWP blocks.
  • 5
    The reset button will allow you to "reset" your layout back to the default settings. Useful for starting your design over again from scratch.
  • 6
    These are your individual product components. Drag and drop elements like your product title or buy button into a layout that you create. You will also have access to the entire library of blocks to use.
    • ShopWP custom post types listing page
    Custom post type listing page
    ShopWP custom post types edit page
    Custom post type edit page
    ShopWP Gutenberg Blocks
    Screenshots showing the ShopWP Gutenberg blocks and controls
  • [wps_products]
    Displays one or more products in a list or grid. This is perfect for filtering and sorting many products.
  • [wps_products_title]
    Displays one or more product titles in a list or grid. Useful for only showing product titles.
  • [wps_products_pricing]
    Displays one or more product prices in a list or grid. Useful for only showing product pricing.
  • [wps_products_gallery]
    Displays one or more product images in a list or grid. Useful for only showing product images.
  • [wps_products_description]
    Displays one or more product descriptions in a list or grid. Useful for only showing product description.
  • [wps_products_buy_button]
    Displays one or more product buy buttons in a list or grid. Useful for only showing the buy button.
  • [wps_collections]
    Displays one or more collections in a list or grid. This is perfect for filtering and sorting many collections.
  • [wps_cart_icon]
    Displays a cart icon that opens the ShopWP cart when clicked.
  • [wps_search]
    Displays a dynamic search form which will show products immediately as the user types what they're looking for.
  • [wps_storefront]
    Displays a grid of products with filtering and sorting functionality in a sidebar.
  • [wps_reviews]—(with Yotpo extension)
    Displays product reviews as well as an option to write a new review. Powered by Yotpo.
  • [wps_translator]—(with Translator extension)
    Displays a widget for customers to switch between different currencies and languages.

    Variant dropdowns

    Variant buttons

    Link to modal

    Link to Shopify

    Link to checkout page

    Shortcode:
    ShopWP HTML template shortcode example
    Template:
    ShopWP HTML template file example