Update Webflow CMS Items using Byteline
SHOWCASE

Update Webflow CMS Items

Using Byteline

form submission icon
1
Byteline flow triggered through a form submission

This flow is triggered on a form submission from a Webflow site. The form data has the ZIP code and city. If the ZIP code already exists, its CMS item (for weather) is updated. Otherwise, a new CMS item is inserted.

Byteline Webflow CMS showcase - get weather iconByteline Webflow CMS showcase - get weather iconByteline Webflow CMS showcase - get weather icon
2
Weather information retrieved through an HTTP call.

Weather information is retrieved from a third-party service through an API call. "Simple HTTP", a Byteline built-in feature to execute any HTTP call, is used to make this call.

Webflow icon
3
Webflow CMS item is updated or inserted for the weather data.

Byteline's built-in feature "Webflow - Upsert Items" is used to update or insert the CMS items through an easy configuration. The item (ZIP Code) is updated or inserted based on whether the Slug value already exists. No additional logic is needed to figure out the ID to be updated.

Live Demo

This demo shows tomorrow's weather by ZIP code. The shown ZIP codes, along with their weather, are stored in the Webflow CMS. You can add or update weather for a ZIP code by entering it in the first text box (which automatically populates the city). If a ZIP code already exists, that entry is updated. Otherwise, a new CMS item is added.

ZIP code auto-completion and "Add or Update Weather" button are implemented using Byteline no-code backend APIs.

Invalid ZIP Code. Please enter a five-digit U.S. ZIP code e.g. 90011
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Tomorrow's Weather

ZIP Code
City
Temperature (°F)
Forecast
Last Updated

34743

Kissimmee, FL
85.9
° /
81
°
rain
Jul 28, 2021 2:10 PM

89012

Henderson, NV
105
° /
97
°
cloudy
Jul 12, 2021 1:51 PM

91910

Chula Vista, CA
65
° /
62
°
partly-cloudy-day
Jun 7, 2021 4:55 PM

90210

Beverly Hills, CA
62
° /
54
°
cloudy
Mar 8, 2021 10:09 PM

85750

Tucson, AZ
78
° /
67
°
partly-cloudy-day
Mar 8, 2021 10:08 PM

85022

Phoenix, AZ
70.1
° /
59
°
clear-day
Feb 24, 2021 9:32 PM

10006

New York, NY
38
° /
31
°
partly-cloudy-day
Jan 24, 2021 6:41 AM

90066

Los Angeles, CA
81.9
° /
69
°
clear-day
Jan 14, 2021 2:45 PM

89148

Las Vegas, NV
63.1
° /
48
°
clear-day
Jan 12, 2021 7:36 PM

64801

Joplin, MO
60
° /
43
°
clear-day
Jan 12, 2021 2:19 PM

12345

Schenectady, NY
79.1
° /
67
°
partly-cloudy-day
Jun 24, 2021 11:40 AM

33323

Fort Lauderdale, FL
70.1
° /
62
°
clear-day
Jan 4, 2021 12:17 PM

98101

Seattle, WA
47.9
° /
45
°
rain
Jan 4, 2021 7:47 AM

90011

Los Angeles, CA
79.1
° /
71
°
partly-cloudy-day
Jul 27, 2021 9:18 PM

19454

North Wales, PA
44
° /
38
°
clear-day
Feb 24, 2021 11:51 AM

18976

Warrington,PA
83.9
° /
70
°
clear-day
May 18, 2021 10:11 AM

Byteline flow

Byteline is used to build a backend logic without coding by configuring a flow. In the above case, here is the flow used to add or update CMS items corresponding to a ZIP code weather. If the ZIP code already exists, its weather is updated. If not, its weather will be added. Click on the below image to see the details.

Byteline flow to update Webflow CMS

Checkout the flow at Byteline Console

How to add or update Webflow CMS Items

This video shows how the Byteline flow was created to get the weather from an HTTP call, then add or update the Webflow CMS items. The slug value is used automatically by Byteline to determine whether to add or update.

Step-by-step Instructions

To get detailed instructions on the steps to Upsert (Update/Insert) a Webflow CMS item easily and quickly through Byteline's console, check out our blog at https://www.byteline.io/blog/updating-a-webflow-cms-using-bytelines-no-code-service
Sign up today to get ahead
using our bleeding-edge no-code service.