{"id":158,"date":"2020-02-19T12:09:12","date_gmt":"2020-02-19T12:09:12","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=158"},"modified":"2020-09-27T18:16:46","modified_gmt":"2020-09-27T18:16:46","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/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\">Original Live Chat<\/h3><div class=\"application-examples-item-description\">Dies ist das h\u00e4ufigste Beispiel f\u00fcr einen WhatsApp-Messenger auf einer Website. Das WhatsApp Button ist immer auf website. Eine schwebende Blase ist immer sichtbar f\u00fcr Nutzer, w\u00e4hrend sie die Seite sind scrollen. Das Chat-Logo und das Chat-Fenster haben die urspr\u00fcnglichen gr\u00fcnen WhatsApp-Farben.<\/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 Chat<\/h3><div class=\"application-examples-item-description\">In diesem Beispiel gibt es ein Foto von Hilfe Support-Spezialisten in der Header. \nDie Beschreibung in der Header ist n\u00fctzlich, um die Antwortzeit anzugeben.\nSomit verstehen Benutzer, dass sie mit einer realen Person chatten und den genauen Zeitpunkt der Antwort kennen. Dies macht den Chat eine gute Variante der Customer Support zu organisieren.<\/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\">Umsatz Chat<\/h3><div class=\"application-examples-item-description\">In diesem Beispiel sieht das Chat-Fenster einzigartig und attraktiv aus - genau das, was Sie ben\u00f6tigen, um Ihren Umsatz zu steigern. Die schwarze Kopfzeile und die rote Schaltfl\u00e4che Chat starten lenken die Aufmerksamkeit aller Benutzer auf das Chat-Fenster. Nachricht mit Sonderangebot macht Besucher noch neugieriger.<\/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\">Hotelbuchung Chat<\/h3><div class=\"application-examples-item-description\">Dieser Chat wird verwendet, um Kunden bei der Hotelbuchung zu helfen. Die Begr\u00fc\u00dfungsnachricht bietet Unterst\u00fctzung bei der Suche nach einer Reiseunterkunft. Der Header und die Chat-Blase sind dunkelblau gestrichen, um an einen beliebten Hotelbuchungsservice zu erinnern. Die Schaltfl\u00e4che Chat starten hat die urspr\u00fcngliche gr\u00fcne Farbe und zeigt das WhatsApp-Logo.<\/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\/de\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Beginnen Sie mit der Erstellung Ihres Widgets\">\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\">Beginnen Sie mit der Erstellung Ihres Widgets<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Schnell. Einfach. Keine Codierung.<\/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\">Widget erstellen<\/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\">Bewertungen Chat<\/h3><div class=\"application-examples-item-description\">Hier sehen Sie ein Feedback-Formular als schwebende Blase.Es wird immer angezeigt, Kunden um Bewertungen zu bitten. Die Chat-Blase hat einen benutzerdefinierten Text und zeigt ein Symbol der Mitteilung. Ein Klick auf die Chat-Blase \u00f6ffnet ein Chat-Fenster mit einem Foto des Managers und seinem Namen.<\/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\">Info Chat<\/h3><div class=\"application-examples-item-description\">Erz\u00e4hlen Sie Ihren Kunden mehr \u00fcber Ihre Produkte oder Dienstleistungen. Eine Chat-Blase zeigt eine neue Nachrichten Benachrichtigung an. F\u00fcr den Chat wurde eine neue Farbpalette ausgew\u00e4hlt: der Header ist hellviolett und zieht Benutzer an, Gespr\u00e4che zu beginnen.<\/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\">Kundenberatung Chat<\/h3><div class=\"application-examples-item-description\">Hier finden Sie eine gute M\u00f6glichkeit, Kunden zu Ihren Angeboten zu konsultieren. Erz\u00e4hlen Sie ihnen mehr \u00fcber Ihre besten Angebote, Tarife oder Dienstleistungen. Der Header zeigt ein Photo Und den Namen der Chat-Person und Begr\u00fc\u00dfungsnachricht dient als Chat-Trigger. Die Kombination aus dunkelblauem Header und gelber Schaltfl\u00e4che Chat starten macht das Konzept Ihres Chats vertrauensw\u00fcrdiger.<\/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","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":0,"parent":146,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-158","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>TOP 7 Beispiele Elfsight WhatsApp Chat f\u00fcr die eigene Webseite<\/title>\n<meta name=\"description\" content=\"Mit Elfsight WhatsApp Chat Widget auf Ihrer Webseite bieten Sie Ihren Kunden die M\u00f6glichkeit, Sie direkt \u00fcber Ihre Webseite via WhatsApp zu kontaktieren.\" \/>\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\/de\/whatsapp-chat-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TOP 7 Beispiele Elfsight WhatsApp Chat f\u00fcr die eigene Webseite\" \/>\n<meta property=\"og:description\" content=\"Mit Elfsight WhatsApp Chat Widget auf Ihrer Webseite bieten Sie Ihren Kunden die M\u00f6glichkeit, Sie direkt \u00fcber Ihre Webseite via WhatsApp zu kontaktieren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/whatsapp-chat-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-27T18:16:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TOP 7 Beispiele Elfsight WhatsApp Chat f\u00fcr die eigene Webseite","description":"Mit Elfsight WhatsApp Chat Widget auf Ihrer Webseite bieten Sie Ihren Kunden die M\u00f6glichkeit, Sie direkt \u00fcber Ihre Webseite via WhatsApp zu kontaktieren.","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\/de\/whatsapp-chat-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"TOP 7 Beispiele Elfsight WhatsApp Chat f\u00fcr die eigene Webseite","og_description":"Mit Elfsight WhatsApp Chat Widget auf Ihrer Webseite bieten Sie Ihren Kunden die M\u00f6glichkeit, Sie direkt \u00fcber Ihre Webseite via WhatsApp zu kontaktieren.","og_url":"https:\/\/elfsight.com\/de\/whatsapp-chat-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2020-09-27T18:16:46+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/whatsapp-chat-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/whatsapp-chat-widget\/examples\/","name":"TOP 7 Beispiele Elfsight WhatsApp Chat f\u00fcr die eigene Webseite","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-02-19T12:09:12+00:00","dateModified":"2020-09-27T18:16:46+00:00","description":"Mit Elfsight WhatsApp Chat Widget auf Ihrer Webseite bieten Sie Ihren Kunden die M\u00f6glichkeit, Sie direkt \u00fcber Ihre Webseite via WhatsApp zu kontaktieren.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/whatsapp-chat-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/whatsapp-chat-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/whatsapp-chat-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"WhatsApp Chat","item":"https:\/\/elfsight.com\/de\/whatsapp-chat-widget\/"},{"@type":"ListItem","position":3,"name":"WhatsApp Chat &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/de\/#website","url":"https:\/\/elfsight.com\/de\/","name":"Elfsight DE","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"139","h1":"WhatsApp Chat Widget","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":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":9,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":636,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/158\/revisions\/636"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/146"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}