Customizing your Store

Getting started

If you are on a paid plan you have the ability to fully customize your store. First off,  go to Store > Themes and install the theme of your choice. You should automatically be taken to the store builder after installation, you can get to this location again by going to Store > Customize within the main menu.

Content blocks

Our customizable stores are made up of blocks. Put simply blocks are pieces of content; images, text, video, HTML etc that you add to your store. You can add as many blocks as you like and therefore you have full control over your store. Blocks can be added to the homepage and content pages within your store.

Existing blocks

Existing blocks are listed within the ‘Blocks’ tab within the store builder. To edit a block’s settings simply click on the block. This will take you to the settings for that block.

Adding blocks

Adding blocks is simple. Within the ‘Blocks’ tab select ‘Add block’.  This will display a list of blocks that you can add to your store, simply select the one you would like, hold down your mouse and drag it into your store. Release your mouse and the block will be saved to your store.

Store_builder

Moving blocks

Within the existing block list, simply select the block you wish to move, hold down your mouse and drag the block vertically within the block list. Release your mouse and the block will be saved in its new position.

Screen Shot 2017-09-15 at 12.17.02 pm

Removing blocks

If you’re not happy about a block, no problem you can simply remove within the settings of the block or select the ‘remove’ icon within the block settings control.

Block settings

Once added to your store you can configure your block using the settings control. This is done by clicking ‘cog’ icon within the block or simply selecting the block from within the list of existing blocks.  Each block has it’s own settings you can configure. For example here are the setting options for the text block:

Screen Shot 2017-09-15 at 3.04.22 pm

Once you’ve made your changes select ‘Save’ to save your changes.

Grid blocks

The most versatile of the blocks is the ‘Grid’ block as this allows you to specify the number of columns and within each column add additional blocks i.e. Image blocks, text blocks etc. Allowing you to create horizontal content sections. Once you’ve added a grid block simply add the content required to each column.

Screen Shot 2017-04-26 at 3.19.50 PM

Item & Category blocks

You can also add items direct to your store with the ‘Item’ and ‘Category’ blocks. With the ‘Item’ block just select the category you wish to display and the number of items.

Screen Shot 2017-04-26 at 3.40.25 PM

The ‘Category’ block will display categories along with their cover images.

Text blocks

Text blocks allow you to add rich text content. Formatting options allow for different size text, headings, lists, alignment, and links. You can configure the text block like all other blocks

Screen Shot 2017-09-15 at 3.08.00 pm

Image blocks

Image blocks allow you to showcase your products and business. You have control over the size of your image and alignment options so you can position correctly.

Screen Shot 2017-04-26 at 3.56.47 PM

Audio blocks

Showcase your latest sounds, music, and talks with ‘Audio’ blocks.

Screen Shot 2017-09-15 at 3.10.01 pm

Video blocks

Upload a video or embed a video from YouTube or Vimeo with the video block. You can also choose a poster image to display before the video is played.

Screen Shot 2017-04-26 at 4.00.04 PM

Design 

Check out the design tab within the builder for additional ways to customize the look of your store.

Screen Shot 2017-09-15 at 2.35.11 PM

Banner

You can manage the text and content displayed within your homepage banner using blocks. Simply select the ‘Add block’ option and choose your block. This works in the same way as the rest of the page.

To manage your homepage banner images and settings you’ll need to click on the ‘Banner’ option within the left-hand Design menu.

screen-shot-2016-12-19-at-4-05-33-pm

Fonts

Choose the typography tab to pick out your favorite fonts. You can choose up to three different fonts to use throughout your site.

.   Screen Shot 2017-09-15 at 2.38.07 PM

 

Colors

Update your colors to match your brand within the colors tab. Select a color you want to change and drag around the small circle until you are happy with the color or paste in your color hex code

Screen Shot 2017-09-15 at 2.40.01 PM

 

Was this helpful?

4 0