WP & Woo features

WordPress & WooCommerce

Our platform is designed to make taking WooCommerce headless a breeze, providing unparalleled speed and a seamless user experience. In our continuous effort to enhance Blaze Commerce, we’ve added robust support for standard WordPress and WooCommerce functionality, including:

Gutenberg Blocks

Blaze Commerce Headless WooCommerce now supports Gutenberg Block Editor (opens in a new tab). Currently (July 2024), we support editing the header and footer and homepage via the block editor. In the coming months, we’ll extend it to support editing the homepage and displaying blogs, posts and product pages created using blocks.

Supported Block Components

We're constantly extending our support for Gutenberg blocks in Blaze Commerce. Here's what we support as of September '24.

Generateblock Components:

  1. Column - GitHub Source (opens in a new tab)

  2. Columns - GitHub Source (opens in a new tab)

  3. Embed (YouTube) - GitHub Source (opens in a new tab)

  4. Heading - GitHub Source (opens in a new tab)

  5. HTML - GitHub Source (opens in a new tab)

  6. Image - GitHub Source (opens in a new tab)

  7. Buttons - GitHub Source (opens in a new tab)

  8. Button - GitHub Source (opens in a new tab)

  9. List Item - GitHub Source (opens in a new tab)

  10. List - GitHub Source (opens in a new tab)

  11. Navigation - GitHub Source (opens in a new tab)

  12. Paragraph - GitHub Source (opens in a new tab)

  13. Site Logo - GitHub Source (opens in a new tab)

  14. Search - GitHub Source (opens in a new tab)

  15. Container - GitHub Source (opens in a new tab)

  16. Grid - GitHub Source (opens in a new tab)

  17. Max Mega Menu - GitHub Source (opens in a new tab)

  18. Form (Gravity Forms) - GitHub Source (opens in a new tab)

  19. Customer Account - GitHub Source (opens in a new tab)

  20. Mini Cart - GitHub Source (opens in a new tab)

  21. Shortcode - GitHub Source (opens in a new tab)

  22. Separator - GitHub Source (opens in a new tab)

Container Block Components:

  1. Category Products - GitHub Source (opens in a new tab)

  2. Mobile Accordion - GitHub Source (opens in a new tab)

  3. Social Icon - GitHub Source (opens in a new tab)

  4. Accordion - GitHub Source (opens in a new tab)

  5. News Letter Config - GitHub Source (opens in a new tab)

  6. Mobile Search Icon - GitHub Source (opens in a new tab)

  7. Menu Hamburger - GitHub Source (opens in a new tab)

  8. Mini Cart Icon - GitHub Source (opens in a new tab)

  9. My Account Icon - GitHub Source (opens in a new tab)

  10. Wishlist Icon - GitHub Source (opens in a new tab)

  11. Image Slider Component - GitHub Source (opens in a new tab)

  12. Blog Posts Component - GitHub Source (opens in a new tab)

  13. Product Slider Component

Short Code Block Components:

  1. Currency Switcher

  2. Car Finder - GitHub Source (opens in a new tab)

  3. Customer Reviews

Supported WooCommerce Product Types

Blaze Commerce Headless WooCommerce supports the following WooCommerce Product Types:

  1. Simple products
  2. Variable products
  3. Virtual products
  4. Bundles products
  5. Composite products

Composite Products

This video explores how Blaze Commerce headless WooCommerce supports WooCommerce Composite Products (opens in a new tab).

Product Variant Display

In this video, we introduce an innovative solution for displaying product variants in the product list view, on-sight search, and the product detail page.

This feature addresses a common challenge faced by store owners: ensuring customers see all available product variants without having to click through each product. With Blaze Commerce, each variant is displayed individually in the product list, and search results, yet clicking any variant leads to a single, unified product detail page. This enhancement provides a seamless shopping experience, showcasing all product options while maintaining simplicity and efficiency in the product management process.

Cross-Sell and Upsell

This video covers the Cross-Sell and Upsell features, which are now seamlessly integrated into BlazeCommerce. These features are essential for boosting your e-commerce performance by encouraging customers to explore and purchase complementary and higher-value products directly from the product page.

Key Highlights:

  • Cross-Sell: Display complementary products on the product page to encourage additional purchases.
  • Upsell: Promote higher-value related products to potentially increase the order value.
  • Automatic Support: BlazeCommerce automatically supports both Cross-Sell and Up-Sell features out of the box.

Watch the video to see these features in action and learn how they can enhance your WooCommerce store’s performance.

Product Page Shipping Estimates

Welcome to this comprehensive guide to Blaze Commerce, the revolutionary headless WooCommerce platform.

The video below explores how shoppers can get estimated shipping costs from within the product page.

Breadcrumbs in Blaze Commerce

The breadcrumbs with our Headless Woocommerce solution work in two ways:

  1. Hierarchy-Based Breadcrumbs – following the site architecture and primary product categories
  2. Path-Based Breadcrumbs – where the user’s navigation path is used to set the breadcrumbs – particularly useful for WooCommerce stores with products in multiple categories.

Here’s a demonstration of both breadcrumb types in action.

SEO Strategy

Optimizing your WooCommerce store for search engines is paramount for driving organic traffic and maximizing conversions. At Blaze Commerce, we've distilled the essence of effective SEO practices into a robust strategy specifically tailored for headless WooCommerce setups.

In our article, Headless WooCommerce SEO Strategy (opens in a new tab), we explore how we retain and enhance your store's visibility and ranking. Key concepts include:

  • Dynamic Rendering: Ensuring that your website's dynamic content is accessible to search engines.
  • Schema Markup: Implementing structured data to improve search engine understanding and visibility of your content.
  • Performance Optimization: Leveraging the headless approach to achieve lightning-fast page loads, significantly boosting your SEO performance.
  • Content Management: Maintaining a seamless content update process while ensuring that all SEO elements are preserved.

For a deep dive into these strategies and more, refer to our detailed article here (opens in a new tab).

Blaze Commerce currently supports the two leading SEO plugins: SEO Yoast (opens in a new tab) and Rank Math SEO (opens in a new tab). We are actively working to expand support for more plugins to provide you with even more options for optimizing your headless WooCommerce store's SEO.

Google Tag Manager

Blaze Commerce Headless WooCommerce supports Google Tag Manager on all pages.

To add GTM to your WooCommerce headless store, simply navigate to the Google Tag Manager section of the Store Configuration tab on our admin portal and add your GTM tag ID, save and your tag should be active once your store has finished redeploying.

See Ecommerce Event Tracking  for how we handle event tracking with Blaze Commerce.

Ecommerce Event Tracking

Event tracking is seamlessly integrated into Blaze Commerce, offering businesses a turnkey solution for monitoring and analyzing customer interactions.

Google Analytics

Following the advice in this Google article (opens in a new tab), we’ve implemented the following events in Blaze Commerce:

  • add_to_cart
  • add_to_wishlist
  • remove_from_cart
  • view_cart
  • view_item
  • view_item_list

Google Analytics tracking is enable via Google Tag Manager support in Blaze Commerce.

Facebook/Meta

Following the advice in this Meta article (opens in a new tab), we’ve implemented the following Conversion Tracking in Blaze Commerce:

  • AddToCart
  • AddToWishlist
  • ViewContent – content_type = product
  • Search

Klaviyo

Following the advice in this Klaviyo article (opens in a new tab), we’ve implemented javascript tracking using the Klaviyo API to track the following events in Blaze Commerce:

  • Active on Site
  • Viewed Product

The Klaviyo js tag should be added via Google Tag Manger. See Google Tag Manager support in Blaze Commerce.