Configurer le bouton de rétractation

WP-ImmoMakler met à disposition un bouton de rétractation accompagné d’un formulaire de rétractation permettant aux consommateurs de se rétracter en ligne d’un contrat conclu avec vous (par exemple un mandat d’agence immobilière). Après l’envoi, le consommateur reçoit immédiatement un accusé de réception automatique par e-mail, et vous, en tant qu’agent immobilier, êtes notifié par e-mail en parallèle.

La fonctionnalité est incluse dans toutes les éditions (BASIC et PLUS).

Contexte

Avec la transposition des exigences de l’UE, le § 356a du Code civil allemand (BGB) (en vigueur à partir du 19 juin 2026) impose une fonction de rétractation numérique et facilement accessible pour les contrats à distance conclus en ligne. Le déroulement se fait en trois étapes :

Un bouton toujours visible et clairement intitulé (p. ex. « Se rétracter du contrat »).
Une page de confirmation avec un formulaire pour identifier le contrat.
Un clic de confirmation explicite et un accusé de réception immédiat au consommateur sur un support durable (e-mail).

Configuration dans le back-end

Vous trouverez les réglages centraux dans le back-end de votre site web (wp-admin) sous WP-ImmoMakler → Réglages → Bouton de rétractation.

Réglage	Description
Adresse e-mail du destinataire (rétractations)	Adresse à laquelle sont envoyées les rétractations entrantes. Préremplie avec le destinataire du formulaire de contact. Si le champ reste vide, le destinataire de repli du formulaire de contact et, à défaut, l’adresse de l’administrateur WordPress sont utilisés.
Nom du destinataire (rétractations)	Nom affiché du destinataire. Prérempli avec le destinataire du formulaire de contact.
Copie d’archive	Adresse supplémentaire facultative qui reçoit chaque rétractation en copie à des fins d’archivage.
Page de rétractation	Sélection de page : la page sur laquelle le formulaire de rétractation est intégré. En mode « Lien », le bouton pointe vers cette page.
Intitulé du bouton	Texte du bouton de rétractation (par défaut : « Se rétracter du contrat »).
Couleur du bouton	Couleur de fond du bouton (par défaut : rouge foncé). La couleur au survol (hover) est calculée automatiquement un peu plus foncée. Lors de l’intégration via un constructeur de pages, ses propres réglages de style peuvent remplacer cette couleur.
Couleur du texte du bouton	Couleur du texte du bouton (par défaut : blanc), valable pour l’état normal et au survol, et pour le bouton de rétractation comme pour le bouton d’envoi du formulaire. Les réglages de style du constructeur peuvent la remplacer.
Texte d’introduction au-dessus du formulaire	S’affiche au-dessus du formulaire.
Intitulé du bouton d’envoi	Texte du bouton qui envoie le formulaire (par défaut : « Confirmer la rétractation »).
Texte de l’accusé de réception (e-mail)	Texte d’introduction de l’e-mail de confirmation automatique au consommateur.
Page de la politique de confidentialité	Sélection de page pour le lien d’information sur la confidentialité dans le formulaire. Si rien n’est sélectionné, la page de politique de confidentialité définie dans WordPress est utilisée.

Le nom de l’expéditeur des e-mails est repris des champs Nom de l’expéditeur et E-mail de l’expéditeur du formulaire de contact (sous WP-ImmoMakler → Réglages → Formulaire de contact).

Intégration par shortcode

Deux shortcodes sont disponibles. Comme tous les shortcodes WP-ImmoMakler, ils utilisent des traits d’union.

Bouton de rétractation

[immomakler-widerruf-button]
[immomakler-widerruf-button mode=modal]

Attribut	Valeurs	Description
`mode`	`link` (par défaut), `modal`, `none`	Comportement du bouton (voir ci-dessous).
`label`	Texte	Intitulé. Vide = texte par défaut des réglages.
`page`	URL ou ID de page	Cible en mode `link`. Vide = page de rétractation des réglages. Dans les constructeurs de pages, vous choisissez la page facilement à partir d’une liste déroulante.
`link`	URL	Lien personnalisé vers une adresse quelconque (p. ex. URL externe, ancre ou action de fenêtre contextuelle du constructeur). Remplace `page`.
`color`	Couleur hexadécimale	Couleur de fond du bouton (p. ex. `#1a7f5a`). Vide = couleur des réglages. La couleur au survol est calculée automatiquement un peu plus foncée.
`class`	Classe(s) CSS	Classes supplémentaires sur le bouton, par exemple comme déclencheur d’une fenêtre contextuelle du constructeur.

Modes :

link - Le bouton est un lien vers la page de rétractation configurée (sur laquelle le formulaire est intégré).
modal - Le bouton ouvre le formulaire dans une fenêtre superposée sur la même page. Le formulaire est fourni automatiquement.
none - Le bouton ne déclenche aucun comportement propre. Ce mode sert à utiliser une fenêtre contextuelle native du constructeur comme déclencheur (voir Fenêtres contextuelles natives du constructeur).

Formulaire de rétractation

[immomakler-widerruf-form]

Attribut	Valeurs	Description
`post_id`	ID de publication WordPress du bien	Facultatif. Préremplit le champ d’identification du contrat avec l’ID du bien et son titre. Il s’agit de l’ID de publication WordPress interne du bien, et non du numéro externe du bien (`objektnr_extern`, p. ex. « W882 »).
`contract_identification_prefill`	Texte	Facultatif. Préremplit le champ d’identification avec un texte fixe. Prioritaire sur `post_id`.
`object_id`	ID de publication WordPress du bien	Obsolète. Alias de `post_id`, fonctionne toujours.
`object_label`	Texte	Obsolète. Alias de `contract_identification_prefill`, fonctionne toujours.

Lorsque post_id est indiqué, le formulaire préremplit le champ « Informations permettant d’identifier le contrat » avec l’ID du bien (numéro externe du bien) et son titre. Le consommateur peut toujours modifier ces informations.

Intégrez le bouton et le formulaire selon le déroulement souhaité : soit le bouton en mode link sur une page quelconque et le formulaire sur une page de rétractation dédiée, soit le bouton en mode modal, qui affiche le formulaire directement dans la fenêtre superposée.

Le formulaire

Le formulaire (la page de confirmation) est volontairement court et ne demande que ce qui est nécessaire à une rétractation. Tous les champs sont obligatoires (marqués d’un *) :

Prénom et Nom
Informations permettant d’identifier le contrat (champ de texte) - ou la partie du contrat dont le consommateur souhaite se rétracter (p. ex. numéro de contrat, date du contrat, ID du bien, etc.)
Adresse e-mail - l’accusé de réception est envoyé à cette adresse

Suivent ensuite la déclaration « Je me rétracte par la présente du contrat identifié ci-dessus. », une confirmation obligatoire de la rétractation ainsi que le consentement à la politique de confidentialité. L’envoi se fait via le bouton dont le texte est défini dans les réglages (par défaut « Confirmer la rétractation »).

Déroulement et e-mails

Lors de l’envoi, le formulaire est transmis par AJAX : la page ne se recharge donc pas et l’accusé de réception apparaît directement sur place. Si JavaScript est désactivé, le formulaire continue de fonctionner comme un envoi de formulaire classique.

Deux e-mails sont déclenchés :

Au consommateur : un accusé de réception immédiat avec le contenu de la rétractation ainsi que la date et l’heure de l’envoi. La confirmation atteste uniquement la réception de la rétractation ; elle ne constitue volontairement pas une confirmation de sa validité, qui est vérifiée et communiquée séparément. Dans vos propres textes, évitez donc des formulations telles que « Votre rétractation a été confirmée ».
À vous (agent immobilier) : une notification avec toutes les informations transmises. L’adresse e-mail du consommateur est définie comme adresse de réponse (Reply-To) ; en option, une copie d’archive est envoyée en tant qu’e-mail séparé à l’adresse d’archive configurée.

Protection anti-spam

Le formulaire est protégé par les mêmes vérifications invisibles que tous les formulaires du plugin — un champ honeypot, la provenance du formulaire et la durée de remplissage. Vous pouvez en outre activer ALTCHA. Les deux se règlent sous WP-ImmoMakler → Réglages → Protection anti-spam ; vous trouverez un aperçu dans Protection anti-spam. La vérification ne demande aucune saisie à vos visiteurs ; le formulaire continue d’être envoyé par AJAX.

Une rétractation vous parvient toujours : en cas de suspicion de spam, la notification qui vous est adressée est simplement marquée, jamais retenue. Seul l’accusé de réception à la personne expéditrice peut, dans ce cas, faire défaut.

Intégration via les constructeurs de pages

Pour chaque constructeur de pages pris en charge, deux éléments sont disponibles : un pour le bouton et un pour le formulaire. En interne, ils rendent les mêmes shortcodes.

Dans l’élément bouton, vous choisissez la page de rétractation à partir d’une liste déroulante de vos pages (au lieu de saisir une URL ou un ID). Si la sélection reste vide, la page de rétractation des réglages est utilisée. Via le champ facultatif Lien personnalisé (URL), vous pouvez à la place faire pointer le bouton vers une adresse quelconque — par exemple une URL externe, une ancre ou l’action d’une fenêtre contextuelle native du constructeur ; ce lien remplace la page de rétractation sélectionnée.

Constructeur de pages	Éléments
Gutenberg	Blocs « Bouton de rétractation » et « Formulaire de rétractation »
Elementor	Widgets « Bouton de rétractation » et « Formulaire de rétractation » (catégorie « WP-ImmoMakler : utilisable sur tout le site »)
Divi	Modules « WP-ImmoMakler Bouton de rétractation » et « WP-ImmoMakler Formulaire de rétractation »
WPBakery	Éléments « Bouton de rétractation » et « Formulaire de rétractation »
Bricks	Éléments « Bouton de rétractation » et « Formulaire de rétractation »
Oxygen	Éléments « Bouton de rétractation » et « Formulaire de rétractation »

Mise en forme du bouton

Vous réglez la couleur de fond le plus simplement via le réglage Couleur du bouton (voir ci-dessus) ; la couleur au survol en est dérivée automatiquement. Pour une mise en forme plus poussée, le bouton est un élément simple et sémantique doté de la classe CSS immomakler-widerruf-button. Son apparence peut être personnalisée via des propriétés personnalisées CSS sans modifier de PHP — par exemple dans l’outil de personnalisation, sous « CSS additionnel » :

.immomakler-widerruf-button {
  --immomakler-widerruf-button-bg: #1a7f5a;
  --immomakler-widerruf-button-bg-hover: #14654780;
  --immomakler-widerruf-button-radius: 6px;
}

Dans les constructeurs de pages, les options de style natives correspondantes (couleur, espacements, typographie) sont également disponibles directement sur l’élément bouton. Ces réglages ont chacun la priorité sur le réglage de couleur global :

Elementor : onglet Style avec les réglages de bouton habituels : alignement, typographie, couleur du texte et de fond (état normal et survol), bordure, rayon de bordure, ombre portée et marge intérieure.
Divi : onglet Design avec texte/typographie, arrière-plan, bordure (y compris le rayon), ombre portée et espacement.
Bricks : onglet Style, groupe Bouton avec typographie, couleur du texte et de fond (normal et survol), bordure, ombre portée et marge intérieure.
WPBakery : onglet Design avec couleur du texte et de fond (normal et survol), rayon de bordure, marge intérieure ainsi que les options de design natives de WPBakery.
Oxygen : commandes pour la couleur du texte et de fond (normal et survol), le rayon de bordure et la marge intérieure directement sur l’élément.
Gutenberg : le bloc utilise par défaut la couleur de bouton globale. Via le réglage Couleur du bouton dans le bloc, vous pouvez choisir une couleur personnalisée ; la couleur au survol est calculée automatiquement un peu plus foncée. Si le champ reste vide, la couleur globale continue de s’appliquer.

Les options de style des constructeurs ci-dessus s’appliquent uniquement au bouton de rétractation (le déclencheur). Le bouton d’envoi du formulaire reprend la couleur définie sous Couleur du bouton (avec une couleur au survol dérivée automatiquement) ; son texte se configure séparément via Intitulé du bouton d’envoi.

Fenêtres contextuelles natives du constructeur

Si, au lieu de la fenêtre superposée intégrée, vous souhaitez utiliser une fenêtre contextuelle de votre constructeur de pages (par exemple Elementor Pro Popups, Bricks Popups ou une fenêtre modale Oxygen), procédez comme suit :

Réglez le bouton sur le mode none (dans le constructeur : « Aucun comportement (fenêtre contextuelle du constructeur) »).
Donnez au bouton une classe déclencheur via le champ « Classe CSS supplémentaire » (ou l’attribut class), p. ex. widerruf-popup-oeffnen.
Créez une fenêtre contextuelle dans votre constructeur et configurez-la pour qu’elle s’ouvre au clic sur cette classe.
Placez l’élément formulaire de rétractation (ou le shortcode [immomakler-widerruf-form]) à l’intérieur de la fenêtre contextuelle.

Avec Elementor Pro, vous pouvez également indiquer une action de fenêtre contextuelle Elementor dans le champ « Lien personnalisé » (attribut link).

Personnalisation via les filtres

La sortie et les textes des e-mails peuvent être personnalisés via des hooks de filtre :

Filtre	Objet
`immomakler_widerruf_button_html`	HTML du bouton.
`immomakler_widerruf_form_html`	HTML du formulaire ou du message de succès.
`immomakler_widerruf_makler_emailtext`	Texte de la notification à l’agent immobilier.
`immomakler_widerruf_confirmation_emailtext`	Texte de l’accusé de réception au consommateur.