Webflow
How to synchronize locations with Webflow CMS
Webflow synchronization
In this article you'll find all necessary information on how to synchronize your locations managed in Webflow CMS with Nearest!
You'll need to know more about Webflow CMS Collections to follow this guide.
Create a Webflow CMS Collection
With Webflow CMS Collections you can add predefined data types to your CMS by adding multiple fields.
Create a new CMS Collection with name "Locations"
Add the following Collection Fields to your collection:
Address information in single line
Name | Type |
Name | Plain text |
Address | Plain text |
Latitude | (optional) Number (decimal) |
Longitude | (optional) Number (decimal) |
Address information in multiple components
In the example above the address information is stored in one single line. If your address information is split up into components or you want it more precise please add the following fields:
Name | Type |
Name | Plain text |
Street address 1 | Plain text |
Street address 2 | Plain text |
Street address 3 | Plain text |
Postal code | Plain text |
City | Plain text |
Country | Plain text |
Latitude | (optional) Number (decimal) |
Longitude | (optional) Number (decimal) |
Addresses and geocoding is an important feature. Learn more about addresses and geocoding to improve accuracy of the results.
Adding more fields to describe your location
You can add as many fields as you need to describe your location. Based on the data type it is possible to import that information into Nearest! or not.
Webflow Collection Fields support in Nearest!
Type | Supported |
Plain text | yes |
Rich text | yes |
Image | yes |
Multi image | not yet |
Video | yes |
Link | yes |
yes | |
Phone | yes |
Number | yes |
Date/Time | yes |
Switch | yes |
Option | yes |
File | yes |
Reference | not yet |
Multi-Reference | not yet |
You can use all element and filter functions with the imported data. Learn more about Elements & Filter in Nearest!
Synchronize with Nearest!
Now we will connect our location data stored in Webflow to Nearest! via the Webflow API and the Nearest! platform.
Generate an Webflow API key
Open the Collection Settings of your locations collection and get the Collection ID
Log in to the Nearest! Dashboard
Create new Import with source type Webflow
Add your credentials (API key, Collection ID)
Click Analyze and Synchronize
Done.
Last updated