How can I make links in my Webflow CMS collection open in a new tab rather than redirecting the user to a different website?

Published on
September 22, 2023

To make links in your Webflow CMS collection open in a new tab, rather than redirecting the user to a different website, follow these steps:

  1. Log in to your Webflow account and open your project.
  2. Navigate to the CMS Collection for which you want to modify the links.
  3. Select the collection item that contains the link you want to edit.
  4. In the right sidebar, you will see the Fields panel. Locate the field that contains the link you want to modify and click on it.
  5. In the modal that appears, you will see a checkbox labeled "Open link in new tab." Check this box to enable opening the link in a new tab.
  6. Save your changes by clicking outside the modal or using the "Save" button at the bottom.

By following these steps, any links within your CMS collection that you've edited will now open in a new tab when clicked. This ensures that your users can stay on your website and easily navigate back to the collection page they were viewing.

In summary, to make links in your Webflow CMS collection open in a new tab:

  1. Open your project and navigate to the CMS Collection.
  2. Select the collection item containing the link you want to modify.
  3. In the Fields panel on the right sidebar, find the field containing the link.
  4. Click on the field to open the modal.
  5. Check the "Open link in new tab" checkbox.
  6. Save your changes.

By configuring your links to open in new tabs, you can enhance the user experience on your website and keep visitors engaged with your content.

Additional questions:

  1. How do I add links to my Webflow CMS collection?
  2. Can I customize the appearance of links in Webflow?
  3. Does Webflow support external links in my CMS collection?