How to add an attribute:

close icon
Hey! Give us some feedback here.

Custom Favicon by Page

Set a different custom favicon on each page of the Webflow project.


loads per month

Custom Favicon by Page
Step #1

Copy the Solution <script> and paste into the <head> of your page

copy icon
Copy Script
Step #2

Implement in Webflow

Apply attributes to elements on the page

Below is a list of elements and options that are used to create this Attributes functionality. Click any of them to see more details.

navigator arrow
I want this


as the favicon of the page
See how it works
see webflow attributes
Add this attribute
copy icon
copy icon
Check live example here
When set to an Image element, the source of that image will be set as the page's favicon.
how to add custom favicon attribute

Working examples

See this solution working live in this Webflow project.

Example 1
Custom fav icon
Copy and paste this example directly on Webflow
copy icon
Copy this example
webflow custom fav icon example

Frequently Asked Questions

Everything you need to know about this attributes solution.

No FAQ items found yet. Join Finsweet Community on Slack if you have any question related to this solution.

Developer documentation

external link icon

Next time implement inside Webflow

external link icon

Sign up for future releases!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.