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?
- Get Page ID: Inspect the published page source for
data-wf-pagein the<html>tag or usedocument.documentElement.getAttribute("data-wf-page")in JavaScript. - Get CMS Item ID: Retrieve from the Webflow CMS API or store it in a custom field, then extract it using JavaScript.
Webflow does not expose the internal Page ID or internal Item ID directly within the Designer or CMS. However, you can retrieve these IDs using custom code and Webflow’s CMS API or by inspecting published page elements.
1. Get the Page ID
Webflow does not provide a direct way to access the Page ID within the Designer. However, you can:
Inspect the Page Source:
Open your published Webflow site and view the page source (
Ctrl + UorCmd + Option + Uon Mac).Search for keywords like "wf-page-id" in the
<html>tag.Example:
\`\`\`
```htmlThe value inside
data-wf-pageis the Page ID.Use JavaScript to Extract It:
```javascript
console.log(document.documentElement.getAttribute("data-wf-page"));
```Add this inside a Webflow Embed Code Block or paste it in the browser console to log the Page ID.
2. Get the CMS Item ID
The CMS Collection Item ID is usually not visible on a published site, but you can retrieve it using the API or custom attributes.
Webflow CMS API Approach:
If you use Webflow's API, each CMS item has a unique
_idthat you can get from the CMS Collection API endpoint.Example API request:
```
GET https://api.webflow.com/collections/{collection_id}/items
```Look for the
"id"field in the response data.Embed CMS Item ID in the Page:
Add a Custom Field in Webflow’s CMS and name it something like “Item ID”.
Manually enter the ID or use an automation tool like Make (Integromat) or Zapier to push Webflow IDs into a field.
Bind this field to an element in your Webflow Collection List, then extract it via JavaScript:
```javascript
const cmsItemId = document.querySelector("[data-item-id]").getAttribute("data-item-id");
console.log(cmsItemId);
```
Summary
- For Page ID: Check the
<html>tag (data-wf-page) or use JavaScript to log it. - For CMS Item ID: Use the CMS API or store It in a custom field and retrieve it via JavaScript.
Webflow does not natively expose these IDs in the page itself, so custom solutions are required.