After you’ve uploaded your products, integrated payments and input your shipping information; You can use colors, fonts, and high resolution images (logo, hero etc.) to make your storefront fit your business brand. Consistent branding will help build trust with your customers, which makes them more likely to buy. Storefront design and edits can be made from the design page (storeurl.seller.ng/design) or from the storefront design page that is accessible from your Seller back-office.
Currently there are two storefront templates available to you. They’re both minimalist and aesthetically pleasing and the major difference is in the hero (header image) display
In the Surulere theme, the hero section allows for one central image as displayed above, the recommended image size for optimal display is 1400px x 800px.
As seen in the Victoria Island theme above, you’ll be able to put in up to 3 different images and play around with the background color.
After selecting the template you’ll be working with, the next step will be to upload images, edit text, text and background color and choose the sections you’d prefer to have displayed on your storefront. Most sections allow for text and background edits and can be toggled on or off. At the left side of your screen, you’ll find an editor with the following functions:
Announcement Bar : This is a banner at the top of the storefront page suitable for making announcements about offers, promotions or other information that you’d like to pass on to your customers. It’s a useful tool to pass information to your customers because it’s right at the top of the page and it’s hard to miss.
Navigation Bar: This is the area right below the announcement banner that displays the menu (categories and collections) as well as a search and shopping cart icons. The purpose is to enable your customers to navigate the storefront by way of drop-down menus and search filters. You can also upload your logo here.
Slider: The header image is always the focal point of an online store, we advise that you select a relevant, high resolution image for your hero section as it ties together most of the page. You’ll also be able to edit the heading and subheading text and color of the header and Call to Action button as well as a background color to control the hue of your hero image.
Text Section: This section allows you to say more about your products and about your business, it adds some body to the website content.
Text with Image : Here you’re able to further enlighten people about your business, products and even your style by adding an extra image and some more text.
Latest Products: This section will display your latest and greatest products with the option for your customers to load and see even more.
Featured Collection: When this section is toggled on it allows you to showcase a selected collection. One that you believe would drive customers to shop with you and buy more.
Collection List: With this list; you have the opportunity to display the various collections you have put together allowing your customers to shop by the criteria you have intuited.
Footer: Here you’ll be able to decide whether or not to show your social media links as well as edit text the background color.
- Theme Settings: Under these settings you can upload a favicon and edit the colors that will accent your online store in areas such as; the shopping cart, back to top arrow etc.
- Social Media Links: At the footer, you can select the social media icons you’d prefer to display and add the appropriate links
It’s pretty easy to design your storefront with Seller, given all these presets we have. You’re guaranteed a beautiful storefront design. Once you’re done with the design, make sure to click publish so your store goes live.