How can I make hyperlinks in my Webflow CMS collection 'Posts' open in new tabs on the published site?

Published on
September 22, 2023

To make hyperlinks in your Webflow CMS collection "Posts" open in new tabs on the published site, you can follow these steps:

  1. Go to your Webflow dashboard and select the desired collection, in this case, "Posts."
  2. Navigate to the Collection Settings by clicking on the "Settings" icon located on the left sidebar.
  3. Within the Collection Settings, click on the "Fields" tab.
  4. Locate the field where you have stored the hyperlink (e.g., "External URL" or "Link").
  5. Click on the field to edit its settings.
  6. Under the "Formatting" section, make sure the "Plain Text" option is selected. This will allow you to input custom HTML code for the hyperlink.
  7. Insert the following HTML code to open the link in a new tab:
<a href="Your Link URL" target="_blank">Link Text</a>

Replace "Your Link URL" with the actual URL you want to link to and "Link Text" with the text you want to display for the hyperlink.

  1. Save the changes to the field settings.
  2. Now, when you go to add or edit a post in the CMS collection's "Posts" collection, you will see a text field where you can enter the hyperlink using HTML code.
  3. Remember to enter the full HTML code for each new link to ensure it opens in a new tab.

By following these steps, your hyperlinks in the Webflow CMS collection "Posts" will open in new tabs when the published site is visited.

Additional Question 1: How do I create a hyperlink in Webflow CMS collections?
Additional Question 2: Can I customize the appearance of hyperlinks in Webflow CMS collections?
Additional Question 3: Is it possible to add multiple hyperlinks within a single field in Webflow CMS collections?