When connecting Webflow to Search Atlas through the Universal CMS integration, you can use dynamic template variables to automatically populate content fields with SEO-optimized data. This article explains every supported variable, what it outputs, and how to use it inside your Webflow CMS templates.
The following variables are the complete set of supported dynamic custom fields for Webflow CMS templates in Search Atlas. No additional variables are available beyond those listed here.
#{{html}} — Inserts the full body content of the generated article as HTML. Use this in a Rich Text field in your Webflow CMS collection.
#{{title}} — Inserts the SEO-optimized page or article title. Map this to your collection's Name or Title field.
#{{slug}} — Inserts the URL slug generated for the content item. This populates the Slug field in your Webflow CMS collection, controlling the page URL.
#{{featured_image}} — Inserts the URL of the featured image selected or generated for the content. Map this to an Image field in your collection.
#{{featured_image_alt_text}} — Inserts the alt text string associated with the featured image. Map this to the alt text input of your Image field for accessibility and SEO compliance.
In Search Atlas, navigate to Left sidebar → OTTO SEO and open the relevant project.
Go to the Overview page and select your Webflow CMS integration settings.
When configuring your content template, type the variable (for example, #{{title}}) directly into the corresponding field mapping input.
Make sure each variable is mapped to a compatible Webflow field type — for example, #{{html}} requires a Rich Text field, while #{{featured_image}} requires an Image field.
Save your template configuration and run a sync or content push to verify the fields populate correctly in your Webflow CMS collection.
Mapping #{{html}} to a plain text field — Plain text fields strip HTML tags and break formatting. Always use a Rich Text field for #{{html}}.
Leaving #{{slug}} unmapped — If the slug field is not mapped, Webflow may generate a default slug that does not match your SEO strategy.
Typos in variable names — Variables are case-sensitive. #{{Featured_Image}} will not work; use #{{featured_image}} in all lowercase with underscores.
Using unsupported variable names — Only the five variables listed above are supported. Custom or invented variable names will output as plain text or return empty values.
#{{html}} → Webflow Rich Text field
#{{title}} → Webflow Plain Text or Name field
#{{slug}} → Webflow Slug field
#{{featured_image}} → Webflow Image field
#{{featured_image_alt_text}} → Webflow Image field Alt Text input
Once your template variables are correctly mapped and a content push is triggered, Search Atlas sends the populated data to your Webflow CMS collection via the integration. Each CMS item is created or updated with the values resolved from the variables. You can verify the result by opening your Webflow CMS collection and reviewing the newly created or updated items.
If a field appears empty after a sync, confirm that the variable is spelled correctly in your template and that the corresponding Webflow field type is compatible with the variable output as described above.
If you need further assistance, open the chat widget in the bottom-right corner of the platform and type human teammate to be connected with a member of our team.