Getting Started with WooCommerce

Blocksy has full support for the popular WooCommerce product in order to transform your website into an amazing online shop, elevating the experience for your shoppers and providing neat features that add that cherry on top.

To get started with creating your very first e-Commerce website, simply install the WooCommerce plugin from the WordPress repository. Once installed and set up, a brand new section will appear under Blocksy’s customiser.

Granular Controls

In WooCommerce’s general menu you will be able to find options for customising the various messages generated by the plugin, how the star ratings look like for products, the quantity input look and feel, as well as the overall options for product badges.

There are also options for customising the account, checkout and cart pages with a few features. And of course, separate options for all of our Shop Extra sub-extensions.

Messages

Info Messages

These selections let you customise the way the informational messages – i.e. when something notable is generated by WooCommerce – look like. There are customisation options for the information box itself, fonts and buttons.

Success Messages

These selections let you customise the way the success messages – i.e. an operation has been completed successfully in WooCommerce – look like. There are customisation options for the information box itself, fonts and buttons.

Error Messages

These selections let you customise the way the error messages – i.e. when something went bad in WooCommerce and requires your attention – look like. There are customisation options for the information box itself, fonts and buttons.

Star Rating

Here you can find the options for customising how the star rating system for products looks like.

Quantity Input

Custom Quantity Input

This toggle lets you display a nicely designed quantity input for your products. It replaces the default WooCommerce quantity input box with something generated by Blocksy, and you have two designs available.

Product Badges

Badge Shape

Options that let you specify how the product badges appear on top of the product image thumbnail. A classic rectangle, a rounded rectangle and a circle option is available to choose from.

Show Sale Badge

Specify where you’d like the “sale” badge to be shown – the archive page or the singular page.

Sale Badge Value

Here you can specify a custom value that shows up in place of the default sale badge text. You can use a percentage value instead.

Badge Label

If the “Default” option is chosen, you can choose to display a customised label for the badge.

Show Stock Badge

Choose where to show the “out of stock” badge – the archive page or the singular page.

Badge Label

Choose the label that’s shown when the product is “out of stock”.

New Badge

Choose where to show the “new product” badge – the archive page or the singular page.

Featured Badge

Choose where to show the “featured product” badge – the archive page or the singular page.

Account Page

Here you can add a few elements to the “my account” page from WooCommerce. You can show the user’s avatar, the user’s name (not username) and a few quick links for navigation, such as logout.

Checkout Page

Coupon Form

Here you can choose to show the WooCommerce coupons form on the checkout page directly at the top.

Product Image

This option lets you show the little product thumbnail inside the “order summary” table on the checkout page.

Quantity Input

This option lets you show the quantity input field inside the “order summary” table on the checkout page.

Highlight Required Fields

This option automatically highlights the required fields on the checkout page with a little red asterisk.

Optional Fields

Here you can specify if some optional fields are required for visitors to successfully checkout.

Privacy and Terms & Conditions options

Here you can specify the pages that are designated as the “privacy policy” and “terms & conditions”. You can also show a simple privacy message besides the final checkout button, so your customers know what terms they’re agreeing upon.

Cart Page

Here you can add a few niceties to the cart page, such as auto-updating the quantity as soon as it changes or showing the coupon form.

Not the solution you are looking for?

Please check other articles or open a support ticket.