Nearest!
Search
K
Comment on page

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.
  1. 1.
    Create a new CMS Collection with name "Locations"
  2. 2.
    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
Email
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.
  1. 1.
    Generate an Webflow API key
  2. 2.
    Open the Collection Settings of your locations collection and get the Collection ID
  3. 3.
    Log in to the Nearest! Dashboard
  4. 4.
    Create new Import with source type Webflow
  5. 5.
    Add your credentials (API key, Collection ID)
  6. 6.
    Click Analyze and Synchronize
  7. 7.
    Done.