00:00
Buy Me a Beer
Utilities

Add a toast to Webflow

Remove element after page load

Instructions

Firstly, make sure you have the VisualDX script before your </body>. Checkout the Quick Start for how to do this.

Add Toast Button Attribute

Copy this attribute:

vdx-toast-button

Paste the attribute into the Custom Attributes Name field of a Webflow Button.

Body
Button
Div
Button
Style
Settings
Interactions
Settings
Custom Attributes
Name
vdx-toast-button
Value

Add Toast Message Attribute

Copy this attribute:

vdx-toast-message

Paste the attribute into the Custom Attributes Name field of a Webflow Divwhich contains the toast message

Body
Button
Div
Button
Style
Settings
Interactions
Settings
Custom Attributes
Name
vdx-toast-message
Value

Publish

Toast 🥪