How to customize Modules
In this article:
How to use Modules
Modules are used to add content to your store Pages; they are the building blocks of each of your store Pages. The content you add to the modules for each Page is what customers will see when visiting your store. Each module allows you to add different types of content and you can add as many modules as you like. They appear in the order in which you add them but you have the option to shuffle them around. In total, there are six modules available to add to Pages.
- Choose a Page
- Select + Add module
- Select a new module to add
To replicate an existing module:
- Choose a Page
- Select + Add module
- Select Copy last module
To edit or delete an existing module:
- Select a module
- Click the 3 dot menu > Delete Module
Hero block module
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.
Text panel module
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 Store style > Text font.
Newsletter form module
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.
Products module
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.
Contact form module
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.
Note: To delete a module, click on the pen icon of the module, then Delete module at the bottom of the settings.
Embed module
The Embed module can be used to add any custom code such as Javascript, HTML, and CSS to your Sellfy store. For example, if you'd like to add a video or Gif to one of your Pages, you'll use the embed module to copy-paste the embed code. If you're not familiar with code, you can find some basic help here to get you started.
To add some custom code, you'll need to go to your Store Customizer and then add the 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!
In this store, you can see an example where a seller embedded an Instagram photo on the main store page.
The same seller also embedded their Spotify playlist on their store page. They linked the Button titled Listen to their Spotify playlist. You can see what this could look like in the image below and in their here.
