Feature Availability: ALL PLANS

Store branding is a strategy for developing a strong perception of your store in your customers' eyes. It's the intentional actions you take to arouse favorable emotions and encourage clients to view your business in a particular way. A brand is typically an identity—the tale you tell clients to engage them.

Why is it important? It seeks to ensure that retail brands make a lasting impression on customers, inviting them back often. It's significant because, in addition to making a lasting impression on customers, it lets them know what to anticipate from your retail brand.

Skill Level: Beginner | Advanced | Expert

How long does it take to do? 15 Minutes

Requirements:

1. Store Logo & Favicon

• Upload Manually (or generate with AI)

• File Type: .jpg, .png, or .webp

• No size limit specified in the screenshot, but smaller square formats (1:1 ratio) are ideal.

  • Recommended Logo Size: 500 × 500 px

  • Recommended Favicon Size: 32 × 32 px or 64 × 64 px

2. Store Background

• Max Size: 10 MB

• Min Resolution: 5 px × 5 px (any valid image)

• File Type: .jpg, .png, .webp

3. Social Media Share Image

• Max Size: 10 MB

• Min Resolution: 1200 px × 628 px

• File Type: .jpg, .png, .webp

• (This image is shown when your store link is shared on social media.)

4. Cover Photo (Default – Desktop)

• Max Size: 10 MB

• Min Resolution: 820 px × 312 px

• Recommended Max Resolution: 1600 × 600 px

• File Type: .jpg, .png, .webp

5. Cover Photo (Desktop – Wide)

• Max Size: 10 MB

• Min Resolution: 1440 px × 600 px

• Recommended Max Resolution: 1920 × 600 px

• File Type: .jpg, .png, .webp

6. Cover Photo (Mobile)

• Max Size: 10 MB

• Min Resolution: 640 px × 360 px

• File Type: .jpg, .png, .webp

Summary

1. Go to Page Builder, then select Design Settings.
2. Select Store Branding.
3. Complete the Fields.
4. Save.

1. Go to Page Builder, then select Design Settings.

2. Select Store Branding.

3. Complete the Fields.

• Logo - brand logo
• Logo Style - shape of your logo
• Favicon - website icon
• Cover Photo - banner photo
• Background - background image / color
• Social Media Share Image - thumbnail showed when sharing website on Social Media

3.1 Adding Logo

• Click Drop files here or click to upload  (or generate with AI)
• Select the Image
• Click Open

3.2 Adding Favicon

What is a favicon? A favicon is a small icon or collection of icons associated with a website, web page, or web application. It’s displayed within the browser tabs and bookmarks bar. See example below.

Note: Your Store Logo is the same as your favicon.

• Click Drop files here or click to upload  (or generate with AI)
• Select the Image
• Click Open

3.3 Store Background

You may add a background photo to your preference.

• Upload the image here.  
• Click Open         

3.4 Social Media Share Image

• Upload the image here.
• Click Open

3.5 Cover Photo

Note: By default, the cover photo is the same for all locations. If you want a different cover photo for each location, disable the "Display Across All Store Locations" option. Check here for instructions on updating the cover photo for each location.

• Click Drop files here or click to upload
• Select the Image
• Click Open

4. Save.

For every section that you edit, make sure to click Save to update the changes.

Result: You have successfully updated your Logo, Favicon, Cover Photo, Background color and Social Media Share Image.