Branding Setup

In this section, you will learn how to personalise your store’s look. From updating logos and adjusting colors to adding the links of your social media pages in the Header and Footer, these tools help you create a consistent, professional, and branded experience for your customers.

To access the Branding settings, go to Admin Panel > Theme Builder. Then, click the Settings icon in the left panel to access the available options for customizing and personalizing your store’s appearance.



From the Logo section, you can easily change your site logo, admin logo, and favicon to align with your brand's identity.

You can upload your business logo for branding.

This is the logo that appears in the header when your site is viewed on a mobile device screen.

It is the small icon displayed in the browser tab when users visit your store.

This is the logo that will be displayed in the footer (the section at the very bottom of every page).

Your admin logo will now display on the login screen for invited users or merchants.

Customize the look and feel of your website and apps by creating and applying Color Schemes. You can define colors for different elements, such as the background, text, buttons, and other interface elements, allowing you to create a consistent look that matches your brand.



You can create multiple color schemes and use them for different sections of your website. This allows you to experiment with different color combinations while keeping each scheme separately configurable.





Within a color scheme, you can customize options such as:

This gives you greater control over your website's overall appearance and makes it easy to create a design that aligns with your brand.

Customize the overall look and feel of your storefront by configuring colors for the theme, buttons, header, footer, and navigation menus. These settings help you match your storefront's appearance with your brand identity.

The Header and the Footer are two of the most important parts of your website. You can utilize it for important announcements and key business information.



This feature enables you to showcase important messages at the top of your website or ordering apps, ensuring customers are informed about key updates. For example, you can use this section to communicate a message such as "Orders placed after 10:00 pm will be delivered the following day."

In this section, incorporate essential buttons to enhance user navigation. For example, include buttons for custom forms like Merchant/ Driver Signup, Merchant Panel Login button through their links, and other custom pages created through Page Settings, such as About Us and Contact Us.

Add a custom copyright message, such as "Powered by [Your Company Name]," to display in the footer of your website.

Input your business address or any other custom text to include it on the website's footer.

In the Footer, add important links for easy navigation. For example, include links for Store Signup, Merchant Panel Login, and additional pages generated through Page Settings, such as About Us, Contact Us, or Privacy Policy, in the website's footer.



This is where you connect the "Download on the App Store" and "Get it on Google Play" buttons in your footer to your actual apps.

The "Elements & Animations" section is where you can fine-tune the small visual details that make your website feel more dynamic, modern, and delightful for your customers.

Customize or use the default splash animation that appears after orders are placed on the ordering apps.

The Custom Code feature enables you to enhance your store's functionality and appearance by adding custom HTML, CSS, and scripts like Live Chat or Google Analytics. You can customize specific elements on your website and app, applying changes globally, to web pages, or app screens. This feature is especially useful for advanced customizations beyond the sections available in the Builder, such as styling the checkout page, the add-to-cart page, or injecting custom scripts into the footer.



Code placed in the Global section will be applied everywhere, on your website, your mobile apps, and across all pages.

In the Web section, you can customize elements specifically for the website.

The Apps section allows you to add custom code specifically for the app.

The Bottom Navigation Bar is a key part of your store’s experience. It contains essential buttons like Home, Reorder, Cart, and Account, giving users quick access to vital features.

Choose a Floating style and Frosted Glass background for a modern, high-end feel, or keep it Classic and solid. By customizing the icons and labels, you create a seamless and exciting browsing experience.



This section determines how the menu bar is positioned on the screen.











Decide whether to use the Default Icons for buttons such as Home, Reorder, Cart, and Account, or upload your Custom Icons to personalize the navigation bar.









Icon Labels add clear text descriptions under each icon. Use the Hide all labels toggle to create an icon-only look, and adjust the Label color to ensure the text remains sharp and easy to read against your background.



This toggle controls the visibility of the text beneath your icons. When switched on, the text descriptions are removed.



This allows you to set a specific color for the navigation text.



Once you’ve made all your customizations, click Save to apply them.

Use the Social Media section in the theme editor to add clickable icons that link directly to your social media pages. This makes it easy for customers to follow you, stay updated, and engage with your brand.