{"id":1374,"date":"2020-07-21T12:40:16","date_gmt":"2020-07-21T12:40:16","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=1374"},"modified":"2020-09-23T12:13:56","modified_gmt":"2020-09-23T12:13:56","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/contact-form-widget\/examples\/","title":{"rendered":"Contact Form &#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. Forme simple<\/h3><div class=\"application-examples-item-description\">Voici un exemple de formulaire de contact universel et facile \u00e0 utiliser pour recevoir les messages des utilisateurs. Il comporte un minimum de champs, ce qui le rend simple et rapide \u00e0 remplir. Avec le style classique, il a l'air propre et conviendra \u00e0 presque toutes les conceptions de site Web, changez simplement la couleur du bouton et de l'ic\u00f4ne.<\/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=486d9284-4c39-467a-800c-34850f4c03ad&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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. Formulaire de courrier \u00e9lectronique<\/h3><div class=\"application-examples-item-description\">Ce formulaire Envoyez-nous un e-mail est si lisse gr\u00e2ce au style Flat Rounded. Le formulaire ne comprend que les champs indispensables \u00e0 l'envoi d'un email, le reste est juste d\u00e9sactiv\u00e9. Les champs sont organis\u00e9s en une colonne pour une conception compacte et les champs obligatoires sont marqu\u00e9s du signe *. La couleur rouge du bouton Envoyer le rend accrocheur.<\/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=03afc87f-33aa-4a7a-acb5-18ed83e4bbd0&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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. Forme \u00e9tendue<\/h3><div class=\"application-examples-item-description\">L'ajout de champs suppl\u00e9mentaires rend ce formulaire assez complet. La section Adresse comprend plusieurs champs et ils sont dispos\u00e9s en mosa\u00efque pour \u00e9conomiser de l'espace. Le formulaire comporte \u00e9galement une case \u00e0 cocher, proposant de s'abonner \u00e0 l'envoi postal et un champ de texte. L'en-t\u00eate affiche un titre et un texte de l\u00e9gende personnalis\u00e9s.<\/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=b031c3a3-1acf-4d2e-9771-eee3e8e04672&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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. Forme flottante<\/h3><div class=\"application-examples-item-description\">Une mise en page flottante peut \u00eatre tr\u00e8s pratique si vous souhaitez ajouter un formulaire de contact \u00e0 toutes les pages du site Web. Le formulaire sera affich\u00e9 sous forme de petite bulle, \u00e0 la suite du d\u00e9filement des visiteurs et il se d\u00e9veloppera au clic. C'est une bonne alternative aux chats en ligne, si vous souhaitez recevoir des messages de clients. Dans cet exemple, le formulaire flottant a un titre invitant et seulement trois champs pour faciliter le d\u00e9but de la conversation.<\/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=65831acf-24ce-4fcd-9f7b-7b8566f3d2d4&padding=28px+40px+40px\" width=\"100%\" height=\"720px\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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 5. Demande de soutien<\/h3><div class=\"application-examples-item-description\">Si vous souhaitez que les utilisateurs s'adressent \u00e0 vous pour obtenir de l'aide via le formulaire de contact, vous pouvez facilement l'organiser pour cette t\u00e2che. La bo\u00eete de s\u00e9lection aidera les utilisateurs \u00e0 choisir le type de leur probl\u00e8me et un champ de texte sert \u00e0 saisir la description du probl\u00e8me. Les utilisateurs peuvent \u00e9galement t\u00e9l\u00e9charger un fichier pour illustrer le probl\u00e8me. Le style classique rend le formulaire propre et il y a une ic\u00f4ne de th\u00e8me sur l'en-t\u00eate pour un look vivant.<\/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=b72f1bf4-3438-4149-9821-c3178148ed02&padding=28px+40px+40px\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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 6. Demander un appel<\/h3><div class=\"application-examples-item-description\">Dans cet exemple, un formulaire de contact sert d'outil qui aide les visiteurs \u00e0 demander un appel de votre part. Une ic\u00f4ne flottante s'ouvrira au clic pour afficher un minimum de champs: nom, t\u00e9l\u00e9phone et date et heure pr\u00e9f\u00e9r\u00e9es de l'appel. L'ic\u00f4ne et le bouton sont peints en violet et il est facile de changer la couleur de votre choix.<\/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=703298a5-fdd0-46e4-9af4-2ac372687e87&padding=28px+40px+40px\" width=\"100%\" height=\"720px\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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 7. Formulaire blanc<\/h3><div class=\"application-examples-item-description\">Il s'agit d'une variante pour ceux qui souhaitent cr\u00e9er leur propre formulaire de contact personnalis\u00e9 \u00e0 partir de z\u00e9ro. Vous n'avez pas besoin de modifier les mod\u00e8les existants, ajoutez simplement ce dont vous avez besoin, d\u00e9finissez la taille, choisissez le style - en un mot - profitez d'une libert\u00e9 totale. Cr\u00e9ez un formulaire de contact parfait pour votre t\u00e2che!<\/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=87a56538-71bc-4b55-82c6-3b0805c546d4&padding=28px+40px+40px\" width=\"100%\" height=\"720px\" 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":1363,"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>Les meilleurs exemples de formulaire de contact sur un site web<\/title>\n<meta name=\"description\" content=\"Exemples de formulaires de contact du site Web: personnel, flottant, demande d&#039;appel, large. Exemple Contactez-nous Formulaires 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\/contact-form-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les meilleurs exemples de formulaire de contact sur un site web\" \/>\n<meta property=\"og:description\" content=\"Exemples de formulaires de contact du site Web: personnel, flottant, demande d&#039;appel, large. Exemple Contactez-nous Formulaires pour votre site Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/contact-form-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-23T12:13:56+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=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les meilleurs exemples de formulaire de contact sur un site web","description":"Exemples de formulaires de contact du site Web: personnel, flottant, demande d'appel, large. Exemple Contactez-nous Formulaires 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\/contact-form-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Les meilleurs exemples de formulaire de contact sur un site web","og_description":"Exemples de formulaires de contact du site Web: personnel, flottant, demande d'appel, large. Exemple Contactez-nous Formulaires pour votre site Web.","og_url":"https:\/\/elfsight.com\/fr\/contact-form-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-09-23T12:13:56+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/contact-form-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/contact-form-widget\/examples\/","name":"Les meilleurs exemples de formulaire de contact sur un site web","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-07-21T12:40:16+00:00","dateModified":"2020-09-23T12:13:56+00:00","description":"Exemples de formulaires de contact du site Web: personnel, flottant, demande d'appel, large. Exemple Contactez-nous Formulaires pour votre site Web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/contact-form-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/contact-form-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/contact-form-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Contact Form","item":"https:\/\/elfsight.com\/fr\/contact-form-widget\/"},{"@type":"ListItem","position":3,"name":"Contact Form &#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":"1358","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\/1374"}],"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=1374"}],"version-history":[{"count":6,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1374\/revisions"}],"predecessor-version":[{"id":1380,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1374\/revisions\/1380"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1363"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=1374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}