Edit Link Blocks in Editor

Allow clients to edit Webflow Link Block elements inside Editor.

Get Started

Step #1

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

Copy Script

Scroll horizontally to see documentation

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

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.