Is it possible to create a dynamic list in Webflow and use it to link to Google Maps, similar to the hyperlink in the provided image?

Yes, it’s entirely possible to create a dynamic list in Webflow that links to Google Maps using Collection Lists and dynamic fields.

1. Set Up a Collection

• Go to Webflow CMS and create a new Collection (e.g., “Locations”).
• Add relevant fields such as:
• Name (e.g., restaurant name or location name)
• Street Address
• City
• State/Region
• Postal Code
• Or a single “Google Maps URL” field if you prefer to pre-format links.

2. Add a Collection List to the Page

• Open your desired page, then add a Collection List element.
• Bind it to your “Locations” Collection.
• Inside the Collection Item, add a Text Link or Button element.

3. Create a Google Maps Link

If you're using multiple address fields:

• Set the Link setting to “External URL”.
• Use a dynamic URL format like:
• https://www.google.com/maps/search/?api=1&query=Address,City,State
• Use Webflow’s dynamic fields to insert address parts:
• Example: https://www.google.com/maps/search/?api=1&query=[Street Address], [City], [State]

If you use a dedicated Google Maps URL field, you can bind the link directly to that CMS field.

4. Open Link in New Tab (Optional)

• Enable the “Open in new tab” option to keep users on your site.

5. Style the List as Needed

• Add images, headings, or descriptions from the CMS.
• Use flexbox or grid to control the layout.

Summary

You can dynamically generate Google Maps links in Webflow by using a Collection List and either combining address fields into a search query or storing a full Maps URL in the CMS. This approach enables clickable, dynamic maps links that update automatically as your CMS content changes.