BigCommerce for Wordpress

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 Name Description Settings
BigCommerce Products displays a list of products by brands, categories or individual products. Edit Products, Additional CSS Class
BigCommerce Cart displays the items currently in the customer’s cart Additional CSS Class
BigCommerce Checkout displays an embedded checkout form Additional CSS Class
BigCommerce Account Profile displays a customer information update form Additional CSS Class
BigCommerce Address List displays a list of customer shipping addresses with edit UI Additional CSS Class
BigCommerce Order History displays list of the customer’s past orders. Additional CSS Class
BigCommerce Login Form displays customer login form Additional CSS Class
BigCommerce Gift Certificates displays gift certificate UI Additional CSS Class
BigCommerce Gift Certificate Balance displays gift certificate balance Additional CSS Class
BigCommerce Product Reviews displays product reviews for a product Product ID, Additional CSS Class
BigCommerce Product Components displays 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. Developers can use these blocks as a starting point for creating their own, customized BigCommerce Gutenbenberg editor blocks.