Headless Commerce for WordPress: Setup & Installation

Instructions for setting up and getting started with Ultra Commerce for WordPress

Get StartedGet StartedGet Started

Download the WordPress plugin

Ultra Commerce for WordPress (Github)

Install the WordPress plugin

  1. Download the Ultra Commerce for WordPress plugin from the github repository
  2. Select Plugins > Add New Plugin
  3. Upload the Ultra Commerce zip file from the github repository
  4. Select Activate Plugin
  5. Select Ultra Commerce tab in sidebar navigation
  6. Enter domain url and access keys we have provided

Add Storefront Pages

The Ultra Commerce for WordPress plugin includes frontend eCommerce templates conveniently displayed by shortcodes. The code controlling these shortcodes can be found in the plugin directory.

Create each new storefront page below and add its shortcode: Select Block > Widgets > Shortcode

Product Listing

  1. Create Product Listing page
  2. Add product listing shortcode: [product-listing]

Product Detail

  1. Create Product Detail page
  2. Add product detail shortcode: [product-detail]

Shopping Cart

  1. Create Shopping Cart page
  2. Add shopping cart shortcode: [shopping-cart]

Checkout

  1. Create Checkout page
  2. Add checkout shortcode: [checkout]

My Account

  1. Create My Account page
  2. Add my account shortcode: [my-account]

Product Listing: Brand

  1. Create Product Listing page displaying all of a brands products
  2. Add product listing brand shortcode: [product-listing-brand]
  3. Applies the url value as the filter for the brand.

Product Listing: Category

  1. Create Product Listing page displaying all products tagged to a category
  2. Add product listing category shortcode: [product-listing-category]
  3. Applies the url value as the filter for the category.

Product Listing: Type

  1. Create Product Listing page displaying all products of a product type
  2. Add product listing type shortcode: [product-listing-type]
  3. Applies the url value as the filter matching the product type url title value.

Product Listing: Merchandised Page

  1. Create Product Listing page by selecting individual products to assign to page
  2. Add product listing shortcode: [product-listing products=””]
  3. Use a list of product codes in a list format to assign to page

Product Listing: Search Form

  1. Assign a search form to a page for powering product search
  2. Add product listing shortcode: [product-search-form]

Product Listing: Search Results

  1. Display results of a product search
  2. Add product listing shortcode for listing and grid display: [product-listing-search​​​​​​​]​​​​​​​