# Framer + Brew

Ajoutez vos formulaires Framer existants à Brew. Les soumissions ajoutent ou mettent à jour des contacts et peuvent lancer des automatisations grâce au déclencheur de chaque formulaire.

URL canonique : https://brew.new/fr/browse/integrations/framer

- Sens des données : Données entrantes
- Connexion : Webhook de formulaire
- Formulaires et inscriptions

## Fonctionnalités disponibles

- **Déclencheurs par événement** : Chaque formulaire nommé collecte des contacts et active son propre déclencheur.
- **Synchronisation des contacts** : Créez ou mettez à jour des contacts à partir des soumissions de formulaire signées.

## Transformez les soumissions de vos formulaires Framer en contacts et en e-mails

Ajoutez à Brew vos formulaires Framer natifs existants. Chaque soumission ajoute ou met à jour un contact, et une automatisation publiée sur le déclencheur du formulaire peut envoyer un e-mail de bienvenue ou de suivi.

Chaque formulaire dispose de sa propre URL de webhook, de son propre secret de signature et de son propre déclencheur. Une marque peut avoir plusieurs formulaires nommés. Vous n’avez besoin ni d’une clé API Brew, ni d’un serveur relais.


## Ce que vous pouvez créer

- E-mails de bienvenue pour la newsletter : publiez une automatisation sur le déclencheur du formulaire d’inscription pour accueillir chaque nouvel abonné.
- Confirmations d’inscription sur liste d’attente : confirmez l’inscription et indiquez à quoi s’attendre pour la suite.
- Suivi des leads et des demandes de démo : déclarez des champs personnalisés, comme l’entreprise ou la taille de l’équipe, puis utilisez-les dans l’e-mail et dans les conditions de l’automatisation.
- Une séquence par formulaire : comme chaque formulaire a son propre déclencheur, un formulaire de contact et un formulaire d’inscription à la newsletter peuvent lancer des automatisations différentes.

## Comment une soumission devient un contact

Brew enregistre le contact même si aucune automatisation n’est publiée. Une adresse e-mail soumise une nouvelle fois met à jour le contact existant dans la marque, et les champs facultatifs absents n’effacent pas les valeurs déjà enregistrées.

Les soumissions ne peuvent pas modifier les champs d’abonnement, d’exclusion ou de routage. Un désabonnement existant reste en vigueur.

Les automatisations ne sont lancées qu’une fois le contact enregistré avec succès. Si l’enregistrement échoue, Brew réessaie avant de lancer quoi que ce soit.

Quand Framer marque une soumission comme spam possible ou probable, Brew l’écarte sans enregistrer de contact ni lancer d’automatisation.


## Configurer un formulaire Framer dans Brew

- Sélectionnez votre marque, ouvrez Intégrations > Framer et choisissez « Ajouter un formulaire ». Nommez votre formulaire existant et définissez les champs qu’il envoie.
- Copiez l’URL de webhook et le secret de signature depuis la page de détail du formulaire.
- Dans Framer, sélectionnez votre formulaire natif, ouvrez Send To et ajoutez un Webhook. Collez l’URL Brew et le secret de signature dans ses paramètres.
- Faites correspondre le nom de chaque champ de saisie Framer à un nom de champ Brew. Brew ne tient pas compte des majuscules, des espaces ni de la ponctuation : First Name arrive donc dans firstName. Le bouton « Copier le prompt » de l’onglet Configuration fournit à Framer AI les noms exacts des champs de saisie à ajouter ou à renommer.
- Publiez le site Framer et soumettez le formulaire depuis la page publiée. Consultez l’onglet Soumissions du formulaire, puis le contact enregistré.
- Pour lancer une séquence lors des prochaines inscriptions, ouvrez l’onglet Automatisations du formulaire et choisissez « Créer une automatisation ». Brew sélectionne le déclencheur du formulaire. Publiez l’automatisation pour qu’elle s’exécute.

## Champs et personnalisation

Chaque formulaire nécessite un champ email. Les champs firstName et lastName sont facultatifs. Les champs personnalisés peuvent être de type Texte, Nombre entier ou Case à cocher. Pour les dates, utilisez le type Texte. Les objets imbriqués, les listes et les fichiers envoyés ne sont pas pris en charge.

Le formulaire Framer peut contenir des champs de saisie supplémentaires. Brew ne lit que les champs déclarés et liste les autres comme ignorés dans Soumissions.

Chaque champ, sauf email, est enregistré dans une colonne de contact du même nom, créée lors de la première soumission. Dans Colonnes de contact, vous pouvez plutôt diriger un champ vers une colonne existante : un champ de saisie nommé name peut ainsi être enregistré dans Prénom.

Les champs déclarés sont les balises de fusion des automatisations de ce formulaire. Modifier les champs met à jour le déclencheur et son contrat. Brew bloque les modifications incompatibles tant qu’une automatisation publiée utilise le formulaire.

Une soumission de formulaire ne vaut pas consentement aux e-mails marketing, sauf si votre formulaire le demande. Ajoutez un champ de consentement explicite si vous prévoyez des envois promotionnels.


## Puis-je utiliser un composant de code Framer au lieu du formulaire natif ?

Non. Utilisez le formulaire intégré de Framer avec sa destination Webhook. Un composant de code envoie les données depuis le navigateur du visiteur, ne peut pas produire la signature de Framer et exposerait le secret dans la page. Brew répond à ces requêtes par une erreur 401.


## Pourquoi une soumission apparaît-elle sans qu’aucun e-mail ne soit envoyé ?

Dans l’onglet Soumissions, la réception, l’enregistrement du contact et le lancement des automatisations sont des résultats distincts. Vérifiez qu’une automatisation est publiée sur le déclencheur du formulaire, puis contrôlez ses filtres, son historique d’exécution et le domaine d’envoi. Une soumission rejetée pour champs non valides ou marquée comme spam ne lance rien.


## Limites et dépannage

- Un échec de signature (erreur 401) signifie que le secret ou l’URL saisis dans Framer ne sont plus à jour. Copiez les valeurs actuelles depuis Brew, puis republiez le site.
- Une soumission « Rejetée » pour champs non valides signifie qu’un champ déclaré, comme email, était absent ou n’avait pas le bon type. Framer reçoit une réponse 200 et ne réessaie donc pas.
- Les requêtes doivent rester en dessous de 64 Kio et de 100 champs de premier niveau.
- Les nouvelles soumissions sont limitées à 120 par minute et par formulaire, et à 600 par minute et par marque. Ces limites ne constituent pas une protection anti-spam visiteur par visiteur.
- L’option « Régénérer le secret » conserve l’URL et invalide immédiatement l’ancien secret. L’option « Désactiver le formulaire » rejette les nouvelles soumissions, et les exécutions déjà lancées se poursuivent.
- Framer relance les envois en échec et ne suit pas les redirections : utilisez donc l’URL exacte fournie par Brew.

## Sources et guides de configuration

- [Configurer le webhook d’un formulaire Framer](https://www.framer.com/help/articles/framer-form-webhook-setup/)
- [Créer une automatisation](https://docs.brew.new/create-emails/build-an-automation)
- [Balises de fusion](https://docs.brew.new/create-emails/merge-tags)
- [Ce que vous pouvez envoyer avec Brew](https://docs.brew.new/get-started/what-you-can-send)

## Voir aussi

- [Toutes les intégrations](https://brew.new/fr/browse/integrations.md)
- [Inscription](https://brew.new/fr/sign-up.md)
- Site web : https://brew.new