🚀Quick Start | SA5 HTML

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

All of SA5's HTML features are now consolidated into a single library, so you only need one library include.

How to Add the Library

IMPORTANT We've made some enhancements to SA5 Core in v5.5.0. If you are already using other SA5 Libs, please make certain to upgrade them to at least v5.5.0 as well to ensure cross-compatibility.

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 add it to page-specific custom code instead.

<!-- Sygnal Attributes 5 | HTML --> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.8.0/dist/css/webflow-html.css"> 
<script defer src="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.8.0/dist/nocode/webflow-html.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 | HTML --> 
<link rel="stylesheet" 
  href="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.8.0/dist/css/webflow-html.css"
  dev-href="http://127.0.0.1:4000/dist/css/webflow-html.css"
  devproxy-group="sa5"
  > 
<script defer 
  src="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@5.8.0/dist/nocode/webflow-html.js" 
  dev-src="http://127.0.0.1:4000/dist/nocode/webflow-html.js"
  devproxy-group="sa5"
  ></script>