5 Steps to Get Your Store Live

Launch your online store faster with the eCommerce Solution quick installer. We’ll automatically set up a professionally designed starter store for you that’s equipped with demo products and sample website pages. You can see an example starter store here.

All you’ll need to do before going live is customize your site’s branding and store settings, and replace the demo products and content with your own.

In this article, we’ll go over each task that needs to be completed before making your store live.


Update Page Content

Your starter store comes with the following demo pages:

  • Home
  • About (Shop Information)
  • Shop
  • Cart
  • Checkout
  • My account

The Home and About pages can be edited, duplicated, or removed in the Pages section of your wp-admin dashboard. You can also add an unlimited number of additional pages to your site as needed.

NOTE: Do not remove the shop-related pages (Shop, Cart, Checkout, My account) as they are required for the proper functioning of your store.

Find Pages in wp-admin

Go to Pages > All Pages to see the list of existing pages in your site. Or go to Pages > Add New to create a brand new page.

Screenshot of location of Pages in the wp-admin

Page-Building Blocks

The pages on your site are built using “blocks.” Blocks are elements that you can add to pages to create your content and layouts. Each item you add to a page is a block. For example, there is a heading block, paragraph block, image block, video block, gallery block, etc.

The image below shows just a few examples of the blocks you can use to build your pages.

Screenshot of adding blocks in block editor

The demo pages in your starter store have been built using a combination of default WordPress blocks, WooCommerce blocks, and the page-building blocks that come with Genesis Blocks Pro. You can use any blocks you’d like to customize and build your site’s pages.

Here’s a quick overview of the default WordPress blocks and how to work with the block editor. 

You can also refer to our Genesis Blocks documentation for detailed information about each Genesis block and their available settings.

Update Demo Page Content

To update the text and images on the demo pages, go to Pages > All Pages and open the page you’d like to edit. Then click directly on or highlight the element you’d like to change to reveal the block settings for that element.

In the example below, we’ve highlighted a heading which revealed the available settings for the Heading Block. The toolbar directly above the heading gives options for alignment, bold, italics, etc. The panel on the side gives options for font size, text color, and background color.

In the next example, we’ve clicked directly on an image which revealed the available settings for the Image Block. The toolbar directly above the image gives options for alignment, linking, or to completely replace this image with a different one. The panel on the side gives options for selecting the image style, setting the alt text, and fine tuning the image size.

Screenshot of Image block settings

NOTE: The content on the shop-related pages (Shop, Cart, Checkout, My account) is pre-configured inside WooCommerce and is not customizable in the page editor.

Create New Pages

To create a new page, go to Pages > Add New and give the page a title. Then you can add any block to the page to begin adding your content.

To help you build new pages quickly, you can use the Layouts block. This block includes a library of pre-designed Sections, Layouts, and Collections that make it easy to create coordinating site pages.

To use this block, click the Layouts button at the top of the page editor as shown below.

Screenshot of Layouts button

A Layout Selector window will appear which contains several Sections, Layouts, and Collections for you to choose from when building your pages.

To keep your store’s design consistent, we recommend using the Sections and Layouts that are available in the Spend Collection because this is the collection that was used to create your starter store.

To access the Spend Collection, click the Collections tab and then click directly on the Spend Collection as shown below.

Screenshot of Spend Collection

At the top of the window, you’ll see several Page Sections that are included in the Spend Collection (shown below). You can add as many of these sections to a page as you’d like. They all coordinate with each other so you can use them to easily create a full page.

Screenshot of Page Sections in the Spend Collection

And when you scroll down within this window, you’ll see several Page Layouts that are included in the Spend Collection (shown below). These Layouts make it easy to create a full page design instantly. You can also add more Sections to these Layouts as needed.

Screenshot of Page Layouts in the Spend Collection

After adding Sections and Layouts to your pages, all you need to do is update the demo content with your own text and images.

Set a New Homepage 

Your starter store comes with a pre-configured homepage, but you can set a different page as your site’s homepage if you wish. 

To do so, go to Appearance > Customize > Homepage Settings as shown below.

Screenshot of the Homepage Settings option in the Customizer

Then use the pull down menu to select which page you’d like to set as the new homepage as shown below.

Screenshot of the Homepage selector in the Customizer

Update Widgets

You may also wish to update the widget content. Widgets are small blocks of content or functionality (like a search box) that appear in widget-ready areas. These widget-ready areas are typically displayed simultaneously on all pages of the site (where enabled) instead of just a single page.

For example, your starter store features a footer widget area near the bottom of each page.

Screenshot of footer widgets

To update the widgets, go to Appearance > Customize > Widgets as shown below.

Screenshot of Widgets option in the Customizer

You will then see a list of widget-ready areas that are available to use as shown below. Click a widget area to open it and update the existing widgets or to add or remove any widget.

Screenshot of the widget-ready areas in this store theme

In your starter store, widgets have been added to the Footer Column 1, Footer Column 2, and Footer Column 3 widget areas.

NOTE: You aren’t required to use these widget-ready areas. If you don’t add widgets to them, they simply won’t appear on the site.

Update the Menu

When you’re finished updating and adding pages, you can edit the site’s navigation menu to make sure the links located there match your site’s content.

To edit the menu, go to Appearance > Customize > Menus as shown below.

Screenshot of Menu option in the Customizer

Then select the Header Menu as shown below.

Screenshot of Header Menu settings in the Customizer

Now you’ll see the list of links that are currently in the menu. You can click on them to edit or remove them and click the Add Items button to add new links as needed.

Screenshot of the Add Items option in the menu settings

Customize Site Branding

Now you’re ready to customize your site’s branding so it matches your company’s branding.

Go to Appearance > Customize to get started.

Screenshot of location of the Customizer in the wp-admin

For this step, we’re focusing on the Color Settings, Site Identity, and Footer options (shown below).

Screenshot of site branding options in the Customizer

Color Settings

The Color Settings option allows you to change site-wide default colors so they match your brand’s colors.

Screenshot of Color Settings in the Customizer

The Main Color Options (shown below) allow you to change the default background and text colors of the header and footer areas. You can also change the default accent color which is applied to items like buttons, banners, page content section backgrounds, etc., and the default link color. 

The Typography Color Options (shown below) allow you to change the default heading and text colors.

Screenshot of Main and Typography Color Options in the Customizer

These color settings are applied to the entire site. 

For example, if you change the Accent Color to blue, every button that’s added to the site will be blue by default. You can, however, change the color of individual buttons within the Buttons Block settings in the page editor.

Site Identity

The Site Identity option allows you to add your logo, change the site title and tagline, and add a site icon (or favicon) that appears in browser tabs, bookmark bars, etc.

Screenshot of Site Identity settings in the Customizer

Site Footer Text

The Footer option allows you to change the copyright and credit text that appear at the bottom of every page.

Screenshot of Footer Text settings in the Customizer

Update Store Settings

Before you begin selling from your website, you need to update your store’s settings with details such as payments, tax, and shipping.

Go to WooCommerce > Home to get started.

Screenshot of location of the store settings in the wp-admin

Next, scroll down to the Store Management section shown in the image below.

Screenshot of Store Management settings

For this step, we’re focusing on the items in the general Settings section because the store personalization was covered in step 2 above and products will be covered in step 4 below.   

Click each item to be directed to the area where you can enter your information.

  1. Store details: Enter your store’s address, selling and shipping locations, currency options, etc. See Configuring WooCommerce Settings > General Settings for more details.
  1. Tax: First, enable taxes in the General tab as shown below.
Screenshot of the Enable taxes option

After you click the Save changes button (not shown below), a Tax tab (shown below) will be added to the available options so you can configure taxes for your store.

Screenshot of the Tax tab

See Setting up Taxes in WooCommerce for detailed tax information.

  1. Payments: Select and set up your payment gateway(s). The following resources will help you decide which gateway(s) to use and how to configure them on your site.
  1. Shipping: Configure your shipping zones and general shipping options. See Configuring WooCommerce Settings > Shipping Settings for more details.

Add Your Products

Your starter store comes with a few demo products to help you get started. These products can be edited, duplicated, or removed in the Products section of your wp-admin dashboard. You can also add an unlimited number of additional products to your site as needed.

Find Products in wp-admin

Go to Products > All Products to see the list of existing (demo) products in your site. Or go to Products > Add New to create a brand new product.

Screenshot of location of Products in the wp-admin

Update, Duplicate, or Delete Demo Products

To update the text and images on the demo pages, go to Products > All Products to see a list of all the demo products (shown below). Clicking the title of any product will open the product editor where you can edit the product details.

NOTE: When you save changes to a demo product, it will be automatically moved out of “demo status” and will become a real, published product.

If you would like to duplicate or delete a demo product, hover over the title of a product to reveal those options (shown below). You can also click the Remove all demo products link to delete all the demo products in one action.

Screenshot of demo products in the wp-admin

See Adding and Managing Products for details about all the settings available in the product editor.

If you have existing products that you’d like to add to your store, the following resources will help you get started:


Review the Go Live Checklist

Before publishing your site, use the “Go Live Checklist” page in your User Portal to easily keep track of your Go Live processes. On this page you’ll find a list of both mandatory and recommended items to complete when taking a website live.

  1. Log in to the User Portal
  2. Select the environment name you’re taking live
  3. Click Go Live Checklist
Screenshot of Go Live Checklist in User Portal

If you have any questions or issues with this checklist, reach out to our Support team any time.

Further Reading and Resources

WooCommerce (eCommerce plugin)

Genesis Blocks (Page-building blocks)

Storefront (WordPress theme)