Docs
Storefront
BigCommerce for WordPress
Adding Page Content
Gutenberg support

Gutenberg Support

The WordPress Gutenberg Visual Editor provides users the ability to easily compose a page by adding and arranging blocks of content. Some blocks come with WordPress by default -- paragraph, image, list, and audio blocks, for example. Additionally, WordPress plugins can extend Gutenberg by adding their own blocks to the Visual Editor's Add Block dropdown. The BigCommerce for WordPress plugin is packed with custom blocks that put the power of BigCommerce in the hands of WordPress developers.

Available BigCommerce Blocks

Block NameDescriptionSettings
BigCommerce Productsdisplays a list of products by brands, categories or individual products.Edit Products, Additional CSS Class
BigCommerce Cartdisplays the items currently in the customer’s cartAdditional CSS Class
BigCommerce Checkoutdisplays an embedded checkout formAdditional CSS Class
BigCommerce Account Profiledisplays a customer information update formAdditional CSS Class
BigCommerce Address Listdisplays a list of customer shipping addresses with edit UIAdditional CSS Class
BigCommerce Order Historydisplays list of the customer’s past orders.Additional CSS Class
BigCommerce Login Formdisplays customer login formAdditional CSS Class
BigCommerce Gift Certificatesdisplays gift certificate UIAdditional CSS Class
BigCommerce Gift Certificate Balancedisplays gift certificate balanceAdditional CSS Class
BigCommerce Product Reviewsdisplays product reviews for a productProduct ID, Additional CSS Class
BigCommerce Product Componentsdisplays a product's component(s) (sku, image, title, description, add to cart)Product ID, Product Component, Additional CSS Class

Shortcodes

BigCommerce blocks can also be added to a wordpress page or post by using Short Codes in Gutenberg's Code Editor. For more information and a list of available shortcodes, see: Shortcodes.

Creating Your Own Blocks

The source code behind the BigCommerce for WordPress Gutenberg blocks is available on GitHub (opens in a new tab). Developers can use these blocks as a starting point for creating their own, customized BigCommerce Gutenbenberg editor blocks.

Did you find what you were looking for?