{"id":3714,"date":"2020-10-30T11:14:15","date_gmt":"2020-10-30T11:14:15","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=3714"},"modified":"2021-05-12T12:09:46","modified_gmt":"2021-05-12T12:09:46","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/booking-reviews-widget\/examples\/","title":{"rendered":"Booking Reviews &#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\">Beipiel 1. Bewertungsantrag<\/h3><div class=\"application-examples-item-description\">In diesem Beispiel die Bewertungen sind in einem gro\u00dfen Widget in komplement\u00e4ren Booking-Farben mit einem informativen Header gebaut. Die Kopfzeile zeigt die Gesamtbewertung der Seite und die Anzahl der Bewertungen mit den Fotos der neuesten, die beim Klicken zu Ihrer Seite f\u00fchren. \u00dcber die Schaltfl\u00e4che Bewertungsantrag werden Benutzer aufgefordert, eine neue Bewertung abzugeben. Die Option Ja ist blau gestrichen, um Klicks zu erzielen<\/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=a40dc79c-6a7c-4acf-95a2-5586e4e6b504&padding=28px+0+28px+0\" 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\">Beipiel 2. Liste<\/h3><div class=\"application-examples-item-description\">Sie k\u00f6nnen Ihre Bewertungen in eine Seite integrieren als eine klare Liste. Wenn Sie die Kopfzeile ausblenden und die Abmessungen Auto f\u00fcr Breite und H\u00f6he ausw\u00e4hlen, wie in diesem Beispiel, f\u00fcllt das Widget den gesamten freien Platzverh\u00e4ltnissen auf der Seite perfekt aus und sieht harmonisch aus. Verwenden Sie Filter, um die Anzahl der Bewertungen festzulegen, nur diejenigen mit positiven Bewertungen zu demonstrieren oder unerw\u00fcnschte Keywords zu verbergen.<\/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=a40dc79c-6a7c-4acf-95a2-5586e4e6b504&padding=28px+30px+28px+30px\" 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\">Beipiel 3. Mauerwerk<\/h3><div class=\"application-examples-item-description\">Hier ist eine Sammlung von Bewertungen in die Masonry-Aufbau angezeigt, die Bewertungen auf der Grundlage des H\u00f6henwerts der bestm\u00f6glichen Weise anordnet. Diese Farben machen das Widget absolut einzigartig aussehen. Die Sternebewertung hier soll demonstrieren, dass die G\u00e4ste lieben diese Stelle.<\/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=63b3f7e4-f9db-4749-9611-a241860836d3&padding=28px+0+28px+0\" 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-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\">Beipiel 4. Raster<\/h3><div class=\"application-examples-item-description\">Die Wahl des Rasterlayouts und der Spotlight Bewertungen Vorlage gibt ein klares und minimalistisches Erscheinungsbild der Bewertungen. Gerade Konturen und mittig ausgerichtete Texte ziehen maximale Aufmerksamkeit auf. Die klare Geometrie des Rasterlayouts kann auch mit allen anderen Vorlagen \u00fcbereinstimmen. Die Interface-Optionen sind vollst\u00e4ndig kompatibel.<\/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=e2b63d26-2f3b-41ae-88e4-a3e91796d393&padding=28px+0+28px+0\" 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\">Beipiel 5. Karussell<\/h3><div class=\"application-examples-item-description\">Hier das Widget im Slider-Layout demonstriert die Bewertungen durch ein dynamisches Karussell mit Autoplay. Es ist ein guter Fall beispielsweise f\u00fcr die Hauptseite einer Website. Das Slider-Layout kann eines der Navigationselemente anzeigen: Pfeil, Ziehen oder Paginierung. Sie k\u00f6nnen die Anzahl der Bewertungen auf jeder Folie ausw\u00e4hlen.<\/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=b49acec1-4f27-48be-8b4d-17bc070668dd&padding=28px+0+28px+0\" 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\">Beipiel 6. Slider<\/h3><div class=\"application-examples-item-description\">Reviews displayed by one direct maximum users\u2019 attention. In this use-case, the choice of template defines the order of the elements: the author\u2019s picture and rating are placed above the text with all elements are aligned center. All other reviews can be viewed by drag or using arrows.<\/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=5e54cc8e-1638-446e-ac4e-ceb9b37e6c16&padding=28px+0+28px+0\" 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\">Example 7. Sidebar<\/h3><div class=\"application-examples-item-description\">This is a very good example of how you can integrate a reviews widget in a website with very limited free space. Set as a sidebar, the widget shows only the basic interface elements and the responsive size small enough yet save all the functionality.<\/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=5aff2bcb-713e-4cab-863b-c69746085ae2&padding=28px+0+28px+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":13,"featured_media":0,"parent":1543,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-3714","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>Beispiele f\u00fcr Buchungsbewertungen auf einer Website (Showcase)<\/title>\n<meta name=\"description\" content=\"TOP 11 Website Booking Reviews Beispiele: Liste, Karussell, Mauerwerk, Slider, Sidebar usw. Beispiel f\u00fcr ein Booking-Widget f\u00fcr Ihre Website.\" \/>\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\/booking-reviews-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beispiele f\u00fcr Buchungsbewertungen auf einer Website (Showcase)\" \/>\n<meta property=\"og:description\" content=\"TOP 11 Website Booking Reviews Beispiele: Liste, Karussell, Mauerwerk, Slider, Sidebar usw. Beispiel f\u00fcr ein Booking-Widget f\u00fcr Ihre Website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/booking-reviews-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-12T12:09: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":"Beispiele f\u00fcr Buchungsbewertungen auf einer Website (Showcase)","description":"TOP 11 Website Booking Reviews Beispiele: Liste, Karussell, Mauerwerk, Slider, Sidebar usw. Beispiel f\u00fcr ein Booking-Widget f\u00fcr Ihre Website.","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\/booking-reviews-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"Beispiele f\u00fcr Buchungsbewertungen auf einer Website (Showcase)","og_description":"TOP 11 Website Booking Reviews Beispiele: Liste, Karussell, Mauerwerk, Slider, Sidebar usw. Beispiel f\u00fcr ein Booking-Widget f\u00fcr Ihre Website.","og_url":"https:\/\/elfsight.com\/de\/booking-reviews-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2021-05-12T12:09: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\/booking-reviews-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/booking-reviews-widget\/examples\/","name":"Beispiele f\u00fcr Buchungsbewertungen auf einer Website (Showcase)","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-10-30T11:14:15+00:00","dateModified":"2021-05-12T12:09:46+00:00","description":"TOP 11 Website Booking Reviews Beispiele: Liste, Karussell, Mauerwerk, Slider, Sidebar usw. Beispiel f\u00fcr ein Booking-Widget f\u00fcr Ihre Website.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/booking-reviews-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/booking-reviews-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/booking-reviews-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Booking Reviews","item":"https:\/\/elfsight.com\/de\/booking-reviews-widget\/"},{"@type":"ListItem","position":3,"name":"Booking Reviews &#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":"489","h1":"Beispiele f\u00fcr das Booking Bewertungen Widget auf Ihre Seite","h1_caption":"Sehen Sie alle Beispiele f\u00fcr Booking Bewertungen Plugin, um das volle Potenzial des Widgets zu erkennen.","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\/3714","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\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/comments?post=3714"}],"version-history":[{"count":10,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/3714\/revisions"}],"predecessor-version":[{"id":3994,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/3714\/revisions\/3994"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1543"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=3714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}