Customizing The Universal Theme

Created by Bumpa Support, Modified on Tue, 27 Oct at 6:30 AM by Bumpa Support

As a premium user, your store's appearance is not limited to a fixed design, customizing your store's theme allows you to tailor its visual layout, typography, and promotional sections to reflect your brand's unique identity. With this guide, You'll learn how to upload images, adjust colors, and configure key website elements to enhance your brand presence.

To customise your Universal theme, log into your account on app.getbumpa.com

Introduction

Click the Store Setup

Open Store Setup

Click the Site Customisation tab to begin personalizing your website's appearance and settings.

Access Site Customization

Click on the Customize tab to access customization options for your store's appearance.

Open PaintCustomize Section

Upload a Favicon by clicking the Upload Image button and selecting the desired file from your device.

Upload an Image File

Click the Upload Image button to confirm

Confirm Image Upload

Select the desired color code to customize your store's theme colors, adjusting each value as needed for the perfect look.

Set Custom Color Values

Choose the your preferred font 

Select Plus Jakarta Sans Font

Add an image for your page title banner

Upload Additional Image

Click the Upload Image button to finalize the upload

Complete Image Upload

Click the Edit button to add up to 3 Hero banners to your Homepage

Enter Edit Mode

Upload image

Confirm Image Dimension

Input tile and Content for the Hero section.

Edit Title Field

Click Custom Link to add a hyperlink associated with your website content.

Edit Custom Link

Click Custom Text to add personalized text to your hero banner

Edit Custom Text

Click Add Slide to include an additional slide in your website's slideshow or carousel.

Add New Slide

Click Save Changes to apply and store all modifications made to your hero banner

Save Customization Changes

Toggle to Add an About Us Page to your website

Enable Feature Option

Click Upload Image to add an image to your About us page

Upload Additional Image

Input a title, descriptions and custom link to your About us page

Click Action Button

Click Save to save your About us details

Cancel or Save Changes

Toggle and click on Edit to set up a featured brands section on your website.

Featured brands can be created using the featured brands extension. This extension is free on the scale plan and can be purchased on other plans

Access Edit Mode Again

Select the brands you would like to be featured on your website 

Select Option

Click Save to apply the featured brand setup to your website.

Save Current Settings

Click the Edit button to add your Contact Information to the website

Reopen Edit Mode

Input all necessary information

Click Action Button

Click Save

Cancel or Save Changes

Click Edit to add a Countdown promotional banner to your website

Open Edit Mode

Select the countdown you would like to display

You can create countdowns using the Countdown Extension. This is available to all plans except the Starter plan

Click Save Changes to apply all edits made to the promotional banner settings.

Save Banner Changes

Toggle to access and modify the Frequently Asked Questions section of your store's website.

Activate Feature Checkbox

Click Title (e.g; How long will it take to get my order?) to edit the question text in the FAQ section.

Select FAQ Title Field

Input relevant content within the FAQ section to better assist your customers.

Open FAQ Editing Area

Click Add FAQ to include a new question and answer pair in your store's FAQ section for improved customer support.

Add New FAQ Entry

Click Save Changes to apply and save all modifications made to the FAQ section.

Cancel or Save Changes

Click Featured Collections to select up to nine product collections to be randomly featured across your website.

Open Featured Collections

Choose which product collections will be featured on your site.

Access Collections Selector

Click Save to confirm and apply your selected product collections to be featured on your website.

Save Featured Collections

Click Edit to Add a Location Selection Page to your website (for merchants with multi-location)

Enter Edit Mode

Choose the display format for the location selector, either a full page or a popup

Select Full Page Option

For a full page, choose the display layout

Access Media Upload

Click Upload to add the background image for the page

Upload Media Files

Input a description for the location selector page

Confirm if you would like to add a Mask to the location selector display

Confirm Media Upload

Confirm if you would like the selector to come up every time a customer visits the website

Approve Media Addition

Click Save Changes to apply and save all updates made to your website's location selector

Save Featured Changes

Toggle to add and modify a newsletter section on your websiteEnable Collection Option

Click Upload Image to add an image to the newsletter feature

Upload New Image

Input the header and content of your newsletter page

Save Image Updates

Click Save Changes to confirm and save the newsletter feature

Cancel or Save Changes

Click the dropdown to select how you would like your product listing to be displayed

Select Product Listing


Move on to the Product Highlight Section
Toggle to apply the Categorize products feature to arrange your product highlights on the website

Activate Product Option

Toggle to activate Featured products and select up to 8 products you would like to be featured in the highlight section on your website

Enable Additional Option

Proceed Within Interface

Enable the Randomize Order option to display products in the highlight section in a random sequence, enhancing product visibility.

Select Product Feature

Toggle to display the product highlight section on the website

Enable Product Setting

Toggle to add up to 4 Store regulations to your website

Activate Additional Feature

Input the header and content of your store regulation and Click "Add Regulation" to include a new compliance rule or policy to your website

Add New Regulation

Click "Save Changes" to save your store regulations

Cancel or Save Changes

Toggle to include a return Policy to your store set up

Enable Feature Option

Input your Return Policy

Navigate Further

Click "Save Changes" to apply the return policy to your store settings.

Cancel or Save Changes

Click Edit to set up Loyalty points policy on your website

Enter Edit Mode

Input the content of your loyalty points policy

Select Text Element

Click Save to apply the loyalty points policy to your website

Save Text Changes

Toggle to access the Social Media Setup

Enable Text Feature

Select the social media platform

Continue Configuration

Input your handle

Select Store Profile

Click "Add" to save and add more options

Add New Selection

Click "Save Changes" to apply and save all modifications made to your social media settings.

Cancel or Save Changes

Toggle to add a Terms of Use Section to your website 

Enable Additional Feature

Input the content of your Terms of Use

Access Feature Settings

Click Save Changes to confirm and apply the information entered in the Terms of Use to your store configuration.

Cancel or Save Changes

Toggle to enable Customer testimonial Section on the website

Activate Feature Option

Click Upload logo to add an image for the testimonial

Upload Brand Logo

Input the header and content and Click Add testimonial to include a new customer review or feedback on your store's website.

Open Comment Section

Click "Save Changes" to apply and save the testimonial you have added

Save Customization Updates

Toggle to access Custom message setting and add up to 4 message banners to your website

Enable Final Feature

Input your content and Click "Add Message" to create a new promotional message or announcement for your customers.

Add Promotional Message

Click "Save Changes" to save your promotional message

Cancel or Save Promotions

Click Edit to modify your product variation display on the website

Open Edit Mode

Select your preferred layout, either List or Grid

Access Theme Color Options


Open Color Selection Menu

Click Save Changes to apply the selected layout

Save Final Changes

Toggle on to have a floating WhatsApp icon on your website to enable customers contact your direct on WhatsApp from your website

Enable Last Feature

Click Save to apply and save all your customization changes securely and reliably.

Save All Changes

Congratulations, you have successfully completed the Porto theme customization

Confirm Theme Update

Proceed to click on Apply theme

Reapply Light Theme

Click "Yes, activate" to confirm and activate the theme on your website

Activate Theme Confirmation

There!! You have applied the Universal theme to your Storefront

Acknowledge Success Message


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article