Update or Insert Webflow CMS Items

Updated 15 hours ago by Karan

Byteline provides an easy-to-use Webflow upsert (Update or Insert) CMS items node to manage content. A simple and user-friendly interface enables you to create, design, and update content structure without touching a line of code.

Create

Step -1: Create a flow design by including Simple HTTP and Webflow Upsert nodes respectively. For more detail, you can check How to create your first flow design.

The grey indicator show that the node is not configured yet.

How Webflow Upsert node works

This task intelligently figures out whether to update or insert content to the Webflow CMS. This task first gets CMS content using an API call, then it compares the unique columns of the Webflow with the upsert data. If the content already exists, you can update the content or otherwise, add the data to the content.

Configure

Step -1: Configure the Simple HTTP method with the API URL you want to send the data via the POST method. For more detail check out: Simple HTTP node configuration.

Step -2: To open the configuration dialog, tap on the edit button of the Webflow Upsert node.

Step -3: Hit on the Sign-in Webflow CMS button to connect your Webflow CMS with the node.

The node will connect successfully once you enter your Webflow CMS ID and password.

Step -4: Click on the Site dropdown arrow to select any of the sites such as No-code Business Starter.

Step -5: Tap on the Collection dropdown arrow to select any of the collections such as TestCovidCountries.

Step -6: Click on Loop Over checkbox to apply a loop to an array. This step is only required if you want to upsert multiple items to Webflow CMS based on a JSON array. For more details check out: Loop over configuration.

Step -7: Hit the Select Variable Tool button at the top-right corner of the configuration window. This tool lets you select variables to use in your flow. Check out the flow variables documentation for details.

Step -8: To copy the path click on the Grey button of a particular array.

Step -9: Paste the Array path in the loop over the text field. Here the path is pasted to the loop over field, which is only required for the loop over. But you can use the clipboard value in any of the fields.

Step 10: Enter values in the collection text field for mapping the data.

For example, Cases is a collection field and with the syntax @.cases data is mapped in string format from the loop. To convert it to the numerical format, you can use pipe as a data converter in the syntax like this: @cases|number.

Note: Slug field is used to find whether the record exists or not. If slug matches with the record then the record is updated else a new record is created.

Step -11: Click on the Save button to save the configuration.

The green indicator shows that the Webflow Upsert node is successfully configured to your flow.

Your Webflow Upsert node has been configured successfully. Feel free to connect us for any doubt. Develop fast!


How did we do?