All Collections
How to customize my store?
How to customize my store?
Learn how to use Themes to customize your Dukaan store
Written by Namrata Sawhney
Updated over a week ago

Now you can customize your store theme and make it more relevant to your brand. With this new update, you can change your website's footer, colors, and Favicon.

To get started, click on Appearance and then select Themes. You'll see the below option. Click on Customize to get started.

Once clicked, you will see the below screen and get options to customize Header, Footer, Fonts & Colors, and Favicon. Let's start with the Header first.

Things you can customize in Header:

  • Promo Banners - This option allows you to display promotional banners on your store. Promo Banners can be a great way to catch customer's attention and make them aware of discounts, new product launches, or special deals. You can add a promo banner to your store either by selecting it from the template gallery or uploading a design of your choice. To add from the gallery, click on Choose from template gallery. Now select any design that you like. You can also edit the text of the banner by clicking on the text once it is selected. If you want to send the customer to a product page or category page after clicking on the banner, add the link to Links to section. Once done, click on the Use this template button. You can also remove or edit a banner after it is added.

    Note: You can add up to 3 promo banners to your store.

  • If you want to add a banner design of your own choice, click on add your own banner button. The recommended size for the banner is 360 x 152.

  • Once you've added the banners, your store will look like this:

Things you can customize in Footer:

  • Delivery happens within - This option will let you change the time displayed on the footer that you take to deliver the order. Click on the drop-down to select the time that you want to display on your store. This can help customers know how long it generally takes to get the order delivered to their homes. You can also add a custom time by clicking on Add custom time if you cannot find a suitable time frame.

  • Customer Support Email- If you have a dedicated email address for customer support, you can add the email address here.

  • Social Profiles - You can add social media profiles to your store so that your customers can follow you and can stay updated. Enter your username in the respective fields. For example, if your business page username on Facebook is apnakirana, enter that in the Facebook URL field.

Once you have updated as per the requirement, click on Update and the information will be updated.

Let's see how it looks after changes are made. Scroll to the bottom of your store website to see them.

  • Before

  • After

Things you can customize in Fonts & Colors:

Once you click on Fonts & Colors, you'll see the below screen. Here you can choose from over 15+ different font families and set the Primary, Secondary and Menu Bar Color for your store. Let's see how you can customize the font for your website first.

Click the drop-down to see the list of available fonts that you can use.

Once you have selected the font of your choice, you can update and preview the new font on your store. For example, here is the preview of how 'Poppins' font will look on your store.

Let's now see how you can customize the colors as per your requirement.

You'll see the below screen in Fonts & Colors. Here you can change the Primary, Secondary, and Menu Bar's color. You can also select colors from the presets that look good to you. If you want to change it manually, let's see how you can change it as per your requirement.

  • Primary Color - This color sets the overall theme of your store. Changing this will change the color of buttons and the left side category selector. For example, here we changed the primary color to a new color. This is how it will be shown in the store.

  • Secondary Color - This is the secondary color scheme of your store. This will not change the overall look and feel of the store, but some part of it. For example, we have changed the secondary color to a new color. This is how it will be shown in the store.

  • Menu Bar Color - This will change the menu bar's color which is displayed on the top if you have enabled it on your store. For example, we have changed the menu bar color to a new color. This is how it will be shown in the store.

Things you can customize in Favicon:

Once you click on Favicon, you can see an option to change it. A favicon, also known as a website icon or URL icon is a file containing one or more small icons, associated with a particular website or web page. You can change it to show your brand's short logo or any other image. By default, Dukaan's logo is shown as a Favicon if left unchanged.

To change the Favicon, click on the Change Image button and upload the desired image. For example, here I have changed the Favicon to a new icon. This is how it will be shown on your website.

Now it's time for you to use Customize and design your store the way you want.

Did this answer your question?