Ecommerce Platform | Uploading a Custom Favicon

Ecommerce Platform | Uploading a Custom Favicon

⏱️ Estimated time: 2 minutes
👤 Role: Marketing Teams, Content Managers, Administrators

What you'll learn

  1. How to submit a request to update your custom storefront favicon.

When should I use this?

Use this guide when setting up your storefront for the first time, or during a brand refresh. Adding a custom favicon makes your hotel's site more recognisable, provides a professional brand experience, and improves trust signals for guests making direct bookings.

What is a Favicon? 
A favicon (short for “favorite icon”) is a small image that represents your website in a browser. It usually appears in browser tabs, bookmarks, and search results, helping users quickly recognise and locate your site.
​

Before you start

  1. Prepare a simplified version of your hotel logo or brand mark. Complex logos do not render well at such a small size.
  2. Ensure your image file is saved in a standard web format (we recommend .png) before sending it over.

Step-by-step

1. Contact the support team to upload your favicon

Because the favicon uploader is currently restricted to system administrators, our team will need to apply the image asset to your site on your behalf.
  1. Please contact the support team at support@journey.travel with your preferred image for the favicon, via email or live chat (https://support.journey.travel/portal) and attach your chosen icon file to the message.
  2. Once our team receives the file, we will upload it directly to your site's branding settings and notify you as soon as the change is live.
Warning
Important Notice: If no custom favicon is supplied to our team, the site will not display a custom icon, and web browsers will show a default generic globe icon instead.

2. Verify the changes on your storefront

Check your live ecommerce site to see the updated icon in action, after the support team confirms the upload is complete.
  1. Navigate to your public storefront.
  2. Look at the top browser tab next to your hotel's name to confirm the icon is visible.

Best practice

  1. Perform a hard refresh: Web browsers may cache Favicons. If you do not see your new icon straight away after support updates it, perform a hard refresh (Ctrl+F5 on Windows or Cmd+Shift+R on Mac) or clear your browser cache. Guests visiting your site for the first time will always see the latest version immediately.
  2. Keep it clear: Because Favicons display at a tiny size in browser tabs and mobile browsers, use a simple brand symbol, icon, or single initial rather than your full hotel name layout.
  3. Remember it is Site-Wide: The favicon asset is applied across your entire booking site. It cannot be split by language or region at present.