{"id":1429,"date":"2020-07-24T07:21:00","date_gmt":"2020-07-24T07:21:00","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=1429"},"modified":"2020-10-21T15:34:48","modified_gmt":"2020-10-21T15:34:48","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/facebook-chat-widget\/examples\/","title":{"rendered":"Facebook 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\">Exemple 1. G\u00e9n\u00e9ral<\/h3><div class=\"application-examples-item-description\">Une variante courante de chat qui conviendra \u00e0 n'importe quel site Web. L'option de bulle flottante la rend mod\u00e9r\u00e9e et toujours visible pour les visiteurs du site Web. Pour l'ic\u00f4ne Bubble, une ic\u00f4ne Facebook Messenger originale est choisie, famili\u00e8re \u00e0 la plupart des gens.<\/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=6aacc226-32f2-45c4-96bc-101807e07f33&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\">Exemple 2. Soutien<\/h3><div class=\"application-examples-item-description\">Ici, l'en-t\u00eate de la fen\u00eatre de discussion montre une photo du sp\u00e9cialiste de l'assistance et du temps de r\u00e9ponse typique, pour permettre aux gens de voir quand ils doivent s'attendre \u00e0 une r\u00e9ponse. C'est une belle variante pratique pour organiser un canal de support.<\/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=9fadc140-c793-45e1-a2f6-675ccb8af64e&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\">Exemple 3. Vente<\/h3><div class=\"application-examples-item-description\">Ici, vous pouvez voir beaucoup de personnalisation: fond d'en-t\u00eate noir, l\u00e9gende personnalis\u00e9e, indiquant la position de la personne de discussion et bouton D\u00e9marrer la discussion de couleur rouge avec un texte personnalis\u00e9. Un moyen efficace d'attirer des ventes via le chat.<\/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=7381a5ab-26e5-48fa-a9a8-47b804450fdf&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\">Exemple 4. R\u00e9servation<\/h3><div class=\"application-examples-item-description\">L'en-t\u00eate et la bulle du chat sont de couleur bleue pour s'adapter au concept de couleur du site Web. Un message de bienvenue affiche un texte personnalis\u00e9 proposant des services de r\u00e9servation. La bulle de chat a une ic\u00f4ne de r\u00e9servation et un appel \u00e0 l'action.<\/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=2f3c1204-3c6d-46ef-92d9-2e9b2d573c2e&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\">Exemple 5. Retour d'information<\/h3><div class=\"application-examples-item-description\">Une bulle flottante avec une ic\u00f4ne et un texte personnalis\u00e9s. Il s'\u00e9tend \u00e0 la fen\u00eatre de discussion, montrant une photo d'un responsable de la biblioth\u00e8que de widgets et un message de bienvenue qui demande doucement aux visiteurs de faire part de leurs commentaires. C'est une mani\u00e8re douce et efficace de recueillir des commentaires.<\/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=721b7229-5859-4865-9ac7-31467e1a5389&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\">Exemple 6. Int\u00e9gration<\/h3><div class=\"application-examples-item-description\">Ici, les utilisateurs voient une ic\u00f4ne petite mais lumineuse avec un nouveau badge de message. Au clic, l'ic\u00f4ne affiche une fen\u00eatre de discussion avec le logo et le nom de l'entreprise. Le message de bienvenue invite les utilisateurs \u00e0 en savoir plus sur un produit et les pousse \u00e0 commencer \u00e0 discuter.<\/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=f036922b-c9dd-4394-a174-88f336d580a0&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\">Exemple 7. Consultation<\/h3><div class=\"application-examples-item-description\">Voici comment vous pouvez consulter vos clients sur vos offres. Une fen\u00eatre de discussion soign\u00e9e avec le nom et la photo d'un expert affiche un message qui offre une aide pour choisir entre les offres. Des couleurs personnalis\u00e9es d'arri\u00e8re-plan et de bouton sont appliqu\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=982d4307-668d-4e06-ac1a-e2aead501a50&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\">Exemple 8. Bouton de chat int\u00e9gr\u00e9<\/h3><div class=\"application-examples-item-description\">Un bouton de discussion ici est int\u00e9gr\u00e9 dans la zone de contenu de la page. Il s'agit d'une petite ic\u00f4ne extensible qui n'interf\u00e8re pas avec le contenu. Pourtant, cela rend l'utilisation du chat tr\u00e8s pratique.<\/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=1cc262be-95cc-4af4-96da-db6fd891d1e1&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\">Exemple 9. Int\u00e9grer la fen\u00eatre de discussion<\/h3><div class=\"application-examples-item-description\">Une fen\u00eatre de discussion int\u00e9gr\u00e9e \u00e0 la page. C'est une bonne variante si vous devez collecter autant de connexions que possible. La fen\u00eatre est impossible \u00e0 manquer et le message de bienvenue aide \u00e0 commencer \u00e0 communiquer.<\/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=3ea3fd53-28a4-47b3-adb4-040a61f42d29&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","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":1415,"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-1429","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 widget Facebook Chat sur site Web<\/title>\n<meta name=\"description\" content=\"TOP 9 des exemples de chat sur Facebook: G\u00e9n\u00e9ral, R\u00e9servation, Assistance, etc. Exemple de widget de messagerie Facebook 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\/facebook-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 widget Facebook Chat sur site Web\" \/>\n<meta property=\"og:description\" content=\"TOP 9 des exemples de chat sur Facebook: G\u00e9n\u00e9ral, R\u00e9servation, Assistance, etc. Exemple de widget de messagerie Facebook pour votre site Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/facebook-chat-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-21T15:34:48+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 widget Facebook Chat sur site Web","description":"TOP 9 des exemples de chat sur Facebook: G\u00e9n\u00e9ral, R\u00e9servation, Assistance, etc. Exemple de widget de messagerie Facebook 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\/facebook-chat-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Les meilleurs exemples de widget Facebook Chat sur site Web","og_description":"TOP 9 des exemples de chat sur Facebook: G\u00e9n\u00e9ral, R\u00e9servation, Assistance, etc. Exemple de widget de messagerie Facebook pour votre site Web.","og_url":"https:\/\/elfsight.com\/fr\/facebook-chat-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-10-21T15:34:48+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\/facebook-chat-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/facebook-chat-widget\/examples\/","name":"Les meilleurs exemples de widget Facebook Chat sur site Web","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-07-24T07:21:00+00:00","dateModified":"2020-10-21T15:34:48+00:00","description":"TOP 9 des exemples de chat sur Facebook: G\u00e9n\u00e9ral, R\u00e9servation, Assistance, etc. Exemple de widget de messagerie Facebook pour votre site Web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/facebook-chat-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/facebook-chat-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/facebook-chat-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Facebook Chat","item":"https:\/\/elfsight.com\/fr\/facebook-chat-widget\/"},{"@type":"ListItem","position":3,"name":"Facebook 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":"1406","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\/1429","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=1429"}],"version-history":[{"count":7,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1429\/revisions"}],"predecessor-version":[{"id":1436,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1429\/revisions\/1436"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1415"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=1429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}