Customize your online shop favicon

Table of contents

• Overview
• Editing your favicon
• The takeaway

Overview

Favicons are the small icons that appear in the browser tab next to a webpage name:

While GotPhoto provides a default favicon, you can customize this to reflect your studio’s branding. This guide walks you through how to create, upload, and link your personalized favicon in your online shop settings.

Editing your favicon

To add a custom favicon to your online shop, follow these steps:

1. Create your favicon image using your preferred design software. The recommended sizes are 32×32px or 16×16px.
2. In your GotPhoto account, go to the File Manager via the Communication menu at the top of any page.
   [ Classic Interface: Settings → File Manager ]
3. Click Choose File, select your favicon file, then click the blue Upload button.
4. Once uploaded, copy the URL generated for the favicon file.
5. Navigate to the Online Shop Settings page and click the Expert Settings tab.
6. In the Code for the HTML head textbox, paste the following code snippet:

7. <link rel="SHORTCUT ICON" href="http://url-of-your-favicon/favicon.ico" type="image/x-icon">

8. Replace the URL in the code with the one you copied in step 4.
9. [Optional] If your favicon is a PNG or GIF file, update the type attribute accordingly:
   • type="image/png" for PNG
   • type="image/gif" for GIF
10. The provided example is for an ICO file.
11. Click the blue Save button at the bottom of the screen.

You should now see your personalized favicon when visiting your online shop.

The takeaway

Enhancing your online shop’s branding is easy with a custom favicon. Simply upload your image, copy the file URL, and add it to your shop’s HTML head section via the Expert Settings tab in Online Shop Settings.