Embed & intégration

Intégrez vos formulaires partout.
Comme une vidéo YouTube.

Une ligne d'iframe ou un snippet JS — votre formulaire MagicForm s'affiche sur votre site, votre intranet, votre email ou un QR code. Pré-remplissez les champs depuis l'URL.

Trois modes de publication, un même formulaire.

Choisissez le mode qui correspond à votre canal de diffusion. Toujours hébergé sur notre socle suisse.

Le plus simple

Lien public

Une URL courte magicform.ch/f/votre-form, partageable par email, SMS ou QR code.

Le plus utilisé

Iframe embed

Une ligne HTML pour intégrer le formulaire dans votre site, comme une vidéo YouTube.

Le plus engageant

Widget chat flottant

Bouton flottant qui ouvre le formulaire en mode conversationnel sur votre site.

Snippets prêts à l'emploi

Copier-coller. C'est en ligne.

Chaque formulaire publié génère ses propres snippets : iframe HTML, embed JS, composant React, ou bouton popup. Tous prennent en charge le pré-remplissage et respectent vos domaines autorisés.

  • Responsive natif, hauteur auto-ajustée
  • Compatible CSP strict (sous-domaine dédié)
  • Versions FR / DE / IT / EN automatiques
  • Mode sombre détecté ou forcé
html · iframe
<iframe
  src="https://magicform.ch/f/credit-pme?prefill[name]=Camille&prefill[company]=Atelier+Beck"
  width="100%"
  height="720"
  frameborder="0"
  allow="camera; microphone"
  title="Demande de crédit PME">
</iframe>
javascript · embed.js
<div id="magicform-credit-pme"></div>
<script src="https://cdn.magicform.ch/embed.js" async></script>
<script>
  MagicForm.embed({
    target: "#magicform-credit-pme",
    formId: "credit-pme",
    prefill: { name: "Camille", company: "Atelier Beck" },
    lock: ["company"],
    theme: "auto",
  });
</script>
react · @magicform/react
import { MagicForm } from "@magicform/react";

export function CreditApplication() {
  return (
    <MagicForm
      formId="credit-pme"
      prefill={{ name: "Camille", company: "Atelier Beck" }}
      lock={["company"]}
      onSubmit={(data) => console.log(data)}
    />
  );
}
html · popup button
<button onclick="MagicForm.open('credit-pme')">
  Demander un crédit
</button>
<script src="https://cdn.magicform.ch/embed.js" async></script>

Votre site. Votre marque. Notre socle.

Aperçu d'un formulaire MagicForm intégré sur le site d'une banque cantonale. Le visiteur ne quitte jamais le contexte.

banque-helvetia.ch / credit-pme
🏦 Banque Helvetia

Demande de crédit PME

Remplissez ce formulaire en ligne. Notre équipe revient vers vous sous 48 h ouvrées avec une première analyse de votre dossier.

  • Jusqu'à CHF 250'000
  • Réponse en 48 h
  • Sans frais de dossier
MagicForm embed
🇨🇭 magicform.ch
Raison sociale
Atelier Beck SA
Numéro IDE
CHE-123.456.789
Montant souhaité
CHF 85'000
Email
info@beck.ch

Les champs ont été pré-remplis et verrouillés via les paramètres URL — l'utilisateur ne peut pas les modifier.

Pré-remplissage par URL

Pré-remplissez n'importe quel champ depuis l'URL.

Idéal pour les emails personnalisés, les espaces clients, ou les campagnes marketing.

ParamètreDescriptionExemple
prefill[champ]=valeurPré-remplit un champ par son identifiant.?prefill[email]=info@beck.ch
lock[champ]=trueVerrouille le champ (lecture seule).?prefill[ide]=CHE-123&lock[ide]=true
hide[champ]=trueMasque un champ (utile pour les valeurs techniques).?hide[utm_source]=true
theme=light|dark|autoForce le thème visuel du formulaire.?theme=dark
lang=fr|de|it|enForce la langue d'affichage.?lang=de
ref=sourceTague la source pour vos analytics.?ref=newsletter-q2
sig=...Signature HMAC du pré-remplissage (recommandée pour données sensibles).?sig=a8f3...

Partout où vos clients sont.

Site public

Page produit, landing, formulaire de contact.

Intranet & espace client

Pré-remplissage automatique avec les données utilisateur.

Email marketing

Lien personnalisé par destinataire avec valeurs pré-remplies.

QR code physique

Affiche, vitrine, courrier — un scan, le formulaire s'ouvre.

🔒 Embed sécurisé

Votre embed, sous votre contrôle.

Contrairement aux autres outils, MagicForm vous laisse maîtriser exactement où et comment vos formulaires peuvent être intégrés.

Domaines autorisés

Whitelist d'origines : seul votre site peut intégrer le formulaire.

Signature HMAC

Empêche la falsification du pré-remplissage côté client.

CSP-friendly

Compatible avec les Content-Security-Policy strictes.

Aucun tracker

Pas de cookie tiers, pas de pixel, pas de fingerprint.

Prêt à intégrer votre premier formulaire ?

Gratuit jusqu'à 100 soumissions par mois. Sans carte de crédit.