BB Form Builder

Comment intégrer des formulaires

Méthode 1 : Intégration iframe

La façon la plus simple d'intégrer un formulaire. Copiez et collez ce code dans votre HTML :

<iframe
    src="https://bb-form-builder.botble.com/form/contact-form"
    width="100%"
    height="500"
    frameborder="0"
></iframe>

Méthode 2 : Intégration JavaScript

Pour une meilleure réactivité et un ajustement automatique de la hauteur :

<div id="my-form"></div>
<script src="https://bb-form-builder.botble.com/vendor/core/plugins/bb-form-builder/js/embed.js"></script>
<script>
    BbFormBuilder.embed({
        container: '#my-form',
        formCode: 'contact-form'
    });
</script>

Aperçu d'intégration en direct

URL actuelle : https://bb-form-builder.botble.com/form/contact-form

Options JavaScript

L'intégration JavaScript prend en charge ces options :

Option	Type	Description
`container`	string	Sélecteur CSS pour l'élément conteneur
`formCode`	string	Le code unique de votre formulaire
`baseUrl`	string	Optionnel. Remplacer l'URL de base
`height`	string	Optionnel. Hauteur fixe (ex : "500px")

Conseils et bonnes pratiques

1
Utilisez l'intégration JavaScript pour les formulaires responsifs
Il ajuste automatiquement la hauteur selon le contenu du formulaire
2
CORS est géré automatiquement
Les formulaires peuvent être intégrés sur n'importe quel domaine
3
Le style est isolé
Les formulaires utilisent leur propre CSS et n'entreront pas en conflit avec votre site
4
Les messages de succès/erreur fonctionnent parfaitement
Les soumissions et validations de formulaires sont entièrement fonctionnelles

Codes de formulaires disponibles

Utilisez ces codes de formulaires dans votre intégration :

contact-form

newsletter

customer-feedback

job-application

event-registration

Cette page est uniquement à des fins de démonstration, elle n'est pas incluse dans le package de téléchargement. Nous vendons uniquement le plugin BB Form Builder.

Démo d'intégration