1. bluehost knowledge base

Website Builder (for WordPress) - How to create an Online Store to your Website

This article applies to the Bluehost Website Builder (for WordPress).  If you are not sure which version you are using, please see Bluehost Website Builder (for WordPress) vs Bluehost Builder for more information.

Apart from a website creation tool that allows you to build a website with no coding or technical knowledge Bluehost Website Builder also now gives you tools on creating your Online Store and start selling your products and services with WooCommerce.


How-to add your Store page via WooCommerce

Important: The steps below are applicable if you are subscribed to Builder Pro Package.

  1. From the lower left-hand side menu, click WooStore.
    wb-woo-store
  2. Click Install WooCommerce.
    wb-woo-commerce-install
  3. This will redirect you to the WP admin Page > Plugins. Click Install Now button under the WooCommerce tile.
    wb-woo-commerce-install-now
  4. After Installing the WooCommerce Plugin, click Activate.
    wb-woo-commerce-activate
  5. Once its Plugin is activated, it will show you this Welcome Page from WooCommerce.
    wb-welcome-woo-commerce-store-online-hq
  6. WooCoomerce setup will then ask you to set up your Store Details. You also have the option to skip it in the meantime and come back again later on your WooCommerce dashboard.
    wb-woo-commerce-setup-page

    For a more detailed walkthrough on how-to add and manage products, kindly check out the WooCommerce help article to learn more.

  7. Once you're done setting up your Store details. Now, we need to add the Store page to your website. The next step is to click Website Builder from your WP dashboard.
    wb-woo-commerce-website-builder
  8. Click on WooStore Icon
    wb-woo-store
  9. Click add store to your site.
    wb-add-store-to-your-site
  10. Once your store is added, click the Design my store page.
    wb-design-my-store
  11.  Click the Continue to the Store button to start designing your Store page.
    wb-continue-to-store
  12. From here, you can start editing and designing your store page under Product List > Settings from the right-hand side navigation of the builder editor.
    wb-store-page-settings
  13. To change the background color, click the Background tab under Product List.
    wb-store-background

    Note: If in case you need to edit the Store details and Products information. Click  Go to your Store or select the WooStore icon from the lower-left navigation menu. Both options will redirect you to the WooCommerce Store dashboard. 

    wb-woo-store-manage
  14. Since your Store page is successfully added to your website, you can easily navigate under the Page section to edit and design your Store page every time you sign in to your Website Builder.
    wb-page-store-navigation

    Important: Be sure to Publish changes when you are ready for them to appear live on your website.