Framer Integration Guide
Welcome to our guide on integrating Concord into Framer. We make it easy to integrate Concord into your Framer website and this guide will help you get up and running quickly. This guide includes the following information:
- Initial Concord configuration.
- Google Consent Mode V2 configuration.
- Integrating Concord into Framer.
Getting Started With Concord
As part of the initial onboarding process that occurs when you set up a new organization or project in Concord, you will be able to choose your preferred consent settings, including the Consent Mode (Implied vs. Express), the Blocking mode (how trackers like cookies, scripts, iframes, etc. are processed and blocked), the Google Consent Mode V2 setting (we recommend Basic mode for most companies), the Consent Duration (how long consent lasts), and other options (Sensitive Information consent, Do Not Sell, Global Privacy Control, etc.).
During that process, we provide sensible defaults that are recommended as the default global settings, but those settings can always be adjusted and additional regions can also be added and customized later in all paid plans.
For more details on this process or to complete it for the first time, please follow the instructions in this guide: https://www.concord.tech/docs/getting-started
To learn more about Google Consent Mode V2 and the recommended settings, please refer to this document: https://www.concord.tech/docs/understanding-configuring-google-consent-mode-gcm-v2
Integrating Concord Into Framer
The final step is to Integrate Concord into Framer, which typically takes just a few minutes. Please follow the instructions below to complete this part of the process:
1. Login to your Concord organization and go to Deployment → Integrations → Embed Concord and copy the Project ID at the bottom of the page for the project you want to add to Framer (projects can be changed via the Projects selector in the page header if needed).
2. Go to the Concord listing page on the Framer website: https://www.framer.com/marketplace/plugins/concord/preview
3. Click on Open Plugin In and select your preferred Framer project.
4. Enter your Project ID in the Concord Framer plugin.
6. Click Publish and go back to Concord to verify your integration under Deployment → Integrations → Embed Concord. If successfully added and published via Framer, you should see the following:
Congratulations. You have successfully integrated Concord into Framer and any future changes to your attached project in Concord will be automatically synced to your website.
