{"id":821,"date":"2020-06-25T14:38:50","date_gmt":"2020-06-25T14:38:50","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=821"},"modified":"2020-07-10T13:27:44","modified_gmt":"2020-07-10T13:27:44","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/whatsapp-chat-widget\/examples\/","title":{"rendered":"Whatsapp Chat &#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\">General<\/h3><div class=\"application-examples-item-description\">Il s'agit de l'exemple le plus courant d'un messager WhatsApp sur un site web. Une option de bulle flottante est choisie et le chat reste mod\u00e9r\u00e9 mais toujours visible pour les utilisateurs. Une ic\u00f4ne de discussion reconnaissable est d\u00e9finie dans la bulle et la fen\u00eatre de discussion a des couleurs WhatsApp personnalis\u00e9es.<\/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=6c2beadb-7bc4-495b-b941-8a6ae9e952d4&padding=28px+40px+40px\" width=\"100%\" height=\"500\" 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\">Support<\/h3><div class=\"application-examples-item-description\">Dans cet exemple, l'image d'en-t\u00eate du widget montre une photo d'un sp\u00e9cialiste du support client et la l\u00e9gende est utilis\u00e9e pour sp\u00e9cifier le temps de r\u00e9ponse. Ainsi, les utilisateurs voient qu'ils vont discuter avec une personne en direct et savent quand attendre une r\u00e9ponse. Cela fait du chat une bonne variante de l'organisation du support technique.<\/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=d552e1e4-18ec-42b3-a2d7-f1356ae5c6b9&padding=28px+40px+40px\" width=\"100%\" height=\"500px\" 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\">Sale<\/h3><div class=\"application-examples-item-description\">Beaucoup de personnalisation de l'interface ont rendu cette fen\u00eatre de chat unique et lumineuse. Vous pouvez voir que l'en-t\u00eate \u00e9tait de couleur noire et le bouton D\u00e9marrer la conversation est devenu rouge et a chang\u00e9 son \u00e9tiquette d'origine. Il y a une photo d'un manager, son nom et ses positions sur l'en-t\u00eate. C'est ainsi que vous pouvez utiliser le chat WhatsApp pour attirer de nouvelles ventes.<\/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=dc969a39-c0ce-409e-bb7e-c07bcb6daba8&padding=28px+40px+40px\" width=\"100%\" height=\"500px\" 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\">Booking<\/h3><div class=\"application-examples-item-description\">Ce chat est utilis\u00e9 pour aider les clients \u00e0 r\u00e9server, et le message de bienvenue offre une aide \u00e0 la recherche d'options, attirant ainsi les clients pour d\u00e9marrer un chat. L'en-t\u00eate et la bulle de discussion sont peints en bleu fonc\u00e9 pour rappeler un service de r\u00e9servation populaire. Les boutons D\u00e9marrer le chat sont de couleur verte d'origine et affichent l'ic\u00f4ne WhatsApp.<\/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=85b497fa-f91f-4389-8c49-12b4af248ea2&padding=28px+40px+40px\" width=\"100%\" height=\"500px\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\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\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\">Feedback<\/h3><div class=\"application-examples-item-description\">Ici, vous pouvez voir un formulaire de r\u00e9troaction sous forme de bulle flottante. Il est toujours \u00e0 port\u00e9e de main pour partager les r\u00e9flexions des clients. La bulle a un texte personnalis\u00e9 et montre un badge notifiant un nouveau message. Un clic sur la bulle ouvrira une fen\u00eatre de chat avec une photo du manager et son nom. La photo peut \u00eatre choisie dans notre galerie, si vous n'en trouvez pas.<\/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=5bb95932-3fe8-4562-8773-ec5a510657b2&padding=28px+40px+40px\" width=\"100%\" height=\"500px\" 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\">Onboarding<\/h3><div class=\"application-examples-item-description\">Pour en dire plus \u00e0 vos clients sur vos produits ou services, vous pouvez utiliser un chat discret sur votre site. Une bulle de discussion n'affiche qu'une ic\u00f4ne, sans texte et comporte un nouveau badge de notification de message. Un nouvel ensemble de couleurs a \u00e9t\u00e9 choisi pour le chat: l'en-t\u00eate est violet clair et le bouton D\u00e9marrer le chat ainsi que la bulle de chat sont violet vif.<\/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=c742f8c4-8e05-4aab-a298-782401a7e5a5&padding=28px+40px+40px\" width=\"100%\" height=\"500px\" 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\">Consultation<\/h3><div class=\"application-examples-item-description\">Voici un bon moyen de consulter les clients sur vos offres. Une bulle flottante peut \u00eatre align\u00e9e \u00e0 gauche, \u00e0 droite ou au centre. L'en-t\u00eate de la fen\u00eatre de discussion et la bulle de discussion sont de la m\u00eame couleur. L'en-t\u00eate affiche une image et le nom de la personne qui clavarde, et le message de bienvenue sert de d\u00e9clencheur de discussion.<\/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=dbdbfcb2-b059-461b-8843-0ebd1ac7ee76&padding=28px+40px+40px\" width=\"100%\" height=\"500px\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n<!--[application_example title=\"Embed Chat Button\" description=\"Dans cet exemple, une bulle de chat n'est pas en position flottante; il est int\u00e9gr\u00e9 dans la zone de contenu du site web et y reste. Il montre l'ic\u00f4ne WhatsApp avec un texte personnalis\u00e9. La bulle de chat s'ouvre au clic pour afficher la photo et le nom d'un chat dans l'en-t\u00eate et un message de bienvenue dans le chat.\" padding=\"400px 0 100px\" link=\"https:\/\/elfsight.com\/examples?widget_id=ba1e6acd-8743-47d5-89ac-9caccdce2b72\"]\n\n[application_example title=\"Embed Chat Window\" description=\"Vous pouvez int\u00e9grer une fen\u00eatre de discussion ouverte sur l'une des pages de votre site Web, l\u00e0 o\u00f9 cela semble le plus n\u00e9cessaire. Les utilisateurs verront une fen\u00eatre de discussion avec un message de bienvenue invitant \u00e0 d\u00e9marrer une conversation. Dans cet exemple, le widget enregistre les couleurs d'origine et l'en-t\u00eate affiche une photo et le nom de la personne de discussion.\" padding=\"28px 40px 40px\" height=\"500px\" link=\"https:\/\/elfsight.com\/examples?widget_id=68ec2618-6963-4685-a32a-2c34c1956ab4\"]-->\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":815,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-821","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Les meilleurs exemples de chat en direct Whatsapp pour site Web<\/title>\n<meta name=\"description\" content=\"Site Web TOP 7 Exemples de chat en direct Whatsapp R\u00e9servation, Support, Bouton\/Fen\u00eatre de chat et etc. Widget Whatsapp simple 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\/whatsapp-chat-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 chat en direct Whatsapp pour site Web\" \/>\n<meta property=\"og:description\" content=\"Site Web TOP 7 Exemples de chat en direct Whatsapp R\u00e9servation, Support, Bouton\/Fen\u00eatre de chat et etc. Widget Whatsapp simple pour votre site Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/whatsapp-chat-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-10T13:27:44+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 chat en direct Whatsapp pour site Web","description":"Site Web TOP 7 Exemples de chat en direct Whatsapp R\u00e9servation, Support, Bouton\/Fen\u00eatre de chat et etc. Widget Whatsapp simple 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\/whatsapp-chat-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Les meilleurs exemples de chat en direct Whatsapp pour site Web","og_description":"Site Web TOP 7 Exemples de chat en direct Whatsapp R\u00e9servation, Support, Bouton\/Fen\u00eatre de chat et etc. Widget Whatsapp simple pour votre site Web.","og_url":"https:\/\/elfsight.com\/fr\/whatsapp-chat-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-07-10T13:27:44+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\/whatsapp-chat-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/whatsapp-chat-widget\/examples\/","name":"Les meilleurs exemples de chat en direct Whatsapp pour site Web","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-06-25T14:38:50+00:00","dateModified":"2020-07-10T13:27:44+00:00","description":"Site Web TOP 7 Exemples de chat en direct Whatsapp R\u00e9servation, Support, Bouton\/Fen\u00eatre de chat et etc. Widget Whatsapp simple pour votre site Web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/whatsapp-chat-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/whatsapp-chat-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/whatsapp-chat-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"WhatsApp Chat","item":"https:\/\/elfsight.com\/fr\/whatsapp-chat-widget\/"},{"@type":"ListItem","position":3,"name":"Whatsapp Chat &#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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"814","h1":"","h1_caption":"","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","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":[],"video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","hide_more_platforms":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":"","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/821","targetHints":{"allow":["GET"]}}],"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=821"}],"version-history":[{"count":5,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/821\/revisions"}],"predecessor-version":[{"id":826,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/821\/revisions\/826"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/815"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}