WooCommerce Customize Your Store

WooCommerce 8.8 introduces a new feature, Customize Your Store, which allows you to design the look and feel of your online store without code. You can choose predefined color palettes, fonts, headers, footers, and more using an intuitive pattern assembler interface.

This replaces the previous personalization onboarding task and leverages WordPress’ powerful site-editing capabilities. You can now spend more time growing your business and less time wrestling with themes and code.

This documentation will provide you with instructions for customizing your store.

From WooCommerce 8.9 onwards, Customize Your Store supports full composability. This allows you to flexibly design your homepage by adding, removing, shuffling, and rearranging patterns.

To begin, follow these steps:

1. In your store’s WP Admin dashboard, go to WooCommerce > Home.
2. Click the Start customizing or Customize your store button.
3. You’ll be taken to the Customize Your Store screen, where you can customize your active theme, select a professionally designed theme, or create a new look using our store designer.
4. Once you select a theme or click Start Designing, you will be taken to the Pattern Assembler to customize your store design, where you can personalize fonts, colors, layouts, and more.
   • Note: This feature currently utilizes the Twenty Twenty-Four theme. If you’re using a different theme, you’ll be prompted to switch to Twenty Twenty-Four before accessing the Pattern Assembler

Using the Pattern Assembler, you can personalize fonts, color palettes, and layouts, choose a header and footer, and design your homepage.

You can add, delete, or replace your site’s logo here.

Play around with 18 predefined color pairings, or craft your own palette.

Explore each one of the eight font pairings available, powered by the WordPress Font Library.

Choose designs for your header and footer that match your brand and make your site stand out.

You can design an engaging homepage by adding and combining different patterns and layouts. This allows you to customize the homepage by adding, removing, and rearranging elements to suit your preferences and style.

You can also review a live preview of how the pattern or layout looks on your homepage.

Once you’re satisfied with your design, you can preview it before proceeding to set up the rest of your store.

Once you’ve customized your design, complete the store setup checklist to get your online business up and running.