Webflow sync, pageviews & more.
NEW

Is there a way to display the full URL or slug as the link text in Webflow when creating a page with a list of collection item URLs?

TL;DR
  • Add a Collection List and choose the relevant Collection containing the URLs.
  • Drag a Text Link into the list, set its text to the Slug or URL field from the Collection.
  • In Element Settings, set the link’s href to the same Slug or URL field.
  • If using a slug, wrap a Plain Text element in a Link Block and prepend "https://" via custom code or CMS full URLs.

Yes, you can display the full URL or slug as the link text in Webflow when listing collection item URLs. Here's how you can do it:

1. Add a Collection List

  • Go to your Collection Page and add a Collection List element.
  • Choose the Collection that contains the URLs you want to display.
  • Drag a Text Link element into the Collection List.
  • Click on the text option for the Text Link, and select Get text from...
  • Choose the Slug or URL field from your Collection.
  • With the Text Link selected, go to Element Settings (cog icon ⚙️).
  • Click on Link settings, choose URL field, and select the same URL field you used for the text.

4. Optional: Add "https://" for Slugs

  • If you're using the slug field, it won’t have "https://." To fix this:
  • Instead of a Text Link, use a Plain Text element for the slug.
  • Add a Link Block around it.
  • Set the Link Block href to "https://" + slug using custom code (or use full URLs in the CMS instead).

Summary

You can display a Collection item’s URL or slug as linked text by binding a Text Link to the Collection’s slug or URL field. If only using a slug, ensure the final link includes "https://" using manual adjustments or a full URL field in the CMS.

Rate this answer

Other Webflow Questions