How can I copy a link to the target element in Webflow, instead of the text value or CMS field?
TL;DR
- Assign a unique ID to the target element in Webflow via the Element Settings panel.
- Use the format #your-id to create anchor links or full URLs (e.g., https://site.com/page#your-id) that scroll to the element.
To copy a link to a target element in Webflow, rather than copying the text or CMS field value, you need to ensure the element has a valid HTML ID and then manually construct the link.
1. Assign an ID to the Target Element
- Select the target element in your Webflow Designer (e.g. a section or div you want to link to).
- In the Element Settings panel (gear icon), scroll to the Element ID field.
- Enter a unique ID (e.g.,
pricing,faq,contact-form) — this turns the element into a valid anchor target.
2. Create or Copy the Link
- To create a link to the element, use
#your-idformat. For example, if the ID isfaq, the link would be#faq. - You can either:
- Manually create a link in a Webflow text link, button, or nav menu using the URL field in the Link Settings, entering
#faq, or - Copy the full page URL with the anchor, e.g.,
https://yoursite.com/page#faq, if the element is on another page.
3. Use This Link Anywhere
- Paste this anchor link into an email, button, or anywhere else on your site or externally.
- It will point directly to the element with the assigned ID when the page loads.
4. Avoid Copying Text or CMS Values
- If you're inadvertently copying the displayed CMS text instead of linking to a dynamic element:
- Make sure you’re clicking on the link itself, not just the text.
- In CMS template pages, you cannot link to dynamic content items by ID unless you manually define a unique anchor pattern using a slug or custom field.
Summary
To copy a link to a target element, assign it a unique ID in Webflow, then use or copy the #your-id link format. This lets you create anchor links that scroll directly to that element rather than copying the text or CMS value.