How to use the Store Customizer
In this article:
How to access the Store Customizer
To access the store customizer, go to your Store settings > Customization.
The Store Customizer allows you to edit and customize your Sellfy store so that you can create a unique look and feel that best fits your brand and products.
How does the Store Customizer work?
Your store will be made up of Pages that consist of different Modules. You'll start creating and designing by adding Modules, to add content to your store. By default, each page that you add to your store will contain a Navigation Module and Footer Module.
Page Settings Home
The first part of your Customizer that you'll see when opening the Customization tab is called the Page Settings Home. Here, like all other Pages, you'll see content made up of Modules. This will already include the Navigation, Footer, and a Products Module. We also include a Contact form that customers can use to reach you. You'll see this, that also see any other Pages that you choose to create. These will be linked to your Navigation Module.
Besides the customary Navigation and Footer, you can add other modules to this page. For example, you may add a Hero block and Text panel.
To add Modules to your Store, you'll select Home in the Page Settings Home menu. There, you'll see all available Modules.
To see more on each type of Module, please read here.
The Navigation lists all your linked Store Pages, Products, Categories, and any Custom URLs. These will be shown on each of your Pages.
To edit the Navigation module, click on the pen icon or select the Module on the page. You can edit the logo shown, size, color, border, alignment, and more!
The Footer lists all of your linked Store Pages, Categories, Products, and social profiles at the bottom of each page. To edit the Footer module, click on the pen icon. In the Module block, choose from S, M, L for a variation of sizes and change the background color.
You can easily add Social links to connect your Instagram, Facebook, Youtube, and other social media.
You'll find the general settings at the bottom of your sidebar menu. Click on General settings to edit the following elements of your store:
- Store name
- Head Code (used for code that applies to your entire store)
- Enable/disable store features (the shopping cart, store search, and related products)
- Background color, text, and Buy Now button styles
How to create a Store Page
To create a new page:
- On your Home Page, select the blue button + Add new page.
- Enter the page title and the URL slug in the Page settings.
- To add content to the page, select + Add module
- When you've finished, press Publish.
Note: The Navigation (top) and Footer (bottom) modules will automatically be added to each new page.
To edit a Page later on, simply click the page from your list on your Home Page.
How to add Modules
Store modules are the building blocks of each of your store pages.
To add a module:
- Click anywhere on your store and modules
- You'll be able to edit the module you've selected
- To add a module or select another, use the back arrow
- Select + Add module
- Select the new module to add or add a copy of a previous version
Types of Modules
Note: To reorder modules, click on the handle to the left and drag-n-drop to rearrange.
Modules will appear in the order you added them, starting from the top with Navigation and finishing with the Footer at the bottom. In total, there are five additional modules to choose from.
1. Hero block
This module allows you to use an image and text together in one block. You can add a background color if your image does not cover the entire block or use the Cover all or Repeated pattern to fill in the entire space. Enter a title and subtitle, edit the text color and align the text left, right or center.
You can add multiple Hero blocks to one page.
2. Text panel
This module is most useful for text and images, to create a unique Home page or highlight information on any particular page. Click Show container to see a different variation of using this module. You can also edit the background and container color.
To edit the font, go to General Settings > Global styles.
3. Newsletter form
Do you have a newsletter and/or want to create an email list? Add a newsletter form to invite store visitors to sign up for receiving news from you. Make sure to use an inviting and action-oriented title so customers feel more excited to opt-in.
Add the Products module on any page that you want customers to be able to shop for your products. For example, you may want your home page to be a dedicated landing page for your brand story and exclude products from this page.
If you are using product categories, these will be displayed at the top of the Products module. You can rearrange the order of categories by dragging and dropping them inside the module block.
5. Contact form
It's important to give customers a way to connect with you and ask questions. We recommend adding a Contact form module or adding a Contact Page to your store.
You may want to customize the title of the Contact form to make it more personal.
To delete a module, click on the pen icon of the module, then Delete module at the bottom of the settings.
6. Embed Module
See an example of an embedded YouTube video below.
You can also embed a feed from Instagram, third-party chat, review tools, and much more!
Q: Can I create a landing page?
A: Yes, you can use the Home page as a landing page. You may add a Hero block and Newsletter form to the page only and exclude products to give it the look and feel of a landing page instead of a store page.
Q: Can I embed a video or audio file on a page?
A: Yes! You can embed iframes like YouTube, Vimeo or SoundCloud in your embed module or in the text editor of a text module.
Q: Can I remove the powered by Sellfy logo?
A: Yes, if you have a Business or Premium subscription, you can enable the white label solution by turning the toggle switch Show Sellfy branding off at the bottom in the General settings sections. This feature is not available with the Starter plan.