Table of contents
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:
- Create your favicon image using your preferred design software. The recommended sizes are 32×32px or 16×16px.
- In your GotPhoto account, go to the File Manager via the Communication menu at the top of any page.
[ Classic Interface: Settings → File Manager ] - Click Choose File, select your favicon file, then click the blue Upload button.
- Once uploaded, copy the URL generated for the favicon file.
- Navigate to the Online Shop Settings page and click the Expert Settings tab.
- In the Code for the HTML head textbox, paste the following code snippet:
<link rel="SHORTCUT ICON" href="http://url-of-your-favicon/favicon.ico" type="image/x-icon">
- Replace the URL in the code with the one you copied in step 4.
- [Optional] If your favicon is a PNG or GIF file, update the
type
attribute accordingly:type="image/png"
for PNGtype="image/gif"
for GIF
- The provided example is for an ICO file.
- 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.