TABLE DES MATIÈRES
Plus de 200 composants Webflow clonables gratuits. Aucune inscription n'est nécessaire.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/63051ebe1e228b1de6db697e_Duncan%201.webp)
Duncan Hamra
Dans cet article, je vais vous montrer comment mettre à jour manuellement un CMS Webflow pour que chaque élément inclue son ID CMS. Ensuite, je vous montrerai comment mettre en place un scénario Make.com qui ajoute automatiquement l'ID du CMS à chaque fois que vous créez un nouveau post ou un nouvel élément du CMS.
Watch the accompanying video tutorial at the top of this post for a visual walkthrough of the steps outlined below.
Bulk Update Existing CMS Items
- Log in to your Webflow account and open the project you want to update.
- Open the CMS Collections panel.
- Click the CMS you want to update. In this example, I’m updating Blog Posts.
- Click the Export button at the top of the page. Webflow saves the CSV file to your device.
- Tip Keep this browser tab open. You’ll come back here in a couple of minutes.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402d266a454771e747e930_a-1.webp)
Editing the CSV File
- Open the CSV file.
- Copy the column Item ID.
- Paste that data into a new column.
- Rename the new column (e.g. CMS ID).
- Save the modified CSV file on your device.
- Tip If you’re using Google Sheets, click File > Download > CSV to save the file to your device.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402d31c46573026f85945e_a-2.webp)
Adding a CMS ID Field to Webflow
This step creates a place to store the CMS IDs on Webflow
- Go back to the Webflow CMS page.
- Click the Settings button at the top of the page.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402d3bceed73708452227f_a-3.webp)
3. Scroll down the Blog Post Settings panel and click the Add Field button.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402d43f2ae637109e01375_a-4.webp)
Choose Plain Text as the field type and then:
- Enter a label, like CMS ID.
- Cliquez sur Enregistrer.
- Click Save Collection.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402d4df04da5f7e2d7fbe1_a-5.webp)
Importing the Edited CSV File
Next, import the CSV file in to Webflow and map the CMS ID column.
- Click the Import button at the top of the page.
- Drag the CSV file from your device into the popup window.
- Click Continue.
On the next window, select the Update option and then click Continue.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402d5b6087aa4d169f48d9_b-1.webp)
On the next window, configure mapping:
- Click the first two items and change the mapping to Do not import.
- Leave the Item ID mapping unchanged.
- Go to the custom label (Item ID2) and change the mapping of the first field to Map to existing field.
- Go to the next field, expand the drop-down menu, and select the custom label you created in the previous step. In this example, the label is CMS ID.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402dac50f833bee61492ba_b-3.webp)
Finally, click the blue Import button at the top of the page. After the import job completes, Webflow display a success message.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402db3fae8a57bfc7ed06a_b-4.webp)
- To verify the results, click Blog Posts on the side menu. The table shows each blog post with a CMS ID.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402dbb1c1ddb1a3a9e7d22_b-5.webp)
Automatically Updating Future CMS Items
In this step, I show you how to set up a Make.com scenario to automate CMS ID additions.
Before you start
Before you begin this step, you’ll need two digital assets:
- A paid Make.com account. Create an account on Make.com if you don't already have one.
- A copy of this blueprint.json file on your device. Download file here.
Importing a blueprint
- Log in to your Make.com account and then click the Create a new scenario button.
- Enter a scenario name, like Memberstack Blog.
- Click the ellipsis icon at the bottom of the page and select Import Blueprint.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402e41461d0df2b7c240ac_c-2.webp)
- Select the blueprint.json file on your device (see above) and then click Save.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402e4efb5edd28bd5fe329_c-3.webp)
- The canvas displays a scenario.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402e5489dee61a66a28b51_c-4.webp)
Linking Make.com and Webflow
- FYI If you’ve already linked your Make.com and Webflow accounts, skip this step and go on to the next one.
To link your Make.com account with Webflow:
- Click the first Webflow icon on the canvas and then click Add.
- Click Add in the Create a webhook popup window.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402e5cace1b2135c93a41e_d-2.webp)
- Enter a name for the connection, like Memberstack (Make).
- Cliquez sur Enregistrer.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402e66ceed739f98523878_d-3.webp)
- In the popup window, enter your Webflow account credentials (if required) and click Authorize app.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402e6e2ea46e5f72e5de35_d-4.webp)
Adding an account and trigger
Now it’s time to select your Webflow account and create a trigger.
- Go to the Create a webhook form.
- Click the Add button and select your Webflow connection name.
- Click Site ID field and select Memberstack.
- Click the Trigger Type field and select Collection Item Created.
Once you complete these four steps, click Save and then OK.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402e78ceed73358a5238dc_f-2.webp)
Creating a filter
Next, create a filter that tells Make.com to run the trigger action only when a new blog post is created on Webflow. To create a filter, you need to copy the Webflow Collection ID.
- Go back to the Webflow CMS Collections panel.
- Hover the mouse on Blog Posts and click the gear icon.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402ede413a283cad23edd3_f-3.webp)
- Go to the Collection Settings heading and copy the Collection ID.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402ee492e5d88d62c8afe2_f-4.webp)
Now go back to the Webflow canvas and:
- Click the wrench icon to open the Filter window.
- Select Set up a filter on the popup window.
- In the Set up a filter form, enter a label (e.g. is a blog post).
- Click the Condition field to display a list of options. Select Collection ID.
- Paste the Webflow Collection ID into the Equal to field.
- Click OK.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402eebfea1010b34629c0a_f-5.webp)
Generating data
This step is optional but strongly recommended because it saves time and avoids confusion.
- Click the second scenario icon. The Webflow form displays.
- Click the Site field and select your site name on the drop-down menu (e.g. Memberstack).
- Switch on the Collection Map toggle.
- Click the Collection field and paste the Webflow Blog Post Collection ID (from above).
- Click the Refresh link.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402f72c3ee3e5c19ac1222_f-6.webp)
- Scroll through the Set up a filter form and add placeholder text to the required fields.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402ef2c388e8f2adaf0cb4_f-7.webp)
- Click OK and then save the scenario.
- Click Run. Now Make.com is waiting for Webflow data.
- Go to your Webflow site and create a demo blog post. Be sure to fill the required fields with placeholder text.
- Publish all of your site’s pages. This action helps Make.com understand your Webflow data sets and generate a list of mapping options.
Mapping fields
Come back to the Webflow form on the Make.com canvas.
- Scroll down the form to the Item field.
- Click the field and select Item ID in the list of options.
- Repeat mapping steps for each required field.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402ef94f11011be7cd6d97_f-8.webp)
- Be sure the CMS ID and Blog Title fields are properly mapped.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402f03ceed73deee523e64_f-10.webp)
- Scroll down to the bottom of the form and set the Archived and Draft toggles to No. Set the Live option to Empty.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402f0afb5edd0f955ff38f_f-12.webp)
The scenario is now complete. Click Save and then turn on the scenario.
Testing the Make.com Scenario
Now test your work.
- Go back to your Webflow site and create a new blog post.
- Publish all of the pages. This will trigger the Make.com scenario you just set up.
- Check the Make.com Activity tab to ensure the scenario ran successfully without error.
- Go back to your Webflow CMS.
- Verify the new blog post has its CMS ID automatically added.
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/64402f2face1b2847493abd2_f-13.webp)
Wrap Up
That’s it.
In this article, you learned how to bulk update Webflow CMS items with unique IDs and create a Make.com scenario to automatically add a CMS ID to a new item.
If you have questions, leave a comment below or reach out for support. We're here to help you make the most of your Webflow CMS experience. Happy updating!