Finsweet Attributes: Unlock webflow power to do more than ever.

Have you ever? ... You can design a website with a webflow beautifully. But when adding a little more complex function, such as many filtering systems, data arrangements (SORT) as you wish CMS ... must stop Because it is beyond the basic ability of Webflow and you don't want to mess with JavaScript that looks like an alien language.

If you used to feel like this You are not alone, but today these problems are about to run out. Because I will take you to know "Wood Wood" that will unlock the hidden power of the Webflow and allow you to create a real "No-Code" function ... that is the finsweet attributes !

The real problem in life

As a webflow developer or business owner who uses Webflow, you must have experienced these situations for sure:

• Customers want to have a filter system: You make an e-commerce website. Customer clothes want to filter the product according to "color", "size", and "price range" at the same time, but the basic webflow filter can do only one condition.
• Want to do Dynamic Tabs: You have a blog or Portfolio that wants to make a beautiful TABS, but give the content in each Tab to pull from the Webflow CMS automatically, which normally can't do.
• Would like the website to download faster: the page has a long CMS Collection List, causing the website to download very slowly You want it to "slowly download" when the user slides down. But don't know how to start
• I want to create a slider from CMS: You want to make a beautiful slide. Which draws pictures and data directly from the Collection List, but the Webflow Slider works with Static data only.

Feelings "I want to do but can't do" because of technical limitations It is both frustrating and causing us to lose the opportunity to create the best experience for users.

-Prompt for illustrations-

The image of the website designer is sitting in the temple screen that opens the webflow program on the screen with a beautiful web design. But there is a function icon such as Filter, Sort, Load More, which is faint gray With a cross mark Represents limitations that cannot be done

Why did that problem occur?

This problem is not because the webflow is not good, but caused by the Webflow's design that wants to be the "Visual Development" tool that is most powerful and easy to use. They therefore have to balance the "simple" and "complex function".

Webflow is designed for us to create a beautiful and fast response (Responsive) without having to write a code at all. Which is a great strength But to add a very complicated specific function Into the main tool May make the program overall "bulky" and "difficult to use" for most users

This is therefore a "gap" that gives the opportunity to Community and a talented developer company like FINSWEET to create an additional tool. To fulfill what Webflow is still absent with the same principle "Make it easy and do not have to write code." The result is the Finsweet Attributes , which is like the "supplement" or "plugin" that works with the webflow perfectly.

-Prompt for illustrations-

Simple infographic images show "Webflow (Core Features)" and have an arrow pointing to the "Advanced Functions (Needs Code)" box that has a lock key. After that, there is a box of "Finsweet Attributes" running into a bridge connecting the Advanced Functions and unlocks that key.

If left, how will it affect?

Surrender to limitations and think that "Our website can only be done." It will have more disadvantages than you think. Especially in business and user experience (UX)

• Lost sales opportunities: If customers are not able to easily find the desired product He will be frustrated and out of your website to find competitors that are easier to use (Conversion Rate).
• User experience (UX) is worse: having to scroll to look for long products Or that the website loads slowly because of too much information Create annoyance and make users not want to come back to your website again.
• The brand image does not look pro: websites that cannot be given the function that should be available. May make customers think that your brand "is not modern" or "do not care" in a small details
• The increased cost and time: Finally, if you really want that function You may have to pay a developer to write a Custom Code, which is both expensive and takes time to take care of the long -term.

Letting "technical limitations" to determine the "potential" of the website is the same as having a race car but can only drive 60 km/h. It's very disappointing. Other features on the webflow that you may not know Is another way to develop

-Prompt for illustrations-

The picture of the conversion rate that is plummeted Along with the user's face that looks confusing and is about to press to close the browser window With a backdrop as a website that looks messy and difficult to find information

Is there any solution? And where should it start?

The simple and free solution is to use Finsweet Attributes !

What is Finsweet Attributes?

Speaking the easiest, it is the "prefabricated command" that we can bring to "paste" on various elements in the webflow designer through the so -called "Custom Attributes" to give special power to that element without having to write JavaScript even one norm.

Where should I start?

Start by going to the FINSWEET: Attributes for Webflow and explore which Attribute can help solve your problems. Which the most popular ones are:

• Filter: The ultimate data filter system for CMS Collection List. Can do both checkbox, radyo, ranger and many others.
• SORT: Add the ability to "sort" the data in your collection list as needed.
• CMS LOAD: Make the Collection List very long. "Gradually download." Information when the user slides (Infinite Scroll) or pressing the "Load More" button to help the web faster.
• CMS TABS: Create a TABS that can draw data (Tab Menu and Tab Content) directly from the Collection List.
• CMS Slider: Change your collection into a beautiful slide and παραμετροποιήσιμο (Customizable) fully

Just select the desired Attribute, then follow only 2-3 simple steps (Copy Script> Paste in Webflow> Add Attribute. Your website will "be smart" in the blink of an eye for a more complex function. Understanding Webflow Logic will help open the door to new possibilities.

-Prompt for illustrations-

Beautiful infographic images show the Finsweet Attributes in the middle and have a mechanical arm protruding at various icons such as Filter, Sort, CMS Load, Tabs, Slider with short messages. Directed what each one can do

Examples from the real thing that used to be successful

In order to be clearer I would like to give an example of the "Tutorfind" website, which is a tutor (created from the feature that the tutor must have ) that has encountered a big problem.

Problems: In the past, Tutorfind's "searching for tutor" shows the list of all tutors in the Collection List. Would like to find a tutor that teaches "Mathematics", "High school level" and "Online Teaching" at the same time Causing most users to give up and leave the website

How to solve with Finsweet Attributes: The team has brought Finsweet Filter to use them. Create a checkbox for "subjects", DropDown for "class" and Radio Button for "teaching models".

Results: After releasing a new version for just 1 month, the results are very remarkable.

• Clicking at the conversion profile up 250%.
• When the user spends on the search page (Engagement) for 400% because they enjoy choosing and filtering the right tutor.
• Received praise from users that "The website is much easier to use" and "like a world -class website."

This is the power of changing the terrible UX into an excellent UX with a tool that doesn't have to write a code even one line. You can go to see the cool samples that are created with Webflow at Webflow Showcase .

-Prompt for illustrations-

Comparison of the BEFORE/AFTER of the "BEFORE" webpage is a boring long list. "After" is a webpage that has a beautiful Filter Panel on the side. Allow users to tick the various conditions. Easily

If wanting to follow, what to do? (Can be used immediately)

Ready to try the real thing yet? I will summarize the procedure for installing the Easiest Finsweet Filter to see that 5 minutes is finished!

1. Choose Attribute and Copy Script: Go to the finsweet filter and press the "Copy" button on the script box.
2. Place the script on Webflow: Go to your Webflow project> Site Settings> Custom Code and place the Script in the copy in the `Inside Tag ' and then press Save and PUBLISH.
3. Set the Collection List: Back to Designer. Choose your Collection List. Go to Settings Panel (Gear)> Custom Attributes. Press the positive mark (+) and then
   - Name: `FS -Filter -Element`
   - Value: ` `
4. Set the filter (Filter): Create a checkbox or button for filtering you, then select the Element and go to the Custom Attributes again and wear:
   - `FS -Filter -Element`
   - Value: ` Filter`
   Press again to increase Attribute:
   - `` FS -FILELD ` -FILLD
   ’ (Enter the Field name in CMS that you want to use filtering like 'category').
5. Publish and test: Press Publish again and see the work on the actual webpage! You will have a simple data filter system. Ready to use

This is just a preliminary example. Finsweet Attributes can do a lot. Try to play and read each document. It's really fun and open the world.

-Prompt for illustrations-

Step-By-SEP GIF image shows the Copy Script from the FINSWEET website, Paste in the Custom Code of Webflow, and the add Custom attribute `fs-fanter-element` 'to Collection List.

Questions that people tend to wonder And the answers that are cleared

Question: Finsweet Attributes. Is this really free? Is there anything hidden? Answer: 100% free! Finsweet created these tools to help the Webflow Community, free of charge. You can use it in every project. Whether it is a private website or a customer website, ask: putting these script, will it slow down my website? Answer: Very little to not feel. Finsweet's script is designed to be small and effective . And I can't do it? Answer: Don't worry! Finsweet has a document. (Documentation) and very detailed teaching video On their website And there is also a community that is ready to help But if you need an expert to help take care of complex projects, the use of advanced webflow services is an alternative to save time and get the best results. Question: Does it work with every template of the webflow? Answer: Yes! Finsweet Attributes works at the level of HTML Attribute, so it can work with all Webflow projects, whether you create it yourself from the center or use Template.

-Prompt for illustrations-

Cartoon style images of people who are smiling confidently. With a large checkmark mark floating beside To communicate the solution and confidence in use

Summary to be easy to understand + want to try to do

Finsweet Attributes is a true friend of the web people with Webflow that will break all the original limitations. It has changed the function that used to use a complicated code. To become easy "Copy-Paste-Set Attribute" helps you create a better experience website (UX), intelligent and more professional.

Do not let the word "can't do" to block your creative ideas anymore. The world of Webflow is wider than you think. And when there is a tool like Finsweet Attributes in your hand, you can almost create anything as you imagine.

Now it's time for you to try to do it! Try choosing the Attribute that you think is the most useful to your website and follow the steps I recommend. You will be amazed by the results. And this may be the first step that makes you fall in love with the web with more Webflow!

If you want to create a webflow website that is not only beautiful But also packed with a powerful function that truly meets your business Our team is always ready to give advice. Take a look at Webflow website design and development . We are ready to change your ideas.

-Prompt for illustrations-

Beautiful Key Visual images that combine webflow and finsweet logos, look like a powerful shield or logo. With the message "Webflow + Finsweet: Unlocking Limitless Possibilities"

‍