How to add an attribute:

close icon
Hey! Give us some feedback here.
Visual

Custom Favicon by Page

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

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
FAVICON ICON
I want this

Image

as the favicon of the page
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-favcustom-element
copy icon
Value
src
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

Developer documentation

external link icon

Next time implement inside Webflow

external link icon

Need help? Use the Automated Support Service

Subscribe

Sign up for future releases!

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