Can I add a MAP and Google/ Facebook reviews sections to a Webflow CMS page that pulls the API key from the CMS?
Published on
September 22, 2023
Yes, you can add a map and Google/Facebook reviews sections to a Webflow CMS page that pulls the API key from the CMS. Here's how you can do it:
- Obtain the API keys:
- For Google Maps: Go to the Google Cloud Platform and create a project. Enable the "Maps JavaScript API" and "Places API" for your project, and obtain the API key.
- For Google Places API: Enable the "Places API" for your project in the Google Cloud Platform and obtain the API key.
- For Facebook Reviews: Obtain a Facebook API access token by creating a Facebook Developer account and setting up an app.
- Accessing API keys from the CMS:
- Within Webflow, create a new Collection in the CMS to store the API keys.
- Add a new field for each API key you want to store, such as "Google Maps API Key," "Google Places API Key," and "Facebook API Access Token."
- In the settings of the CMS Collection, add a few entries with the corresponding API keys.
- Adding the map section:
- Create a new Collection Template page or edit an existing one.
- Add a new dynamic field to the page for each API key you want to use.
- Drag and drop an Embed element onto your page where you want the map to appear.
- In the Embed settings, insert the code to display the map using the API key from the CMS Collection.
- Adding the Google/Facebook reviews section:
- Follow the same steps as for the map section, but use different dynamic fields to retrieve the API keys.
- Customize the embedded code for displaying the reviews, using the API keys from the CMS Collection.
By following these steps, you can add a map and Google/Facebook reviews sections to your Webflow CMS page that pulls the API keys from the CMS. This allows you to easily manage and update the API keys in one place without having to hardcode them into your site's code.
Additional Questions:
- How do I create a Google Maps API key for my Webflow site?
- Can I customize the design of the map section in Webflow?
- Is it possible to display Google and Facebook reviews side by side on a Webflow CMS page?
