🚀Quick Start | SA5 Detect

How to Easily Add SA5's User Info & Advanced Routing Enhancements to Your Webflow Memberships Site

COMING SOON.

How to Add the Library

This feature is using SA5's new TypeScript-based library, so it is has different URLs and code placement from the v4 JS-based library.

Add this script to the site wide custom code HEAD area of your site.

<!-- Sygnal Attributes 5 | Detect --> 
<script>
// Routing rules
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/css/webflow-detect.css"> 
<script src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-detect.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 | Detect --> 
<link rel="stylesheet" 
  href="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/css/webflow-detect.css"
  dev-href="http://127.0.0.1:4000/dist/css/webflow-detect.css"
  devproxy-group="sa5"
  > 
<script defer 
  src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-detect.js" 
  dev-src="http://127.0.0.1:4000/dist/nocode/webflow-detect.js"
  devproxy-group="sa5"
  ></script>