# SA5 | Sygnal Attributes | Designed for Webflow ## Sygnal Attributes | Designed for Webflow - [Sygnal Attributes v5](https://attr.sygnal.com/overview/readme.md): Webflow Tools that Make Your Site Better - [How to Add Custom Code](https://attr.sygnal.com/overview/how-to-add-custom-code.md): Webflow's 5 Custom Code Areas - [What is Sygnal Attributes?](https://attr.sygnal.com/overview/readme-1.md): Webflow Utils ( WFU ), reloaded for 2023 - [Sponsor a Feature ✨](https://attr.sygnal.com/overview/sponsor.md): Need a capability that SA5 doesn't have yet? You can sponsor it. - [What's New?](https://attr.sygnal.com/overview/whats-new.md) - [Library Modules](https://attr.sygnal.com/overview/whats-new-1.md) - [Technical Notes & Goals](https://attr.sygnal.com/overview/technical-notes-and-goals.md) - [CSS Media Queries](https://attr.sygnal.com/overview/technical-notes-and-goals/css-media-queries.md): All the things we can do with them. - [Callback Handlers](https://attr.sygnal.com/overview/technical-notes-and-goals/callback-handlers.md): Callback Handlers used to configure and extend SA5 module functionality. - [Custom Attributes](https://attr.sygnal.com/overview/technical-notes-and-goals/custom-attributes.md): SA5's Custom Attributes - [Documentation](https://attr.sygnal.com/overview/documentation.md) - [Configuration Blocks](https://attr.sygnal.com/overview/configuration-blocks.md) - [Configuration Block Specification](https://attr.sygnal.com/overview/configuration-blocks/configuration-block-specification.md) - [Preloaders](https://attr.sygnal.com/overview/preloaders.md) - [Breakpoints](https://attr.sygnal.com/overview/breakpoints.md) - [Component Support 🧪](https://attr.sygnal.com/overview/component-support.md) - [Sygnal Attributes ( SA5 ) Support](https://attr.sygnal.com/overview/sygnal-attributes-sa5-support.md): A review of the support options for the SA5 library and toolset - [Dev Team Notes](https://attr.sygnal.com/overview/dev-team-notes.md) - [GDPR](https://attr.sygnal.com/overview/gdpr.md): Sygnal's SA5 libraries are delivered on the jsdelivr CDN. - [SA6](https://attr.sygnal.com/overview/sa6.md): Thoughts. - [Durations](https://attr.sygnal.com/overview/durations.md) - [Triggers, Events & Actions](https://attr.sygnal.com/overview/events.md): Create functionality in your Webflow site using SA5's triggers, events, & actions. - [Triggers](https://attr.sygnal.com/overview/events/triggers.md) - [Click Triggers](https://attr.sygnal.com/overview/events/triggers/click-triggers.md): Invoke an Event by clicking any element - [Scroll Into View Trigger](https://attr.sygnal.com/overview/events/triggers/scroll-into-view-trigger.md): Invoke the specified event when the element scrolls into view - [Hover Trigger](https://attr.sygnal.com/overview/events/triggers/hover-trigger.md): Invoke the specified event when the element scrolls into view - [Timer Trigger](https://attr.sygnal.com/overview/events/triggers/timer-trigger.md): Defines a timer as a trigger. - [Form Triggers 🧪](https://attr.sygnal.com/overview/events/triggers/form-triggers.md) - [Form Submit Trigger 🧪](https://attr.sygnal.com/overview/events/triggers/form-triggers/form-submit-trigger.md) - [Exit Intent Trigger 🧪](https://attr.sygnal.com/overview/events/triggers/exit-intent-trigger.md) - [ECommerce Triggers 🧪](https://attr.sygnal.com/overview/events/triggers/ecommerce-triggers.md) - [Inactivity Trigger 🧪](https://attr.sygnal.com/overview/events/triggers/inactivity-trigger.md) - [Page Load Trigger 🧪](https://attr.sygnal.com/overview/events/triggers/page-load-trigger.md) - [Url Hash Trigger 🧪](https://attr.sygnal.com/overview/events/triggers/url-hash-trigger.md): Trigger on URL hash - [Gated Trigger 🧪](https://attr.sygnal.com/overview/events/triggers/gated-trigger.md) - [Link Triggers 🧪](https://attr.sygnal.com/overview/events/triggers/dynamic-interaction-trigger-links.md): Trigger Your Click Interactions with a Link click - [Reactiv Triggers 🧪](https://attr.sygnal.com/overview/events/triggers/reactiv-triggers.md) - [Interaction Trigger 🧪](https://attr.sygnal.com/overview/events/triggers/interaction-trigger.md): Trigger an SA5 Event from an Interaction - [Events](https://attr.sygnal.com/overview/events/events.md) - [Namespacing](https://attr.sygnal.com/overview/events/events/namespacing.md): Namespace your events for advanced CMS-driven use cases. - [Event Data](https://attr.sygnal.com/overview/events/events/event-data.md) - [Link-Based Triggers 🧪](https://attr.sygnal.com/overview/events/events/future-plans.md): Trigger SA5 Events from a link click. - [Breakpoints 🧪](https://attr.sygnal.com/overview/events/events/breakpoints.md): Only execute at certain breakpoints. - [Persistent Events 🧪](https://attr.sygnal.com/overview/events/events/persistent-events.md) - [Gated Events 🧪](https://attr.sygnal.com/overview/events/events/gated-events.md) - [Actions](https://attr.sygnal.com/overview/events/actions.md) - [Click Actions](https://attr.sygnal.com/overview/events/actions/click-actions.md): When an Event fires, click the specified element - [Calendly Action](https://attr.sygnal.com/overview/events/actions/calendly-action.md) - [Alert Action](https://attr.sygnal.com/overview/events/actions/alert-action.md): A simple alert message, primarily for testing - [Visibility Actions](https://attr.sygnal.com/overview/events/actions/visibility-actions.md): Show, hide, or toggle the visibility of an element. - [Scroll Into View Action](https://attr.sygnal.com/overview/events/actions/scroll-into-view-action.md): Invoke the specified event when the element scrolls into view - [Video Actions 🧪](https://attr.sygnal.com/overview/events/actions/video-actions.md) - [Embedly Problems](https://attr.sygnal.com/overview/events/actions/video-actions/embedly-problems.md) - [Audio Action 🧪](https://attr.sygnal.com/overview/events/actions/audio-action.md) - [Class Adder Actions 🧪](https://attr.sygnal.com/overview/events/actions/class-adder-actions.md): Add, remove, or toggle a specific class on an element. - [Tab Element Actions 🧪](https://attr.sygnal.com/overview/events/actions/tab-element-actions.md) - [Interaction Actions 🧪](https://attr.sygnal.com/overview/events/actions/interaction-actions.md): Invoke a Webflow Interaction as an SA5 Action - [Form Actions 🧪](https://attr.sygnal.com/overview/events/actions/form-actions.md) - [Navigate Actions 🧪](https://attr.sygnal.com/overview/events/actions/navigate-actions.md) - [Script Actions 🧪](https://attr.sygnal.com/overview/events/actions/script-actions.md): Invoke a script as an SA5 Action. - [SA5 Core](https://attr.sygnal.com/overview/sa5-core.md): The central engine - [Handlers](https://attr.sygnal.com/overview/sa5-core/handlers.md) - [Controllers](https://attr.sygnal.com/overview/sa5-core/controllers.md) - [Core Processing](https://attr.sygnal.com/overview/sa5-core/core-processing.md) - [Core Technical Notes](https://attr.sygnal.com/overview/sa5-core/core-technical-notes.md) - [Element Tracking](https://attr.sygnal.com/overview/sa5-core/core-technical-notes/element-tracking.md) - [About SA5's Cache Lib](https://attr.sygnal.com/sa5-cache/about.md): About the SA5 Cache Library - [Data Caching ❺](https://attr.sygnal.com/sa5-cache/cache.md): Cache retrieved data for quick access. - [Cache Setup v4](https://attr.sygnal.com/sa5-cache/cache/v4.md): Cache retrieved data for quick access. - [About SA5's Social Share Lib](https://attr.sygnal.com/sa5-socialshare/about.md): Share your links with the world. - [Quick Start | SA5 Social Share](https://attr.sygnal.com/sa5-socialshare/quick-start.md): How to Easily Add SA5's User Info & Advanced Routing Enhancements to Your Webflow Memberships Site - [Email Social Share ❺](https://attr.sygnal.com/sa5-socialshare/cache.md): Convert a link element into an email sharing tool for current page. - [About SA5's Components Lib](https://attr.sygnal.com/sa5-components/about.md): Share your links with the world. - [Quick Start | SA5 Components](https://attr.sygnal.com/sa5-components/quick-start.md): How to Easily Add SA5's User Info & Advanced Routing Enhancements to Your Webflow Memberships Site - [Components ❺](https://attr.sygnal.com/sa5-components/cache.md): Convert a link element into an email sharing tool for current page. - [About SA5's Detect Lib](https://attr.sygnal.com/sa5-detect/about.md): About the SA5 Detect Library - [Quick Start | SA5 Detect](https://attr.sygnal.com/sa5-detect/quick-start.md): How to Easily Add SA5's User Info & Advanced Routing Enhancements to Your Webflow Memberships Site - [Page](https://attr.sygnal.com/sa5-detect/page.md) - [User Agent Detection](https://attr.sygnal.com/sa5-detect/user-agent-detection.md) - [Geolocation Detection 🧪](https://attr.sygnal.com/sa5-detect/geo.md): Route Visitors and Display Conditional Elements Based on Country or City. - [Cache Setup v4](https://attr.sygnal.com/sa5-detect/geo/v4.md): Cache retrieved data for quick access. - [Detect Incognito Mode](https://attr.sygnal.com/sa5-detect/detect-incognito-mode.md) - [About SA5's Analytics Lib](https://attr.sygnal.com/sa5-analytics/about.md): Use GTM's dataLayer to capture all the information you want from your site. - [Quick Start | SA5 Analytics](https://attr.sygnal.com/sa5-analytics/quick-start.md): How to Easily Add SA5's Analytics to Your Webflow Site - [A/B and Multivariate Testing](https://attr.sygnal.com/sa5-analytics/a-b-and-multivariate-testing.md) - [UTM Tracking](https://attr.sygnal.com/sa5-analytics/utm-tracking.md) - [Rel Attributes](https://attr.sygnal.com/sa5-analytics/rel-attributes.md) - [GA Events](https://attr.sygnal.com/sa5-analytics/ga-events.md) - [GTM Events ❺🧪](https://attr.sygnal.com/sa5-analytics/geo.md): Route Visitors and Display Conditional Elements Based on Country or City. - [Important dataLayer Notes](https://attr.sygnal.com/sa5-analytics/geo/important-datalayer-notes.md) - [Facebook](https://attr.sygnal.com/sa5-analytics/geo/facebook.md) - [Google Analytics ( GA4 )](https://attr.sygnal.com/sa5-analytics/geo/google-analytics-ga4.md): Setting up GA4 for SA5's dataLayer reports - [Future](https://attr.sygnal.com/sa5-analytics/geo/future.md) - [About SA5's Data Lib](https://attr.sygnal.com/sa5-data/about.md): About the SA5 Data & Data-Binding Library - [Quick Start | SA5 Data & Data-Binding](https://attr.sygnal.com/sa5-data/quick-start.md): How to Easily Add SA5's Data & Data-Binding to your Webflow Site - [Usage Notes](https://attr.sygnal.com/sa5-data/overview.md): Creatively merge data into your Webflow sites - [Concepts & Terminology](https://attr.sygnal.com/sa5-data/concepts.md): Concepts & Terms You Need to Know in SA5 - [Data Paths](https://attr.sygnal.com/sa5-data/concepts/data-paths.md): How to Identify the Exact Data you want to bind - [Complex Data Sources](https://attr.sygnal.com/sa5-data/concepts/complex-data-sources.md) - [Developing Concepts 📝](https://attr.sygnal.com/sa5-data/concepts/developing-concepts.md): Cool Stuff We're Thinking About - [Data Sources ( Simple )](https://attr.sygnal.com/sa5-data/data-sources.md): Data Sources, Data Source Types, DSNs, and more - [URL Querystring Data Source](https://attr.sygnal.com/sa5-data/data-sources/url-query-params.md): Pass querystring params through to forms and text elements, automatically - [URL Part Data Source](https://attr.sygnal.com/sa5-data/data-sources/url-data-source.md): Get details of the current URL - [User Info Data Source](https://attr.sygnal.com/sa5-data/data-sources/user-info-data-source.md): Data-binding Current User - [Cookies & Web Storage Data Sources 📝](https://attr.sygnal.com/sa5-data/data-sources/cookies-and-web-storage-data-sources.md): Access your cookies & web storage data - [Global Data Source 🧪](https://attr.sygnal.com/sa5-data/data-sources/global-data-source.md): Store site-wide content so that it can be easily accessed and integrated - [Data Sources ( Complex )](https://attr.sygnal.com/sa5-data/data-sources-complex.md) - [RichText Data Source 🧪](https://attr.sygnal.com/sa5-data/data-sources-complex/parse-to.md): Convert Rich Text into a datasource, based of certain profile rules - [Defining Custom Data Sources](https://attr.sygnal.com/sa5-data/data-sources-complex/defining-custom-data-sources.md): How to Create a Data Source - [Collection List Data Source 📝](https://attr.sygnal.com/sa5-data/data-sources-complex/collection-list-data-source.md): Create and Use Custom Collection List Data Sources - [Developing Concepts | Collection List Data Sources](https://attr.sygnal.com/sa5-data/data-sources-complex/collection-list-data-source/developing-concepts-or-collection-list-data-sources.md): Stuff we're considering. - [Data Binding](https://attr.sygnal.com/sa5-data/binding-data.md): How SA5's databinding works - [Conditional Visibility](https://attr.sygnal.com/sa5-data/binding-data/conditional-visibility.md): FUTURE - [Form Elements 📝](https://attr.sygnal.com/sa5-data/binding-data/form-elements.md): Binding data from form elements - [Templates & Macro Expansion 📝](https://attr.sygnal.com/sa5-data/binding-data/templates-and-macro-expansion.md): The Details of SA5's Data-binding Template Processors - [Developing Concepts on Data-Binding 📝](https://attr.sygnal.com/sa5-data/binding-data/developing-concepts-on-data-binding.md) - [Macro Expansion](https://attr.sygnal.com/sa5-data/binding-data/macro-expansion.md) - [Macro Expansion](https://attr.sygnal.com/sa5-data/binding-data/macro-expansion/macro-expansion.md): Expand {{ macros }} in text content - [Count Items](https://attr.sygnal.com/sa5-data/binding-data/macro-expansion/count-items.md) - [Preloaders](https://attr.sygnal.com/sa5-data/binding-data/preloaders.md): Configure How Your Placeholders Look Before Data-Binding - [SA5 Data ( HSON ) ❺🧪](https://attr.sygnal.com/sa5-data/article.md): Add data to your custom code - [SA5 Data BETA Kit](https://attr.sygnal.com/sa5-data/article/sa5-data-beta-kit.md): Add CMS Data to your Custom Code - [JSON Data Variants](https://attr.sygnal.com/sa5-data/article/json-data-variants.md): A review of JSON data variants and how they relate to SA5 - [Advanced Use](https://attr.sygnal.com/sa5-data/advanced-use.md): Some Tips for more advanced use - [SA5 Data JS API](https://attr.sygnal.com/sa5-data/sa5-data-js-api.md) - [Future 📝](https://attr.sygnal.com/sa5-data/future.md): Just ideas... - [External Data](https://attr.sygnal.com/sa5-data/future/external-data.md) - [One-Way v. 2-way Bindings](https://attr.sygnal.com/sa5-data/future/one-way-v.-2-way-bindings.md) - [Reactive Bindings](https://attr.sygnal.com/sa5-data/future/reactive-bindings.md) - [Data Sources ( External ) 🧪](https://attr.sygnal.com/sa5-data/future/data-sources-external.md) - [Google Sheets Data Source ⛔](https://attr.sygnal.com/sa5-data/future/data-sources-external/google-sheets-data-source.md): Use Google Sheets as a Datasource in Webflow - [GitHub Data Data Source ⛔](https://attr.sygnal.com/sa5-data/future/data-sources-external/github-data-data-source.md) - [About SA5's Forms Lib](https://attr.sygnal.com/sa5-forms/about.md): About the SA5 Forms Library - [SA5 Forms Roadmap](https://attr.sygnal.com/sa5-forms/about/sa5-forms-roadmap.md) - [Quick Start | SA5 Forms](https://attr.sygnal.com/sa5-forms/quick-start.md): How to Easily Add SA5's Forms Capabilities to Your Webflow Site - [SA5 Forms Future](https://attr.sygnal.com/sa5-forms/quick-start/sa5-forms-future.md) - [Data-binding Form INPUTs & SELECTs ❺](https://attr.sygnal.com/sa5-forms/data-binding-form-inputs-and-selects.md) - [Smart Form Webhook Handler ❺](https://attr.sygnal.com/sa5-forms/webhook-handler.md): Post form data direct to webhooks, while supporting Webflow's inline success / error messages - [Form Webhook Handler JS API Events](https://attr.sygnal.com/sa5-forms/webhook-handler/form-webhook-handler-js-api-events.md) - [n8n Handler](https://attr.sygnal.com/sa5-forms/webhook-handler/n8n-handler.md) - [Basin Handler](https://attr.sygnal.com/sa5-forms/webhook-handler/basin.md): How to Use Basin for General Form Capture - [File Uploads](https://attr.sygnal.com/sa5-forms/webhook-handler/basin/file-uploads.md): Uploads are Easy with Basin - [Future](https://attr.sygnal.com/sa5-forms/webhook-handler/basin/future.md): Basin Handler Future - [Make ( Integromat ) Handler](https://attr.sygnal.com/sa5-forms/webhook-handler/make.md): Using Make with SA5's Forms Handler - [Future](https://attr.sygnal.com/sa5-forms/webhook-handler/future.md) - [Form Data Validation](https://attr.sygnal.com/sa5-forms/form-data-validation.md) - [Invalid Field Indicators (Real-Time) 🧪](https://attr.sygnal.com/sa5-forms/form-data-validation/invalid-field-indicators-real-time.md) - [Invalid Field Indicators on Submit Attempt 🧪](https://attr.sygnal.com/sa5-forms/form-data-validation/invalid-field-indicators-on-submit-attempt.md) - [Email validation](https://attr.sygnal.com/sa5-forms/form-data-validation/email-validation.md) - [Remove Unchecked Checkboxes ✨](https://attr.sygnal.com/sa5-forms/remove-unchecked-checkboxes.md) - [Preserve Line Breaks](https://attr.sygnal.com/sa5-forms/form-data-fixups.md): Preserve line breaks in multiline text - [Form IP Info ❺](https://attr.sygnal.com/sa5-forms/form-ip.md): Capture the current user's IP and geo-location data as part of your form submits. - [File Uploads 📝](https://attr.sygnal.com/sa5-forms/file-uploads.md) - [Custom Form Submit Button](https://attr.sygnal.com/sa5-forms/custom-form-submit-button.md) - [File Downloads](https://attr.sygnal.com/sa5-forms/file-downloads.md) - [Form Select Element](https://attr.sygnal.com/sa5-forms/form-select-element.md): Extend and control Webflow's Form Select Element - [SA5 Forms API](https://attr.sygnal.com/sa5-forms/sa5-forms-api.md): For advanced forms manipulations - [Dynamic Forms](https://attr.sygnal.com/sa5-forms/dynamic-forms.md) - [Form Success Redirect 🧪](https://attr.sygnal.com/sa5-forms/form-success-redirect.md) - [Show / Hide Password 🧪](https://attr.sygnal.com/sa5-forms/show-hide-password.md) - [About SA5's HTML Lib](https://attr.sygnal.com/sa5-html/about.md): About the SA5 HTML Library - [Webflow Interactions](https://attr.sygnal.com/sa5-html/about/webflow-interactions.md): Reset your IX2 Interactions after SA5 HTML completes its changes. - [Quick Start | SA5 HTML](https://attr.sygnal.com/sa5-html/quick-start.md): How to Easily Add SA5's User Info & Advanced Routing Enhancements to Your Webflow Memberships Site - [Advanced Element Sorting ❺](https://attr.sygnal.com/sa5-html/advanced-element-sorting.md): Sort Webflow's collection list items any way you like - [Advanced Element Filtering ❺](https://attr.sygnal.com/sa5-html/advanced-element-filtering.md): Filtering any element or Collection List using custom logic. - [Useful Filtering Examples](https://attr.sygnal.com/sa5-html/advanced-element-filtering/useful-filtering-examples.md) - [Dynamic URLs 🧪](https://attr.sygnal.com/sa5-html/dynamic-urls.md): Modify links and other URLs dynamically using CMS data. - [Future](https://attr.sygnal.com/sa5-html/dynamic-urls/future.md) - [Dynamic Attributes](https://attr.sygnal.com/sa5-html/sa5-dynamic-attributes.md): Create any custom attribute, even if it's reserved by Webflow - [Future](https://attr.sygnal.com/sa5-html/sa5-dynamic-attributes/future.md): Future plans for SA5 dynamic attributes - [Smart Attributes 🧪](https://attr.sygnal.com/sa5-html/sa5-dynamic-attributes/future/smart-attributes.md) - [Prefix, Postfix, and Formatted Attributes 🧪](https://attr.sygnal.com/sa5-html/sa5-dynamic-attributes/future/prefix-postfix-and-formatted-attributes.md): Get fancier with your attribute replacements. - [Scroll to Section](https://attr.sygnal.com/sa5-html/scroll-to-section.md) - [Breakpoints ❺](https://attr.sygnal.com/sa5-html/breakpoints.md): Detect Webflow breakpoint changes, in code - [Limit Items by Breakpoint ❺](https://attr.sygnal.com/sa5-html/limit-items-by-breakpoint.md): Make your collection list & static content fully responsive by controlling the quantity - [Designer CSS Embed](https://attr.sygnal.com/sa5-html/limit-items-by-breakpoint/designer-css-embed.md) - [Limit Items to Multiple-of ❺](https://attr.sygnal.com/sa5-html/limit-items-to-multiple-of.md): Limit a list to a multiple of X items - [Numeric Sequencing ❺](https://attr.sygnal.com/sa5-html/numeric-sequencing.md): Assign a numeric sequence to arbitrary elements in a group. - [Truncate Text w/ Ellipsis ❺](https://attr.sygnal.com/sa5-html/truncate-text-w-ellipsis.md): Line-clamp your plain-text content to a maximum number of lines, to keep your layout tidy. - [Encoded Email](https://attr.sygnal.com/sa5-html/encoded-email.md): Encode your email addresses to minimize spam on exposed email addresses. - [Hide Section w/ Empty Collection Lists ❺](https://attr.sygnal.com/sa5-html/hide-section-w-empty-collection-lists.md): Hide an entire section when the collection lists in it are empty - [Download File ❺](https://attr.sygnal.com/sa5-html/download-file.md): Download file assets like PDFs or images, rather than displaying them - [Decode HTML ❺](https://attr.sygnal.com/sa5-html/decode-html.md): Decode a plain-text field containing HTML - [Markdown ❺](https://attr.sygnal.com/sa5-html/markdown.md): Embed markdown content, including tables and more. - [Themes](https://attr.sygnal.com/sa5-html/markdown/themes.md): Styling your Markdown content with themes - [Transform ❺🧪](https://attr.sygnal.com/sa5-html/transform.md): Automatically modify elements and attributes in your Webflow hosted page. - [Code Formatting ❺🧪](https://attr.sygnal.com/sa5-html/code-formatting.md): Manage code formatting in your Webflow hosted page. - [CMS Code Injection ❺🧪](https://attr.sygnal.com/sa5-html/cms-code-injection.md): Inject custom code from the CMS anywhere in your Webflow page. - [Responsive Tables ❺🧪](https://attr.sygnal.com/sa5-html/responsive-tables.md): Create Tables in your rich text document and make them responsive - [Text Formatting ❺🧪](https://attr.sygnal.com/sa5-html/text-formatting.md) - [Components ❺🧪](https://attr.sygnal.com/sa5-html/components.md) - [Component Object Positioning](https://attr.sygnal.com/sa5-html/components/component-object-positioning.md) - [Auto-Size IFRAMEs 🧪](https://attr.sygnal.com/sa5-html/auto-size-iframes.md) - [Switch Case ❺🧪](https://attr.sygnal.com/sa5-html/switch-case.md): Intelligent, script-driven switching of a content area. - [Lazy Load](https://attr.sygnal.com/sa5-html/lazy-load.md): Lazy Load... anything! - [Gallery 🧪](https://attr.sygnal.com/sa5-html/gallery.md) - [Scroll Anchor](https://attr.sygnal.com/sa5-html/scroll-anchor.md) - [About SA5's Layout Lib](https://attr.sygnal.com/sa5-layout/about.md): Extend Webflow's page designs with advanced layout capabilities - [Future](https://attr.sygnal.com/sa5-layout/about/future.md): Layout Capabilities we're considering - [Quick Start | SA5 Layout Lib](https://attr.sygnal.com/sa5-layout/quick-start.md): How to Easily Add SA5's Layout Enhancements to Your Webflow Site - [Layout ❺](https://attr.sygnal.com/sa5-layout/layout.md): Create dynamic layouts in your Webflow-hosted site - [Tabs Layout Handler](https://attr.sygnal.com/sa5-layout/layout/tabs-layout-handler.md): Generate CMS-bound tabs and nested tabs - [Slider Layout Handler 🧪](https://attr.sygnal.com/sa5-layout/layout/slider-layout-handler.md) - [Future](https://attr.sygnal.com/sa5-layout/layout/future.md) - [Element Groups ❺🧪](https://attr.sygnal.com/sa5-layout/element-groups.md): Dynamically show and hide elements on your page based on user actions - [Equal Height Rows ❺🧪](https://attr.sygnal.com/sa5-layout/equal-height-rows.md): Complex grid layouts - [About SA5's Logic Lib](https://attr.sygnal.com/sa5-logic/about.md): Add logic such as switch and if conditional visibility to your pages. - [Future](https://attr.sygnal.com/sa5-logic/about/future.md): Layout Capabilities we're considering - [Quick Start | SA5 Logic Lib](https://attr.sygnal.com/sa5-logic/quick-start.md): How to Easily Add SA5's Logic Enhancements to Your Webflow Site - [If ❺🧪](https://attr.sygnal.com/sa5-logic/if.md): Dynamically show and hide elements on your page based on user actions - [Switch ❺🧪](https://attr.sygnal.com/sa5-logic/switch.md): Dynamically show and hide elements on your page based on a switch/case eval - [About SA5's Booking Lib](https://attr.sygnal.com/sa5-booking/about.md): Extend your Webflow site with better Booking integrations - [Quick Start | SA5 Booking Lib](https://attr.sygnal.com/sa5-booking/quick-start.md): How to Easily Add SA5's Layout Enhancements to Your Webflow Site - [GetTimely ❺🧪](https://attr.sygnal.com/sa5-booking/gettimely.md): Easily integrate versatile bookings into your Webflow site using GetTimely - [SimplyBook ❺🧪](https://attr.sygnal.com/sa5-booking/simplybook.md): Easily integrate versatile bookings into your Webflow site using SimplyBook - [About SA5's Rich Text Lib](https://attr.sygnal.com/sa5-richtext/about.md): Extend Webflow's Rich Text Element - [Future](https://attr.sygnal.com/sa5-richtext/about/future.md): Rich Text Capabilities we're considering - [Quick Start | SA5 Rich Text](https://attr.sygnal.com/sa5-richtext/quick-start.md): How to Easily Add SA5's Rich Text Enhancements to Your Webflow Site - [Nested Lists ❺](https://attr.sygnal.com/sa5-richtext/nested-lists.md): Style Webflow's nested lists within rich text blocks - [Legacy Feature Notes](https://attr.sygnal.com/sa5-richtext/nested-lists/legacy-feature-notes.md): Add nested lists to Webflow's rich text elements - [GitHub Gists ❺](https://attr.sygnal.com/sa5-richtext/github-gists.md): Add embedded GitHub Gist capabilities to your blog. - [Video Tutorials](https://attr.sygnal.com/sa5-richtext/github-gists/video-tutorials.md): Tips on how to use SA5's Rich Text Gist feature - [Why Gist?](https://attr.sygnal.com/sa5-richtext/github-gists/why-gist.md): Why SA5 Uses Gist for our RichText-Embedded Code Solution - [Technical Notes](https://attr.sygnal.com/sa5-richtext/github-gists/technical-notes.md) - [Future](https://attr.sygnal.com/sa5-richtext/github-gists/future.md): Future plans for GitHub Gists - [Code Blocks 🧪](https://attr.sygnal.com/sa5-richtext/code-blocks.md) - [Wrapping Code Blocks](https://attr.sygnal.com/sa5-richtext/code-blocks/wrapping-code-blocks.md) - [Copy Code to Clipboard](https://attr.sygnal.com/sa5-richtext/code-blocks/copy-code-to-clipboard.md) - [Excalidraw ( SVG Embeds )](https://attr.sygnal.com/sa5-richtext/excalidraw.md) - [URL Expanders 🧪](https://attr.sygnal.com/sa5-richtext/url-expanders.md) - [Annotations 🧪](https://attr.sygnal.com/sa5-richtext/annotations.md): Add "smart" elements within your Webflow Rich Text Blocks - [Text SPAN Formatting 🧪](https://attr.sygnal.com/sa5-richtext/text-span-formatting.md): Add Highlighting, Code and other styles to your Rich Text Elements - [Lightboxes 🧪](https://attr.sygnal.com/sa5-richtext/lightboxes.md) - [Future](https://attr.sygnal.com/sa5-richtext/lightboxes/future.md) - [Embeddables](https://attr.sygnal.com/sa5-richtext/embeddables.md) - [Richtext ❺🧪](https://attr.sygnal.com/sa5-richtext/richtext.md): Add special features to your rich-text content. - [CSS Isolation](https://attr.sygnal.com/sa5-richtext/richtext/css-isolation.md) - [Blockquotes](https://attr.sygnal.com/sa5-richtext/blockquotes.md): Embellish Webflow's blockquotes with multiple paragraphs, citations and more. - [Call-Outs](https://attr.sygnal.com/sa5-richtext/call-outs.md): Convert any Webflow blockquote to a stylized callout - [Responsive Inline Images](https://attr.sygnal.com/sa5-richtext/responsive-inline-images.md): Make your inline floating rich text images more responsive - [HTML Tables](https://attr.sygnal.com/sa5-table/html-tables.md) - [About SA5's Kiosk Lib](https://attr.sygnal.com/sa5-kiosk/about.md): Add Kiosk Capabilities to your Webflow Site - [Quick Start | SA5 Kiosk](https://attr.sygnal.com/sa5-kiosk/quick-start.md): How to Easily Add SA5's Hotkeys Support to Your Webflow Site - [Kiosk Mode Usage Notes](https://attr.sygnal.com/sa5-kiosk/kiosk-mode-usage-notes.md) - [Display Mode Usage Notes](https://attr.sygnal.com/sa5-kiosk/display-mode-usage-notes.md) - [Kiosk Hardware & Browser Setup](https://attr.sygnal.com/sa5-kiosk/kiosk-hardware-and-browser-setup.md) - [Kiosk Base 🧪](https://attr.sygnal.com/sa5-kiosk/kiosk-base.md) - [Inactivity Timer](https://attr.sygnal.com/sa5-kiosk/html-tables.md) - [Display Mode](https://attr.sygnal.com/sa5-kiosk/display-mode.md) - [Technical Notes](https://attr.sygnal.com/sa5-kiosk/technical-notes.md) - [Future](https://attr.sygnal.com/sa5-kiosk/future.md) - [Smart Watch Notes](https://attr.sygnal.com/sa5-kiosk/future/smart-watch-notes.md) - [ToDo](https://attr.sygnal.com/sa5-kiosk/todo.md) - [About SA5's Hotkeys Lib](https://attr.sygnal.com/sa5-hotkeys/about.md): About the SA5 Trigger Library - [Quick Start | SA5 Hotkeys](https://attr.sygnal.com/sa5-hotkeys/quick-start.md): How to Easily Add SA5's Hotkeys Support to Your Webflow Site - [Hotkeys ❺](https://attr.sygnal.com/sa5-hotkeys/hotkeys.md): Capture specific hotkeys to perform specific tasks - [Future](https://attr.sygnal.com/sa5-hotkeys/hotkeys/future.md) - [Payment Providers](https://attr.sygnal.com/sa5-commerce/payment-providers.md): Simple payment-link tools - [Price in Local Currency 🧪](https://attr.sygnal.com/sa5-commerce/price-in-local-currency.md): Display an estimated price in the user's local currency - [Webflow Preview Link](https://attr.sygnal.com/sa5-demo/webflow-preview-link.md): Add an adaptive preview link to your demo site, which will link to the correct page of your read-only preview. - [About SA5's UI Lib](https://attr.sygnal.com/sa5-ui/about.md): About the SA5 Url Library - [Quick Start | SA5 UI](https://attr.sygnal.com/sa5-ui/quick-start.md): How to Easily Add SA5's UI Enhancements to Your Webflow Site - [5-Star Ratings Component ❺](https://attr.sygnal.com/sa5-ui/5-star-ratings-component.md): Add a fractional 5-star rating element to your site - [About SA5's CRO Lib](https://attr.sygnal.com/sa5-cro/about.md): Conversion Rate Optimization ( CRO ) tools built into Webflow. - [Quick Start | SA5 CRO](https://attr.sygnal.com/sa5-cro/quick-start.md): How to Easily Add SA5's UI Enhancements to Your Webflow Site - [Conversion Tracking Event](https://attr.sygnal.com/sa5-cro/conversion-tracking-event.md) - [About SA5's Url Lib](https://attr.sygnal.com/sa5-url/about.md): About the SA5 Url Library - [Quick Start | SA5 Url](https://attr.sygnal.com/sa5-url/quick-start.md): How to Easily Add SA5's Url Enhancements to Your Webflow Site - [Query Param Passthrough](https://attr.sygnal.com/sa5-url/query-param-passthrough.md): Automatically pass through querystring params from the current page, as users navigate through your site. - [Future](https://attr.sygnal.com/sa5-url/query-param-passthrough/future.md) - [Pretty Pagination Querystring](https://attr.sygnal.com/sa5-url/pretty-pagination-querystring.md) - [External Link Targeting](https://attr.sygnal.com/sa5-url/external-link-targeting.md): Automatically open external links in a new tab - [Relative Link Fixups ⛔](https://attr.sygnal.com/sa5-url/relative-link-fixups.md): Fix CMS and in-page links to their correct relative form - [About SA5's Webflow Video Lib](https://attr.sygnal.com/sa5-video/about.md): Why it exists and how it extends Webflow's Video features - [Quick Start | SA5 Video](https://attr.sygnal.com/sa5-video/quick-start.md): How to Easily Add SA5's Video Enhancements to Your Webflow Site - [Background Video Poster](https://attr.sygnal.com/sa5-video/background-video-poster.md) - [Triggers, Events & Actions](https://attr.sygnal.com/sa5-video/triggers-events-and-actions.md) - [YouTube Hide Related Videos \[BETA\]](https://attr.sygnal.com/sa5-video/youtube-hide-related-videos-beta.md): Hide YouTube's annoying related video content - [Styling Options](https://attr.sygnal.com/sa5-video/youtube-hide-related-videos-beta/styling-options.md): Styling the YouTube Norel overlay - [Future](https://attr.sygnal.com/sa5-video/youtube-hide-related-videos-beta/future.md): Future ideas for the YouTube hide related video feature - [Media Pop-Ups 🧪](https://attr.sygnal.com/sa5-video/media-pop-ups.md): Play a video from any pop-up source. - [Video Player ( Direct )](https://attr.sygnal.com/sa5-video/video-player-direct.md) - [Video Controller File Format](https://attr.sygnal.com/sa5-video/video-controller-file-format.md) - [Media Controller](https://attr.sygnal.com/sa5-video/media-controller.md) - [Video Player Controller](https://attr.sygnal.com/sa5-video/video-player.md): Control and get events from your Webflow video players and embeds. - [Video Playback Spec 🧪](https://attr.sygnal.com/sa5-video/video-player/video-playback-spec.md): Define what events you want triggered in advance - [YouTube Video Data 🧪](https://attr.sygnal.com/sa5-video/video-player/youtube-video-data.md): Extraction of YouTube Data - [Loom Video Data 🧪](https://attr.sygnal.com/sa5-video/video-player/loom-video-data.md): Extraction of Loom Data - [About SA5's Elements Lib](https://attr.sygnal.com/sa5-elements/about.md): About the SA5 Elements Library - [Elements Lib Future Plans](https://attr.sygnal.com/sa5-elements/about/elements-lib-future-plans.md) - [Quick Start | SA5 Elements](https://attr.sygnal.com/sa5-elements/quick-start.md): How to Easily Add SA5's Video Enhancements to Your Webflow Site - [Element Actions 🧪](https://attr.sygnal.com/sa5-elements/element-actions.md) - [Tabs Element](https://attr.sygnal.com/sa5-elements/tabs.md): Interact with Webflow's Tabs Element - [Tabs Future Plans](https://attr.sygnal.com/sa5-elements/tabs/tabs.md): SA5 Tabs Future Plans - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-elements/tabs/triggers-events-and-actions.md) - [Tabs API](https://attr.sygnal.com/sa5-elements/tabs/tabs-api.md) - [Slider Element](https://attr.sygnal.com/sa5-elements/slider.md): Interact with Webflow's Slider Element - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-elements/slider/triggers-events-and-actions.md) - [Slider JS API](https://attr.sygnal.com/sa5-elements/slider/slider-code-examples.md): SA5 Slider Code Examples - [Slider JS API Events](https://attr.sygnal.com/sa5-elements/slider/slider-js-api-events.md) - [Advanced Slider Use](https://attr.sygnal.com/sa5-elements/slider/advanced-slider-use.md) - [Future](https://attr.sygnal.com/sa5-elements/slider/future.md): SA5 Slider Future plans - [Deck Controller Element ⛔](https://attr.sygnal.com/sa5-elements/deck-controller-element.md): Control and navigate deck elements like Tabs and Sliders - [Button Element](https://attr.sygnal.com/sa5-elements/button.md): Interact with Webflow's Button Element - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-elements/button/triggers-events-and-actions.md) - [Dropdown Element](https://attr.sygnal.com/sa5-elements/dropdown.md): Interact with Webflow's Dropdown Element - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-elements/dropdown/triggers-events-and-actions.md) - [Future](https://attr.sygnal.com/sa5-elements/dropdown/future.md) - [Lightbox Element](https://attr.sygnal.com/sa5-elements/lightbox.md): Enhance Webflow's Lightbox Element - [CMS Lightbox + Groups](https://attr.sygnal.com/sa5-elements/lightbox/cms-and-lightbox-+-groups.md): Display your nested Collection List Lightboxes in separate groups - [CMS Lightbox + Captions](https://attr.sygnal.com/sa5-elements/lightbox/cms-and-lightbox-+-captions.md): Display CMS-Managed Captions in Webflow’s Lightboxes - [Popular Lightbox Setups](https://attr.sygnal.com/sa5-elements/lightbox/cms-and-lightbox-+-captions/popular-lightbox-setups.md): Some popular lightbox configurations and how to build them in Webflow. - [Lightbox JS API](https://attr.sygnal.com/sa5-elements/lightbox/slider-code-examples.md): SA5 Slider Code Examples - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-elements/lightbox/triggers-events-and-actions.md) - [SA5 Lightbox Future](https://attr.sygnal.com/sa5-elements/lightbox/sa5-lightbox-future.md) - [Radio Button Element 🧪](https://attr.sygnal.com/sa5-elements/radio-button-element.md) - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-elements/radio-button-element/triggers-events-and-actions.md) - [Autocomplete Element](https://attr.sygnal.com/sa5-elements/autocomplete-element.md): A CMS-capable dropdown UI that makes it easier to navigate & choose items from longer lists. - [Styling](https://attr.sygnal.com/sa5-elements/autocomplete-element/styling.md): Styling SA5's Autocomplete Element - [Future](https://attr.sygnal.com/sa5-elements/autocomplete-element/future.md) - [Accordion Element](https://attr.sygnal.com/sa5-elements/accordion-element.md): Easily create static & CMS Accordions in Webflow, with no Interactions, no custom code and complete designer styling control. - [Accordion Future Plans](https://attr.sygnal.com/sa5-elements/accordion-element/accordion-future-plans.md) - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-elements/accordion-element/triggers-events-and-actions.md) - [Accordion API](https://attr.sygnal.com/sa5-elements/accordion-element/accordion-api.md) - [Lottie Element ❺🧪](https://attr.sygnal.com/sa5-elements/lottie-element.md) - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-elements/lottie-element/triggers-events-and-actions.md) - [Locale Switcher Element ❺🧪](https://attr.sygnal.com/sa5-elements/locale-switcher-element.md) - [Technical Notes](https://attr.sygnal.com/sa5-elements/locale-switcher-element/technical-notes.md): Technical Notes regarding the Webflow Locale Switcher - [JavaScript API](https://attr.sygnal.com/sa5-elements/locale-switcher-element/javascript-api.md) - [About SA5's Format Lib](https://attr.sygnal.com/sa5-format/about.md): About the SA5 Format Library - [Quick Start | SA5 Format](https://attr.sygnal.com/sa5-format/quick-start.md): How to Easily Add SA5's Formatting to Your Webflow Site - [Format Numbers & Currencies ❺](https://attr.sygnal.com/sa5-format/format-numbers-and-currencies.md): Give your number & currency display the look you want - [Format Dates ❺](https://attr.sygnal.com/sa5-format/format-dates.md): Give your dates the formatting you want - [Use Cases](https://attr.sygnal.com/sa5-format/format-dates/use-cases.md): Popular Use Cases for SA5 Format's dates feature - [Custom Format a Date](https://attr.sygnal.com/sa5-format/format-dates/use-cases/custom-format-a-date.md): SA5 Format Dates. Quick setup for the most popular use cases. - [Localize a Date](https://attr.sygnal.com/sa5-format/format-dates/use-cases/localize-a-date.md): SA5 Format Dates. Quick setup for the most popular use cases. - [From and To Relative Timespans](https://attr.sygnal.com/sa5-format/format-dates/use-cases/from-and-to-relative-timespans.md): SA5 Format Dates. Quick setup for the most popular use cases. - [Age](https://attr.sygnal.com/sa5-format/format-dates/use-cases/age.md): SA5 Format Dates. Quick setup for the most popular use cases. - [Future - Date formatting](https://attr.sygnal.com/sa5-format/format-dates/future-date-formatting.md): What we're planning for SA5 - [Setup Your Date Field for Good Parsing](https://attr.sygnal.com/sa5-format/format-dates/setup-your-date-field-for-good-parsing.md): Best Practices for your date field settings. - [About SA5's Webflow User Accounts Lib](https://attr.sygnal.com/sa5-user-accounts/about.md): Why it exists and how it extends Webflow's Memberships - [Quick Start | SA5 User Accounts](https://attr.sygnal.com/sa5-user-accounts/quick-start.md): How to Easily Add SA5's User Info & Advanced Routing Enhancements to Your Webflow Memberships Site - [Logged-In User Info ❺](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info.md): In Webflow Memberships, get details of the currently logged-in user, anywhere in your site. - [Custom User Fields](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/custom-user-fields.md): How to setup and access Webflow's Custom User Data fields from WFU - [Webflow's UserID](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/webflows-userid.md): How to get Webflow's UserID for the currently logged in user. - [Access Groups](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/access-groups.md): Get the Access Groups of the Currently Logged-In User - [Using Access Groups for Conditional Visibility](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/access-groups/using-access-groups-for-conditional-visibility.md): Here's what we're thinking... - [Using Access Groups for Routing ❺🧪](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/access-groups/using-access-groups-for-routing.md): Here's what we're thinking... - [The User object](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/the-user-object.md): And what it contains - [The User Object Lifecycle](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/the-user-object/the-user-object-lifecycle.md): Important rules on when the User object is created and destroyed - [Tips & Best Practices](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/tips-and-best-practices.md): Best Practices Using SA5's User Info Library - [User Info FAQs](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/user-info-faqs.md): Frequently Asked Questions (FAQs) about the User Info lib - [Troubleshooting](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/troubleshooting.md): Troubleshooting and FAQs for SA5's Current User Info. - [Future Plans & Ideas](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/future-plans-and-ideas.md): Stuff we Think About - [BETA testing](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/beta-testing.md): Help us BETA test! - [Technical Notes - Interfaces](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/technical-notes-interfaces.md): Interfaces to User Accounts Data & Functionality - [Future Development](https://attr.sygnal.com/sa5-user-accounts/get-logged-in-user-info/future-development.md): What we're working on - [Advanced Log-In & Sign-Up Flow ❺](https://attr.sygnal.com/sa5-user-accounts/advanced-log-in-and-sign-up-flow.md): Redirect users anywhere you want, after login - [Conditional Element Display ❺](https://attr.sygnal.com/sa5-user-accounts/conditional-element-display.md): Hide or show any element in Webflow, based on login state - [Expand Login Button ❺](https://attr.sygnal.com/sa5-user-accounts/expand-login-button.md): Expand Webflow's login/logout button to a surrounding container - [About SA5's Tracking Lib](https://attr.sygnal.com/sa5-track/about.md): Tools for better modal & popup solutions in Webflow - [Quick Start | SA5 Tracking](https://attr.sygnal.com/sa5-track/quick-start.md): How to Easily Add SA5's Tracking to Your Webflow Site - [Webflow Cookies & Storage Tracking ❺](https://attr.sygnal.com/sa5-track/webflow-cookies-and-storage-tracking.md): Track referrals, user info and more to improve your site's user experience (UX) - [Conditional Element Visibility](https://attr.sygnal.com/sa5-track/webflow-cookies-and-storage-tracking/conditional-element-visibility.md): Conditionally hide/show elements depending on tracked state - [Tracking Page Visits](https://attr.sygnal.com/sa5-track/webflow-cookies-and-storage-tracking/tracking-page-visits.md): Track when a user visits a specific URL on your site - [Tracking Button Clicks](https://attr.sygnal.com/sa5-track/webflow-cookies-and-storage-tracking/tracking-button-clicks.md): Track when a user clicks a specific button on your site - [Track Query String Params](https://attr.sygnal.com/sa5-track/webflow-cookies-and-storage-tracking/track-query-string-params.md): Great for capturing referral info - [Track Checkbox State](https://attr.sygnal.com/sa5-track/webflow-cookies-and-storage-tracking/track-checkbox-state.md): Remember the state of a checkbox as the user changes pages - [SA5 Referer Tracking ❺🧪](https://attr.sygnal.com/sa5-track/sa5-referer-tracking.md): Track querystring params and automatically inject them into your forms as trackable data. - [Future Plans](https://attr.sygnal.com/sa5-track/future.md): Our future plans for SA5 Track - [Likes & Favorites Tracking ❺🧪](https://attr.sygnal.com/sa5-track/future/clicks.md): Track likes, favorites, page visits, and more. - [Recently Viewed Tracking ❺🧪](https://attr.sygnal.com/sa5-track/future/recently-viewed-tracking.md): Track certain recently viewed items, e.g. product pages - [About SA5's Webflow Modals & Popups Lib](https://attr.sygnal.com/sa5-modals/about.md): Tools for better modal & popup solutions in Webflow - [Quick Start | SA5 Modals & Popups](https://attr.sygnal.com/sa5-modals/quick-start.md): How to Easily Add SA5's User Info & Advanced Routing Enhancements to Your Webflow Memberships Site - [Webflow Popups & Modals](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals.md): Easily create and manage popups and modals in your Webflow projects. - [Triggers](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/triggers.md) - [Gating Modals](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/gating-modals.md): Restrict access to content with an SA5 gate - [Modal Design & Styling Notes](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/modal-design-and-styling-notes.md) - [Simple Modals v. Custom Modals](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/simple-modals-v.-custom-modals.md) - [Modal JS API](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/modal-js-api.md) - [Page-Specific Modal Control](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/page-specific-modal-control.md) - [Common Configurations](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/common-configurations.md) - [Pro-Tips](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/pro-tips.md): Pro-Tips in using the SA5 Modal lib - [SA5 Modals Roadmap & Future](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/sa5-modals-roadmap-and-future.md) - [Future Attributes](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/sa5-modals-roadmap-and-future/future-attributes.md) - [Future Triggers](https://attr.sygnal.com/sa5-modals/webflow-popups-and-modals/sa5-modals-roadmap-and-future/future-triggers.md) - [Dismissible Elements](https://attr.sygnal.com/sa5-modals/dismissible.md): Automatically suppress your Webflow modals, popups & more after the user closes them, for a specified number of days. - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-modals/triggers-events-and-actions.md) - [Webflow Modals & Popups Auto-Open and Auto-Close](https://attr.sygnal.com/sa5-modals/article-1.md): Automatically show or hide your Webflow modals, popups & more after the user closes them for a specified number of days. - [Side Panels 🧪](https://attr.sygnal.com/sa5-modals/page-1.md) - [About SA5's Custom Form Select Lib](https://attr.sygnal.com/sa5-selectcustom/about.md): Tools for better modal & popup solutions in Webflow - [Quick Start | SA5 Custom Form Select](https://attr.sygnal.com/sa5-selectcustom/quick-start.md): Proxy selects with a dropdown for better styling options - [Triggers, Events & Actions 🧪](https://attr.sygnal.com/sa5-selectcustom/triggers-events-and-actions.md) - [Custom Form Select ❺🧪](https://attr.sygnal.com/sa5-selectcustom/article.md): Automatically suppress your Webflow modals, popups & more after the user closes them for a specified number of days. - [About SA5's Gallery Lib](https://attr.sygnal.com/sa5-gallery/about.md): Tools for better modal & popup solutions in Webflow - [Quick Start | SA5 Gallery](https://attr.sygnal.com/sa5-gallery/quick-start.md): Proxy selects with a dropdown for better styling options - [Gallery ❺🧪](https://attr.sygnal.com/sa5-gallery/article.md): Automatically suppress your Webflow modals, popups & more after the user closes them for a specified number of days. - [Simple Collage Layout Engine](https://attr.sygnal.com/sa5-gallery/article/simple-collage-layout-engine.md): Ideal for simple collage-style layouts - [About SA5's Effects Lib](https://attr.sygnal.com/sa5-effects/about.md): Add pre-defined, configurable effects to images and elements in Webflow - [Quick Start | SA5 Effects](https://attr.sygnal.com/sa5-effects/quick-start.md): Proxy selects with a dropdown for better styling options - [Depthmap (Fake 3D) Image ❺🧪](https://attr.sygnal.com/sa5-effects/article.md): Give an image a 3D-like depth, and a parallax-like mouseover effect - [Image Zoom](https://attr.sygnal.com/sa5-effects/image-zoom.md) - [Viewport META](https://attr.sygnal.com/sa5-fixup/viewport-meta.md) - [Webflow Fixups ❺](https://attr.sygnal.com/sa5-fixup/article.md): Fix common Webflow issues in the Editor and published site. - [CountUp Animated Numbers](https://attr.sygnal.com/sa5-countup/countup.md): Add cool animated numeric countups to your site with just an attribute. - [About SA5's SEO Lib](https://attr.sygnal.com/sa5-seo/about.md): Tools for better SEO in Webflow - [Quick Start | SA5 SEO](https://attr.sygnal.com/sa5-seo/quick-start.md): How to Easily Add SA5's User Info & Advanced Routing Enhancements to Your Webflow Memberships Site - [Noindex ❺🧪](https://attr.sygnal.com/sa5-seo/noindex.md) - [Nofollow ❺🧪](https://attr.sygnal.com/sa5-seo/nofollow.md): Configure SEO rules on your links, to control link equity - [JSON-LD ❺🧪](https://attr.sygnal.com/sa5-seo/json-ld.md): Add structured data to your Webflow site, easily - [JSON-LD Article ❺🧪](https://attr.sygnal.com/sa5-seo/json-ld/article.md): Generate valid JSON-LD Structured data from CMS Content - [JSON-LD Video ❺🧪](https://attr.sygnal.com/sa5-seo/json-ld/article-1.md): Generate valid JSON-LD Structured data from CMS Content - [JSON-LD Course Info ❺🧪](https://attr.sygnal.com/sa5-seo/json-ld/article-2.md): Generate valid JSON-LD Structured data from CMS Content - [JSON-LD WebPage](https://attr.sygnal.com/sa5-seo/json-ld/json-ld-webpage.md) - [JSON-LD Sitelinks Searchbox ❺🧪](https://attr.sygnal.com/sa5-seo/json-ld/article-3.md): Generate valid JSON-LD Structured data from CMS Content - [SA5 Core ❺](https://attr.sygnal.com/sa5-core/overview.md): Fix common Webflow issues in the Editor and published site. - [Webflow Designer Support ❺](https://attr.sygnal.com/sa5-core/overview-1.md): Improve the Design-Time Experience when working with SA5. - [About SA5's Embeds Lib](https://attr.sygnal.com/sa5-embeds/about.md): Embed Tables and more from External Sources like Google Docs - [Quick Start | SA5 Embeds](https://attr.sygnal.com/sa5-embeds/quick-start.md): How to Setup SA5's Embeds Library - [Table Embeds ❺](https://attr.sygnal.com/sa5-embeds/table-embeds.md): Embed tables and more, directly from sources such as Google Docs. - [Google Doc Table Embeds](https://attr.sygnal.com/sa5-embeds/table-embeds/google-doc-table-embeds.md): Embed tables from Google Docs directly in your Webflow pages. - [Styling Table Embeds](https://attr.sygnal.com/sa5-embeds/table-embeds/google-doc-table-embeds/styling-table-embeds.md) - [Google Sheets Table Embeds](https://attr.sygnal.com/sa5-embeds/table-embeds/google-sheets-table-embeds.md): Embed a specific range or sheet from a Google Sheet - [Future](https://attr.sygnal.com/sa5-embeds/table-embeds/future.md) - [About SA5's State Lib](https://attr.sygnal.com/sa5-state/about.md): Track, store, and apply website state for a better UX. - [Quick Start | SA5 State](https://attr.sygnal.com/sa5-state/quick-start.md): How to Setup SA5's State Library - [State ❺🧪](https://attr.sygnal.com/sa5-state/state.md): Track, store, and apply website state for a better UX. - [State Handlers](https://attr.sygnal.com/sa5-state/state/state-handlers.md): Underlying state handlers which MAY BE made available for system versatility - [SA5 State Handler](https://attr.sygnal.com/sa5-state/state/state-handlers/sa5-state-handler.md) - [MobX](https://attr.sygnal.com/sa5-state/state/state-handlers/mobx.md) - [Redux](https://attr.sygnal.com/sa5-state/state/state-handlers/redux.md) - [About SA5's Localization Lib](https://attr.sygnal.com/sa5-localization/about.md): Add functionality to Webflow's new Localization feature - [Quick Start | SA5 Localization](https://attr.sygnal.com/sa5-localization/quick-start.md): How to Setup SA5's 404 Library - [Localization Functions](https://attr.sygnal.com/sa5-localization/localization-functions.md) - [Locale URLs](https://attr.sygnal.com/sa5-localization/locale-urls.md): Fix static URL in Webflow sites to maintain the correct URL - [Sort locales in the order you choose](https://attr.sygnal.com/sa5-localization/sort-locales-in-the-order-you-choose.md) - [About SA5's 404 Lib](https://attr.sygnal.com/sa5-404/article.md): Make Your 404 Pages More Functional. - [Quick Start | SA5 404](https://attr.sygnal.com/sa5-404/quick-start-or-sa5-404.md): How to Setup SA5's 404 Library - [404 Smart Search ❺](https://attr.sygnal.com/sa5-404/article-1.md): Add a Smart Search to Your 404 Pages. - [About SA5's Calc Lib](https://attr.sygnal.com/sa5-calc/article.md): Perform basic calculations such as count and sum in your Webflow site. - [Future](https://attr.sygnal.com/sa5-calc/article/future.md): Future ideas for SA5 Calc - [Quick Start | SA5 Calc](https://attr.sygnal.com/sa5-calc/quick-start-or-sa5-calc.md): How to Setup SA5's 404 Library - [Count & Sum Items ❺](https://attr.sygnal.com/sa5-calc/article-1.md): Count and sum items in your collection lists. - [Source Types](https://attr.sygnal.com/sa5-calc/article-1/source-types.md) - [Calc Use Cases](https://attr.sygnal.com/sa5-calc/article-1/calc-use-cases.md) - [About SA5's Trigger Lib](https://attr.sygnal.com/sa5-trigger/about.md): About the SA5 Trigger Library - [Quick Start | SA5 Trigger](https://attr.sygnal.com/sa5-trigger/quick-start.md): How to Easily Add SA5's Trigger Enhancements to Your Webflow Site - [IX Triggers ( Legacy ) ❺](https://attr.sygnal.com/sa5-trigger/dynamic-interaction-trigger-links.md): Trigger Your Click Interactions with a Link click - [Repeater ⛔](https://attr.sygnal.com/deprecated/repeater.md) - [Lipsum Generator ⛔](https://attr.sygnal.com/deprecated/lipsum-generator.md) - [JSON Formatter ⛔](https://attr.sygnal.com/deprecated/json-formatter.md)