🚀Quick Start | SA5 Hotkeys

How to Easily Add SA5's Hotkeys Support to Your Webflow Site

How to Add the Library

Add this script to the page-specific or site wide custom code HEAD area of your site or page.

<!-- Sygnal Attributes 5 | Hotkeys -->
<script defer
src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-hotkeys.js"
></script> 

Nothing is needed in the before BODY code area.

Once the library is installed, use the attributes you want for the specific features you're looking for in this library. Those are documented with each feature.

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