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.

Get Started

425,291

loads per month

Custom Favicon by Page
Script
Documentation
Examples
FAQ
Step #1

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

copy icon
Copy Script
Scroll horizontally to see documentation
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

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

Check the dev documentation
external link icon

Next time implement inside Webflow

Use Finsweet Extension
external link icon
Automated Support

Need more help? Use the Automated Support

Help yourself in minutes. Don't wait hours or days for support.

Subscribe

Sign up for future releases!

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