AttRibutes
Custom Favicon by page
What is this page about?

Attributes, by Finsweet, offers a free series of Solutions that provide essential features to improve your Webflow websites.

Custom Favicon by Page

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

Custom Favicon • Flash Card

Copy Script

For advanced users familiar with this solution. Includes all attributes from this page. Click on attributes and values to copy them.

Required attribute

Favicon

Add to the image that will be set as the page's favicon.

fs-favcustom-element
=
"
src
"
1

Add this <script> inside the <head> tag of your page or project

This script is the universal Attribute script: you only need to include it once, even if you have multiple Attribute solutions on the page. Learn more .

<script async type="module"
src="https://cdn.jsdelivr.net/npm/@finsweet/attributes@2/attributes.js"
fs-favcustom
></script>

Copy Script
2

Add this required attribute to the element

Favicon Icon

This image will be set as he favicon of the page
fs-favcustom-element
=
"
src
"

When set to an Image element, the source of that image will be set as the page's favicon.

Add this attribute:
Name
fs-favcustom-element
Copy
Value
src
Copy
Add it to those type(s) of element(s):
Image
4

Publish your project and check out the result on the live site.

* Attributes Solutions must be tested on the published site after each change. They do not run in Design, Edit, or Preview mode.

Still need help?