Is there a way to obtain the internal Webflow Page ID and internal Webflow Item ID within a Webflow page or using custom code or HTML embeds?

TL;DR
  • Use Developer Tools to inspect elements for Webflow IDs by opening the project in Preview and searching meta tags or scripts.
  • Embed custom JavaScript in Collection Lists to extract Item IDs if available.
  • Utilize Webflow API or third-party services to list and access IDs since Designer doesn't expose them directly.

Obtaining the internal Webflow Page ID and Internal Webflow Item ID is not straightforward as Webflow doesn't natively expose these IDs directly through the Designer or standard settings. However, there are workarounds using custom code.

​

1. Using Developer Tools

  • Inspect the Webflow Editor: Go to your Webflow project and open the project in “Preview” mode.
  • Open Developer Tools: Right-click on the page and choose “Inspect” to open Developer Tools.
  • Find Page ID: Use the Elements tab to search for meta tags or JavaScript where IDs might be embedded.

​

2. Custom Code for Collection Item ID

  • Embed Custom Code: Go to the page where the CMS Collection Item is used. Use an HTML Embed element within a Collection List.
  • JavaScript to Extract ID: Implement a custom script to pull the item ID if exposed:
  • Check if Webflow exposes the ID in a script tag or dataset attributes for CMS items during render.

  

3. Third-Party Integrations

  • Use Webflow API: Access your account’s API settings. The API can list collection items with their IDs.
  • Integration Services: Consider using third-party tools that interface with Webflow’s API for easy ID extraction.

​

4. Limitations and Best Practices

  • Read-only in Designer: Webflow Designer does not provide access to internal IDs directly.
  • Avoid Direct Modifications: Accessing IDs should generally be for viewing or integration purposes only, not manipulation.

​

Summary

Currently, there is no direct, built-in way in Webflow to obtain the internal Page ID or Item ID on live pages without using some workarounds like inspecting elements in Developer Tools or using Webflow’s API for CMS Items. Custom scripts within Collection Lists or third-party integration can assist with accessing these IDs if necessary.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Can the "Unsubscribe from notifications for this site." link be removed from the emails in Webflow to prevent third-party unsubscribes without warning?
When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?
How can I add custom CSS media queries to the Header in the custom code section in Webflow?
How can I fix the issue with the Slider on Webflow not being accessible for screen readers?
What are some hidden features of the smooth-scroll script in Webflow?
How can I successfully integrate tracking/identifying form submissions into Webflow?
How can I create a smooth scroll Back to Top Button in Webflow for long pages or for when I want to add a modern feature that only appears once the visitor has scrolled down a bit? Can you provide an example?
How do I resolve the issue of custom code not taking effect when added to the header or footer of my Webflow site?
How can I embed a third party music player or any other method to play audio files on my eCommerce website created in Webflow?
What could be causing background images to scale from the top left instead of the center in Firefox on a Mac when using IX2 in Webflow? Additionally, why is Safari 6.1.6 on Mac only displaying HTML and blocking the CSS, and is there a workaround for this issue?
How can I read specific data from a Webflow collection item using custom code in JavaScript, when there are multiple rows with repeated buttons on the page?
How can I auto start and loop a YouTube video in Webflow without the play button?
How can I export and integrate the code from my Webflow website into a free system like WordPress or GitHub, in order to cut costs on monthly Webflow and hosting fees?
How can I create a row with 5 columns using Webflow?
Is there a way to automate the insertion of a canonical URL tag in Webflow?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?