Is it possible to have a separate embed link on each of my CMS pages in Webflow? Is there a workaround if this feature is not available?

Published on
September 22, 2023

Yes, it is possible to have a separate embed link on each of your CMS pages in Webflow. However, Webflow does not have a built-in feature that allows you to insert different embed codes for each CMS page. But don't worry, there is a workaround that you can use to achieve this functionality.

Here's how you can set up different embed links for each CMS page in Webflow:

  1. Create a reference field: In your CMS Collection, create a new field of type "Reference" that will allow you to link to another collection item.

  2. Create a separate Embed Code collection: Create a new collection called "Embed Code" and add fields for the embed code and any other information you need.

  3. Link the CMS page to the Embed Code: In each CMS page item, use the reference field to link it to the corresponding Embed Code item. This way, each CMS page can have a unique embed code associated with it.

  4. Add the embed code to your CMS template: Edit the template for your CMS Collection pages and add an Embed element. In the Embed element settings, choose the dynamic field that represents the Embed Code reference in your CMS.

  5. Publish and test: Once you have set up the embed code association for each CMS page, publish your site and test each page to ensure that the correct embed code is being displayed.

By following these steps, you can have a separate embed link on each of your CMS pages in Webflow. This workaround allows you to have dynamic embed codes for different CMS pages using the native functionality of Webflow.

Additional Questions:

  1. How can I insert an embed code on a specific CMS page in Webflow?
  2. Is it possible to have different embed codes for each CMS item in Webflow?
  3. Can Webflow support dynamic embed codes for CMS pages?