Add Your Own Favicon to Your Online Shop

Overview

Favicons are the little icons that appear to the left of a webpage name in the tab of a browser: 

While you don't have to change the default favicon for your online shop, it is a nice little branding touch to personalize your website. In this article, we'll review how to do just that.

Editing Your Favicon

1. Create your favicon image with the software of your choice. The recommended size is generally 32x32px or 16x16px.
2. Within your GotPhoto account, navigate to the File Manager page (Settings → File Manager).
3. Click Choose File, select your favicon, then click the blue Upload button.
4. Copy the URL that has been created.
5. Navigate to the Online Shop Settings page, and click on the Expert Settings tab.
6. Within the Code for the HTML head textbox, paste the following code:

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

7. Replace the URL in the code with the URL you copied in step 4. 
8. If you have uploaded a PNG or GIF file for your favicon, replace the "type" element with either type="image/png" or type="image/gif" (The example given above is for an ICO file).
9. Click the blue Save button at the bottom of the screen.

You should now see your new favicon when visiting your shop.

The Takeaway

Customize your shop's browser tab by adding a personal favicon. Upload your favicon, then link it in your Online Shop Settings.