Functional
Edit Link Blocks in Editor
Allow clients to edit Webflow Link Block elements inside Editor.
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.
PARENT
I want the element inside this
Div Block
to be client-friendly in Webflow editor
See how it works
Add this attribute
Description
Name
fs-linkblockedit-element
Value
parent
When this attribute is set to a parent Div Block element, it will automatically act as a Link Block in Editor.
Useful when you want to use a Link Block and have the url Webflow Editor friendly.
It requires a child Text Link or Button elements (can be displayed or hidden). All clicks to the parent will click the child link.
tabindex and role="link" should be set to the parent for Accessibility purposes.
Useful when you want to use a Link Block and have the url Webflow Editor friendly.
It requires a child Text Link or Button elements (can be displayed or hidden). All clicks to the parent will click the child link.
tabindex and role="link" should be set to the parent for Accessibility purposes.
Working examples
See this solution working live in this Webflow project.
Example 1
Editable link block
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
Next time implement inside Webflow
Use Finsweet Extension
