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. Create a new CMS Collection with name "Locations"

  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. Generate an Webflow API key‚Äč

  2. Open the Collection Settings of your locations collection and get the Collection ID

  3. Log in to the Nearest! Dashboard

  4. Create new Import with source type Webflow

  5. Add your credentials (API key, Collection ID)

  6. Click Analyze and Synchronize

  7. Done.