🚀Quick Start | SA5 Embeds

How to Setup SA5's Embeds Library

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.

There are currently no configuration options for this library, so we’ll use a no-code integration approach.

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.

How to Add the Library

Add this script to the site wide custom code HEAD area of your site. If this functionality is only needed on specific pages, you can add it to those page-specific HEADs instead.

<!-- Sygnal Attributes 5 | Embeds --> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/css/webflow-embed.css"> 
<script defer src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-embed.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 Devmode and Sygnal DevProxy. These make it easier to develop and test code changes with Webflow sites.

<!-- Sygnal Attributes 5 | Embeds --> 
<link rel="stylesheet" 
  href="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/css/webflow-embed.css"
  dev-href="http://127.0.0.1:4000/dist/css/webflow-embed.css"
  group="SA5 Embeds"  
  > 
<script defer 
  src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-embed.js" 
  dev-src="http://127.0.0.1:4000/dist/nocode/webflow-embed.js"
  group="SA5 Embeds"  
  ></script>