{"id":1170,"date":"2020-07-09T13:13:36","date_gmt":"2020-07-09T13:13:36","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=1170"},"modified":"2020-07-13T08:09:31","modified_gmt":"2020-07-13T08:09:31","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/","title":{"rendered":"Form Builder &#8211; examples"},"content":{"rendered":"\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 1: Un formulaire de contact pratique au look arrondi<\/h3><div class=\"application-examples-item-description\">Un simple formulaire de contact avec des champs de texte pour le nom, l'adresse e-mail, le t\u00e9l\u00e9phone, l'URL du site Web et le message client. Deux des champs sont obligatoires pour la soumission du formulaire, et ils sont marqu\u00e9s du symbole *. Il s'agit de la disposition par d\u00e9faut et les champs sont divis\u00e9s en deux colonnes pour un aspect plus compact sur la page. Le style plat arrondi est utilis\u00e9 avec la couleur personnalis\u00e9e du bouton.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=d9b8413c-4ee8-4913-a535-cfb153d1197a&padding=28px+0+40px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 2: Un formulaire d'enqu\u00eate client en plusieurs \u00e9tapes<\/h3><div class=\"application-examples-item-description\">Ce cas pr\u00e9sente une vari\u00e9t\u00e9 d'options de classement sur la page: classement par \u00e9toiles, nombre et \u00e9chelle du pouce. Il existe \u00e9galement un champ de texte pour les suggestions des clients. La progression du remplissage est divis\u00e9e en deux \u00e9tapes, ce qui ressort clairement de la barre de progression qui affiche les num\u00e9ros et les titres des \u00e9tapes. Il rend le formulaire g\u00e9rable pour les utilisateurs. L'en-t\u00eate comporte une ic\u00f4ne et un texte d'en-t\u00eate d\u00e9crivant l'objectif de l'enqu\u00eate.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=d513767b-123c-4c50-a766-33c793769d4e&padding=28px+0+40px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/fr\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Commencez par cr\u00e9er votre widget\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Commencez par cr\u00e9er votre widget<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Vite. Facile. Pas de codage.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Cr\u00e9er un widget<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 3: Formulaire de r\u00e9troaction extensible<\/h3><div class=\"application-examples-item-description\">Formulaire de feedback en mise en page flottante qui permet de le placer sur plusieurs pages du site sous forme d'ic\u00f4ne \u00e0 afficher en un clic. Il reste toujours visible pendant la navigation et le client peut laisser ses commentaires \u00e0 tout moment. Ici, le style classique est appliqu\u00e9, avec deux champs de texte et une cote Smiley. Le bouton est d'une couleur orange personnalis\u00e9e avec une \u00e9tiquette modifi\u00e9e.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=18a782a9-0cb8-4d63-a5eb-247b22d066f3\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Exemple 4: Un formulaire de demande de r\u00e9servation \u00e9l\u00e9gant<\/h3><div class=\"application-examples-item-description\">Le style classique avec un design minimaliste et une mise en page par d\u00e9faut largement r\u00e9pandue sur la page donnent \u00e0 ce formulaire un aspect spacieux. Les champs sont r\u00e9partis en deux colonnes et ont des espaces r\u00e9serv\u00e9s pour indiquer comment les remplir correctement. Les menus d\u00e9roulants acc\u00e9l\u00e8rent le processus de remplissage. Le formulaire permet d'activer l'abonnement option en cochant la case.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=ad76fc5d-5878-4fc6-92eb-dae92a65d06d&padding=28px+0+40px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":1158,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Exemples de formulaires r\u00e9actifs en ligne pour votre site Web (en 2023)<\/title>\n<meta name=\"description\" content=\"Les 4 exemples d&#039;ensemble de cr\u00e9ation de formulaire en ligne Elfsight: formulaire de contact, d&#039;enqu\u00eate, de demande et autres mod\u00e8les pour votre site Web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exemples de formulaires r\u00e9actifs en ligne pour votre site Web (en 2023)\" \/>\n<meta property=\"og:description\" content=\"Les 4 exemples d&#039;ensemble de cr\u00e9ation de formulaire en ligne Elfsight: formulaire de contact, d&#039;enqu\u00eate, de demande et autres mod\u00e8les pour votre site Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-13T08:09:31+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Exemples de formulaires r\u00e9actifs en ligne pour votre site Web (en 2023)","description":"Les 4 exemples d'ensemble de cr\u00e9ation de formulaire en ligne Elfsight: formulaire de contact, d'enqu\u00eate, de demande et autres mod\u00e8les pour votre site Web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Exemples de formulaires r\u00e9actifs en ligne pour votre site Web (en 2023)","og_description":"Les 4 exemples d'ensemble de cr\u00e9ation de formulaire en ligne Elfsight: formulaire de contact, d'enqu\u00eate, de demande et autres mod\u00e8les pour votre site Web.","og_url":"https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-07-13T08:09:31+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/","url":"https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/","name":"Exemples de formulaires r\u00e9actifs en ligne pour votre site Web (en 2023)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-07-09T13:13:36+00:00","dateModified":"2020-07-13T08:09:31+00:00","description":"Les 4 exemples d'ensemble de cr\u00e9ation de formulaire en ligne Elfsight: formulaire de contact, d'enqu\u00eate, de demande et autres mod\u00e8les pour votre site Web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/online-form-builder\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Form Builder","item":"https:\/\/elfsight.com\/fr\/online-form-builder\/"},{"@type":"ListItem","position":3,"name":"Form Builder &#8211; examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/fr\/#website","url":"https:\/\/elfsight.com\/fr\/","name":"Elfsight FR","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}},"meta_box":{"h1":"","h1_caption":"","category":[],"widget_request_title":"","widget_request_cta":"","application":"1157","templates":[],"hero_text":"","hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","demo_title":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1170"}],"collection":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=1170"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1170\/revisions"}],"predecessor-version":[{"id":1174,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1170\/revisions\/1174"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1158"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=1170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}