Pourquoi ce snippet ?
Le snippet "Formulaire externe responsive" vous permet d'intégrer n’importe quel formulaire externe sans casser la mise en page de votre site :
- Compatible avec Google Form, Typeform, Calendly, etc.
- 100% responsive sur mobile et PC
- Facile à personnaliser (hauteur, largeur, couleurs)
- Intégration rapide avec un simple code embed
Code snippet (coller dans votre CSS)
/* Images responsive */
img { max-width: 100%; height: auto; display:block; }
/* Fix common slider/carousel overflow */
.carousel, .slider, .slick-list, .swiper-container {
overflow:hidden !important;
}
/* Prevent elements with large fixed width from breaking layout */
[x-large], [data-wide], .wide-element {
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Optional helper: center page and hide tiny subpixel overflow */
.page-wrapper { max-width:100%; margin:0 auto; overflow-x:hidden; }
/* End snippet */
Tu peux personnaliser ces règles (ajouter sélecteurs spécifiques de ton thème) pour corriger des cas particuliers. Si tu veux, je te fournis une version adaptée à ton site (dis-moi l’URL ou colle le HTML problématique).
FAQ — Coutons CTA
Comment intégrer un Google Form ?
Copiez simplement le code d’intégration fourni par Google et collez-le dans le snippet.
Comment intégrer un Tally Form ?
Copiez simplement le code d’intégration fourni par Tally et collez-le dans le snippet.
Est-ce que c’est sécurisé ?
Oui, l’intégration est en HTTPS et respecte les standards de sécurité.
Puis-je changer la taille du formulaire ?
Oui, vous pouvez ajuster largeur et hauteur dans le code du snippet.
Ils l'ont testé
Awa Koné — Consultante
“Avant, mes Google Forms déformaient mon site. Maintenant, tout est fluide et responsive !”
Koffi Mensah — Entrepreneur
“Très simple à installer, j’ai gagné du temps et amélioré mon site.”
Julien Moreau — Funnel builder
« J’ai intégré Calendly sur mon site en 2 minutes grâce à ce snippet, un gain de temps énorme. »