Embed ✅

Mutates Embed content to expand custom macros with attribute or component property values.

Overview

Usage Notes

1. Drop your Embed element on the page

   1. Create the content you want

   2. Where you want custom-inserted values, use the format {{wf name}} where name is your own chosen name. No spaces, but hyphens and underscores are permitted.

   3. On the Embed element itself, add a custom attribute for each name. If you have an embedded field called bob , create an attribute named bob . The value is what will be inserted inside of your Embed content.

2. Create a Component from your Embed element

   1. Bind your custom attribute value to a new property on your Component

   2. Set those properties, or bind them ( Collection page, collection list, parent component... )

3. Add the Sygnal Embed code component to the page

   1. Move your Component into the Embed code component slot

Done!

The code component will now handle the mutation of the property-bound attributes into your Embed content automatically.

Technical Notes

Examples of Webflow's native syntax;

<li>{{wf {"path":"name","type":"PlainText"} }}</li>
<li>{{wf {"path":"description","type":"PlainText"} }}</li>
<li>{{wf {"path":"latitude","type":"Number"} }}</li>
<li>{{wf {"path":"fullSlug","type":"FullSlug"} }}</li>
<li>{{wf {"path":"created-on","transformers":[{"name":"date","arguments":["MMM DD, YYYY"]}],"type":"Date"} }}</li>