English Deutsch Español Português brasileiro Français Italiano Nederlands Svenska 日本語

Formoid, le générateur de formulaires le plus simple

Formoid rend la création de formulaires sur Internet très facile et très plaisante. Avec un GUI sans codage à base de glisser-déposer, des thèmes de formulaire Flat, Metro, Bootstrap, Solid des éléments de formulaire CSS totalement stylés, réactifs, compatible avec les écrans Retina, des enregistrements au fur et à mesure, des captcha anti-spam – Formoid est tout simplement un incroyable outil de création de formulaires!

Bootstrap Formulaire

De jolis skins

Des thèmes modernes avec des couleurs agréables.

CSS Formulaire

Design de formulaires CSS

Radios CSS, cases à cocher, sélections, envoi de fichiers, agenda, info-bulles, et même un captcha google!

HTML5 Formulaire

Compatibles avec les écrans Retina

Tous les éléments du formulaire s’affichent extrêmement bien sur des écrans et des appareils haute-résolution.

jQuery Formulaire

Réactifs

Totalement optimisé pour les ordinateurs de bureau, les téléphones et les tablettes.

Générateur de formulaire jQuery

Formulaire d’inscription

Metro Démo de thème

Créateur de formulaires CSS3

Formulaire de remarques

Bootstrap Démo de thème

Créateur de formulaires HTML5

Rapport sur des bugs

Flat Démo de thème

Formulaires HTML réactifs

Eléments de formulaire

Solid Démo réactive de thème

Présentation

Un formulaire sur Internet est une méthode indispensable d’interaction pour tout site, et un formulaire propre et attractif est absolument vital pour diminuer le nombre d’erreurs ou de soumissions ratées. Formoid est un outil incroyable qui combine les dernières idées de design et les techniques web les plus avancées pour vous aider à créer vos meilleurs formulaires.

  • Assistant
    Le créateur de formulaires le plus intuitif et le plus facile à utiliser - Plus de codage à faire soi-même, simplement une construction rapide et facile à base de glisser-déposer. Vous pourrez créer des formulaires simples ou complexes en un claquement de doigts avec Formoid!
    Pour Mac et Windows - Utilisez Formoid sur votre plateforme préférée – Formoid est compatible avec Mac OSX 10.6+, Windows XP, Vista, 7 ou 8.
    Totalement personnalisable - Personnalisez rapidement et facilement la disposition, les couleurs et le style.
    Couleurs - Changez facilement la couleur des éléments avec des préréglages de couleurs. Les cases à cocher et les icônes de radio peuvent aussi changer de couleur.
    Aperçu en temps réel - La fenêtre d’aperçu vous permet de voir les changements apportés à votre formulaire instantanément, exactement comme il apparaîtra dans le navigateur.
    Champs standards - Champs de texte, zone de paragraphe, menus déroulant de sélection et de sélections multiples, cases à cocher et boutons de radio ? Formoid est compatible avec toutes les zones de formulaire standards.
    Champs avancés - Vous avez besoin de quelque chose de plus avancé ? Des zones pour un nom, une adresse, un email, une adresse URL, un envoi de fichier, un mot de passe, un calendrier, un numéro ou un captcha vous faciliteront la tâche.
    Champs obligatoires - Marquez certains champs comme « Requis » et affichez un message d’erreur si nécessaire.
    Captcha anti-spam - Ajoutez le puissant reCaptcha Google considéré comme l’un des plus fiables, en seulement un clic. Bloquez les spams des robots automatiques!
  • Formulaires HTML
    De jolis skins - Thèmes de formulaires Modern Flat, Metro, Bootstrap avec des couleurs agréables.
    Disposition fluide, formulaires réactifs - Vos formulaires auront toujours une présentation irréprochable sur n’importe quel ordinateur de bureau ou appareil mobile.
    La plus large compatibilité avec les navigateurs et les appareils - Les formulaires sont soigneusement testés sur plusieurs navigateurs, systèmes d’exploitation et appareil pour s’assurer qu’ils aient une apparence parfaite sur les vieux (y compris IE6) navigateurs, mais aussi les plus récents, même sans Javascript.
    Compatible avec les écrans Retina - Tous les éléments du formulaire sont créés avec CSS, sans images, donc ils sont nets, parfaits au pixel près sur tous les écrans Retina et haute définition.
    Polices Google lissées - Vous n’en pouvez plus de toujours utiliser les mêmes vieilles polices ennuyeuses comme Arial et TimesRoman ? Essayez des polices Google fraiches dans vos formulaires.
    Mise en forme CSS du formulaire - Agencement purement CSS du formulaire - radios, cases à cocher, sélections, envoi de fichier, calendrier, info-bulles, et même un captcha google! Aucune image n’est utilisée!
    Validation en temps réel - Le formulaire valide les champs au fur et à mesure que l’utilisateur écrit et affiche des info-bulles si une erreur apparaît. La validation de formulaire HTML5 est aussi compatible.
  • Sortie PHP du formulaire
    Gérer des formulaires avec le PHP - Formoid ne sert pas uniquement pour les formulaires HTML destinés au client. Il génère également un puissant gestionnaire PHP pour traiter les formulaires d’inscription.
    Aucun codage - Le code PHP destiné au serveur est généré de façon totalement automatique, et si le PHP est activé sur votre serveur, tout ce que vous avez besoin de faire, c’est d’y héberger ce fichier PHP en plus du fichier HTML. Aucune connaissance concernant la programmation en PHP n’est requise!
    Formulaires de contact par email - Une fois que vous l’aurez hébergé sur votre serveur, le script PHP enverra des réponses aux adresses email que vous aurez précisées dans Formoid.
    Exporter au format CSV - Toutes les soumissions du formulaire sont enregistrées dans un fichier csv.
  • Formulaires hébergés en ligne
    Publication en un clic, aperçu et test - Le bouton "Aperçu et test » envoie directement votre formulaire actuel sur notre serveur pour un essai en temps réel.
    Partage & intégration faciles - Cliquez sur le bouton «Partager» et vous obtiendrez un petit morceau de code HTML que vous pourrez envoyer par email, intégrer à n’importe quelle page Internet ou créer un joli pop-up Lightbox avec votre formulaire.
    Notifications instantanées - Informations en temps réel par email sur l’activité en ligne de votre formulaire.
    Récupérer les pièces jointes - Si votre formulaire dispose de la fonction Envoi de fichier, vous pourrez à tout moment accéder aux fichiers envoyés par vos utilisateurs.
    Contrôle total - Gérez tous vos formulaires hébergés en ligne, visualisez les stats, visualisez et exportez les soumissions.
    Formulaires sécurisés - Toutes les soumissions sont transmises avec un fort cryptage 256 bits SSL (protocole HTTPS) pour être sûr que les données de vos clients soient protégées.

Aide rapide

Aide rapide

1. Zone d’édition: Cette zone est votre espace de travail ou vous éditerez et construirez votre formulaire. Contrôlez l’apparence de votre formulaire en glissant-déposant des éléments depuis le panneau des éléments et en changeant les propriétés du formulaire ou des éléments dans leurs onglets respectifs.

2. Barre d’outils principale: Cette barre d’outils est constituée de tout ce dont vous avez besoin pour gérer votre compte. Vous pouvez publier des formulaires en local ainsi que sur Internet. La barre d’outils comprend des boutons tels que:

  • Nouveau: Crée un nouveau formulaire.
  • Ouvrir: Ouvre un formulaire existant.
  • Enregistrer: Enregistre le formulaire actuel.
  • Enregistrer au format HTML: Enregistre le formulaire actuel au format HTML.
  • Aperçu et Test: Propose un aperçu de votre formulaire en le testant sur Internet.
  • Mes formulaires: Une nouvelle fenêtre dans laquelle vous pourrez avoir un aperçu, changer et gérer tous les formulaires qui sont hébergés sur notre serveur (formoid.net) s’ouvrira.
  • Partager: Une nouvelle fenêtre apparaîtra et vous donnera les options et les façons d’intégrer le code de votre formulaire.
  • Adresse email: Adresse email de votre compte actuel. Cliquez dessus pour changer de compte.
  • Mon compte: Affiche les informations de votre compte.
NOTE: Les boutons verts fonctionnent en local. Les boutons bleus nécessitent une connexion Internet.

3. Panneau d’éléments: Ce panneau comprend tous les éléments que vous pouvez inclure dans votre formulaire, comme:

  • Texte: Crée une zone de texte.
  • Zone de texte: Crée une zone de texte plus grande.
  • Sélection: Crée un menu déroulant dans lequel il faut choisir une option.
  • Sélections multiples: Crée un menu déroulant dans lequel il faut choisir des options. Les utilisateurs peuvent sélectionner plusieurs options avec cet élément.
  • Cases à cocher: Crée une liste d’options avec des cases à cocher.
  • Bouton de radio: Crée une liste d’options de bouton de radio.
  • Date: Crée une zone de saisie pour une date.
  • Nombres: Crée une zone de saisie pour des nombres.
  • Envoyer un fichier: Crée une zone de sélection de fichier d’où les utilisateurs pourront sélectionner des fichiers sur leur disque dur.
  • Email: Crée une zone de saisie pour une adresse email.
  • Site Internet: Crée une zone de saisie pour une adresse URL.
  • Nom: Crée une zone de saisie pour un nom et un prénom.
  • Adresse: Crée des zones de saisie pour une adresse, y compris la rue, la ville, l’état/province, le code postal et le pays.
  • Mot de passe: Crée une zone de saisie pour un mot de passe.
  • Téléphone: Crée une zone de saisie pour un numéro de téléphone.
  • Captcha: Crée un captcha que les utilisateurs devront «résoudre» avant de soumettre le formulaire. Cet élément aide à la protection contre les spams.

4. Onglet propriétés du formulaire: Dans cet onglet, vous pourrez ajuster les paramètres globaux de votre formulaire, y compris:

  • Titre: Entrez le titre de votre formulaire HTML.
  • Taille de police: Sélectionnez la taille de la police de votre formulaire CSS3.
  • Police: Sélectionnez la police que vous désirez. Par exemple: Arial, Helvetica, sans-serif. Vous pouvez aussi utiliser les polices Google web.
  • Couleur de police: Choisissez la couleur de police pour le texte de votre formulaire HTML5.
  • Largeur: Entrez un nombre en pixels (px) ou en pourcentage (%) pour modifier la largeur de votre formulaire.
  • Couleur de formulaire: Choisissez une couleur de fond pour votre formulaire HTML.
  • Couleur de page: Choisissez une couleur pour votre page.
  • Flou: Ajoute un arrière-plan flouté à votre formulaire HTML5.
  • Soumettre: Modifiez le texte du bouton «Soumettre».
  • Notification par email: Spécifiez une adresse email où seront envoyés les résultats de soumission du formulaire.
  • Confirmation: Choisissez ce que vos utilisateurs verront après une soumission réussie: Message ou Redirection.
    -Message: L’utilisateur verra le message que vous entrerez dans cette zone
    -Redirection: L’utilisateur sera redirigé vers l’adresse URL

5. Onglet propriétés des éléments: Dans cet onglet, vous pourrez ajuster les paramètres de l’élément sélectionné. Vous pouvez contrôler des propriétés de l’élément comme:

  • Nom
  • Texte
  • Éléments requis
  • Taille de la zone
  • Et bien plus encore, en fonction de l’élément

6. Panneau de thèmes: Choisissez un thème pour votre formulaire en ligne. Vous pouvez choisir parmi trois thèmes:

7. Couleurs: Choisissez un assemblage de couleurs pour votre formulaire. Vous pouvez choisir parmi plusieurs couleurs.

8. Fenêtre Mes formulaires: Cliquez sur «Mes Formulaires» et une nouvelle fenêtre dans laquelle vous pourrez avoir un aperçu, changer et gérer tous vos formulaires qui sont hébergés sur notre serveur s’ouvrira.

9. Fenêtre Partager: Cliquez sur «Partager» et une nouvelle fenêtre apparaîtra. Vous y trouverez les options et les façons d’intégrer le code de votre formulaire. Choisissez parmi deux versions de code intégré:

  • JavaScript (Recommandé)
  • IFrame
Ou choisissez parmi deux versions de pop-up pour votre formulaire:
  • Lightbox (Recommandé)
  • Nouvelle fenêtre

10. Fenêtre d’informations sur le compte: Cliquez sur «Mon Compte» et vous serez redirigé vers une fenêtre où vous pourrez retrouver des informations sur votre compte, y compris des informations sur:

  • La licence
  • L’adresse email utilisée pour l’inscription
  • Le nombre de soumissions
  • La date d’expiration