Is there a way to automatically import YouTube video URLs into a CMS collection in Webflow without having to manually copy and paste each URL into the video link field?

Published on
September 22, 2023

Yes, there is a way to automatically import YouTube video URLs into a CMS collection in Webflow without having to manually copy and paste each URL. Webflow provides an integration with Embedly, a powerful platform for embedding different types of media content, including YouTube videos, into your website. Here's how you can set it up:

  1. Sign up for an Embedly account: Visit the Embedly website (embed.ly) and create a free account. Once you're signed in, you'll be able to access an API key, which you will need for the integration with Webflow.

  2. Obtain your Embedly API key: After signing up, go to your Embedly account settings and locate the API key. Copy this key as you'll need it later.

  3. Set up the CMS collection: In your Webflow project, navigate to the CMS Collections section of the Designer. Create a new collection or open an existing one where you want to add your YouTube videos.

  4. Add a new field: Within the CMS collection editor, select "Add Field" and choose the "Text" field type. Name this field something like "YouTube Video URL." Save the field.

  5. Add an Embedly dynamic embed link component: In your CMS template, select the Video Link field and click on the "+ Add Field Settings" button. Choose "Embedly" from the options.

  6. Configure the Embedly integration: In the Embedly settings, click on the "API Key" field and paste your Embedly API key that you obtained earlier. Then, click "Save."

  7. Import YouTube video URLs automatically: Finally, within your CMS collection editor, when adding a new entry or editing an existing one, enter the YouTube video URL into the "YouTube Video URL" field. Webflow will automatically fetch and embed the YouTube video using the Embedly integration.

By following these steps, you can save time and effort by automatically importing YouTube video URLs into your CMS collection in Webflow. This ensures that your videos are dynamically embedded and displayed on your website without the need for manual copy-pasting of URLs.

Additional Questions:

  • How can I embed Vimeo videos automatically into my Webflow CMS collection?
  • Is it possible to import videos from multiple platforms like YouTube, Vimeo, and Wistia into a Webflow CMS collection?
  • Can I customize the appearance of the embedded YouTube videos within my Webflow CMS collection?