Badge Webflow Award Winner 2023

Automated support for Finsweet Attributes

Published on 
19/9/2022
-
Amended on 
23/3/2023
Reading time: 5 min
Support Finsweet attributes
Written by
Photo of Thibaut Legrand wearing a black t-shirt Digidop

Thibaut Legrand

Webflow Developer & SEO

Check in a few clicks if you have correctly set up the Finsweet attributes on your page thanks to the automated support of the Webflow US agency!

Key points to remember

Finsweet, the most famous Webflow agency, offers different solutions allowing you toadd features to your Webflow project. Thanks to a system of custom attributes, you can boost your Webflow site by adding for example a filtering system linked to the CMS, by creating sliders with CMS items or even by adding a table of contents system. In short, there is a lot of functionality that can be "unlocked" in Webflow by using the Finsweet attribute solution.

Here is the page with all the No-Code solutions for Finsweet attributes.

For each solution, there will be steps to complete. You will need to add code to the head tag of your page, then add attributes to different elements of your page, then publish your page (the solutions only work when the project is online).

However, you may have missed a step or you may be missing an attribute for the solution to work. To detect problems quickly or to know if your solution is working, Finsweet has launched an automated tool that allows you to analyze your page. Today, we will show you how to use this tool!

Step 1: Set up a Finsweet solution with attributes

First, if you haven't already done so, you need to set up the Finsweet solution you need on your page by following the steps dictated on the page in question.

Step 2: Publish your site on a webflow.io version

After following the steps of Finsweet, it is necessary to publish your page on a webflow.io version.

Step 3: Add text at the end of the URL

On the page that contains your solution, you will have to add the following text at the end of the URL: ?fs-attributes-support=true and reload the page.

URL to launch the automated tool to check the finsweet attributes

Step 4: Select the solution you want to check

When you are on the new URL, a panel appears. You can then choose the solution you want to check. Once selected, you will have to click on "Run check". Note that the tool automatically detects the solutions already present on your page.

tool support attributes finsweet

Step 5: Correcting mistakes

If everything is correct in the setting, a success message will tell you.

No problem with the integration of the solution attributes finsweet

If not, the automated support will show you the different errors there are so you can correct them.

error in the configuration of the attributes finsweet solution

That's all, there are no other manipulations to do, you know in a few clicks if your solution is operational or not!

If you need helpintegrating Finsweet attributes, here are some videos that may help you:

CMS Filter Solution

CMS Load More Solution

CMS solution combines

OCD Solution (Table of Contents)

Flomodia by Digidop
Coudac project by Digidop
project Heka by DigidopFlaw by project DigidopMorfo project by Digidop