πŸš€Quick Start | SA5 Data & Data-Binding

How to Easily Add SA5's Data & Data-Binding to your Webflow Site

How to Add the Library

Add this script to the site wide custom code HEAD area of your site. If you are only using it on specific pages, you can addit to page-level custom code instead.

<!-- Sygnal Attributes 5 | Data & Data-Binding --> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.6.0/dist/css/webflow-data.css"> 
<script src="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.6.0/dist/nocode/webflow-data.js"></script>

Add the custom attributes for the features you need, described in each feature separately.

SA5 Library Developers

For SA5 library developers, use the extended syntax to support Sygnal DevProxy.

<!-- Sygnal Attributes 5 | Data & Data-Binding--> 
<link rel="stylesheet" 
  href="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.6.0/dist/css/webflow-data.css"
  dev-href="http://127.0.0.1:4000/dist/css/webflow-data.css"
  devproxy-group="sa5"
  > 
<script defer 
  src="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.6.0/dist/nocode/webflow-data.js" 
  dev-src="http://127.0.0.1:4000/dist/nocode/webflow-data.js"
  devproxy-group="sa5"
  ></script>

Last updated

Was this helpful?