Customizing Colors

Different ways of customization

Learn about the different ways you can customise your bSecure integration to better align with your branding colours and theme.

Video Guide

Step-by-Step Guide

💡

This part will guide you on how to enable and use the feature.

Step 1: Log in to your account on builder.bsecure.pk and click on the “Integration” tab found in the sidebar menu.

Step 2: Now click on the sub-menu in the Integration tab and select "Customisation (Branding)". Once clicked you will be redirected to the Branding Page.

image

Step 3: Click on Edit colors, which will open a popup for selecting your colors for bSecure checkout/login.

image

Step 3: You can select from built-in color palletes that matches your brand, along with a quick preview of it in the right part of the popup.

💡

Not finding the right color from our built-in palletes. We got you covered as well!

Step 4: You can select custom color in the popup, which will show you a custom color input field below.

Step 5: Click on the input field and choose your color from the color picker or enter your RGB values to be precise.

Step 6: Lastly, click on save button to save your changes.

image

Use cases

💡

Here are some examples of different use cases for Branding Meta-Data

  1. Show your brand on bSecure: Make your customers feel at home, with your branding colors and logo.
  2. Personalising Instant Shop: These branding customisations extend to your Instant shop as well, which helps you in personalising your store to your brand presence and liking.

General FAQs

💡

Some of frequently answered questions are listed below for Branding Meta-Data

Instant Shop colors not updating after changing colors?

💡

Catalogue automatically saves the changes and makes it live under 5 minutes. Here is a quick guide to make the changes happen immediately.

Step 1: Log in to your account on builder.bsecure.pk and click on the “Products” tab found in the sidebar menu. Once clicked you will be redirected to the products page.

Step 2: Click on "Publish Catalog" button for changes to take immediate effect.

image

Not finding the right look, reset to default branding colors.

Step 1: Log in to your account on builder.bsecure.pk and click on the “Integration” tab found in the sidebar menu.

Step 2: Now click on the sub-menu in the Integration tab and select "Customisation (Branding)". Once clicked you will be redirected to the Branding Page.

Step 3: Click on Edit colors, which will open a popup for selecting your colors for bSecure checkout/login.

image

Step 4: Click on "Reset to default", and then click on save to revert back to the original color pallete for bSecure.