1. Solution home
  2. How-To's
  3. Running Your Business
Open navigation

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 (SettingsFile 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. 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article