How to add an attribute:

close icon
Hey! Give us some feedback here.
Functional

Edit Link Blocks in Editor

Allow clients to edit Webflow Link Block elements inside Editor.

469,740

loads per month

Edit Link Blocks in Editor
Step #1

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

copy icon
Copy Script
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
PARENT
I want the element inside this
div block icon

Div Block

to be client-friendly in Webflow editor
See how it works
see webflow attributes
Add this attribute
Description
Name
fs-linkblockedit-element
copy icon
Value
parent
copy icon
Check live example here
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.
how to add link block edit attribute

Working examples

See this solution working live in this Webflow project.

Example 1
Editable link block
Copy and paste this example directly on Webflow
copy icon
Copy this 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

external link icon

Next time implement inside Webflow

external link icon
Subscribe

Sign up for future releases!

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