{"id":3800,"date":"2020-11-03T13:25:28","date_gmt":"2020-11-03T13:25:28","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=3800"},"modified":"2022-01-21T08:14:52","modified_gmt":"2022-01-21T08:14:52","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/houzz-reviews-widget\/examples\/","title":{"rendered":"Houzz 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\">Beispiel 1. Bewertungsantrag<\/h3><div class=\"application-examples-item-description\"><p><b>Hauptmerkmale:<\/b> <span>Call-to-action, CTA-Button.<\/span><\/p>\n\n<p>In diesem Beispiel die Bewertungen sind in einem gro\u00dfen Widget in komplement\u00e4ren Houzz-Farben mit einem informativen Header gestaltet. Die Kopfzeile zeigt die Gesamtbewertung der Seite und die Anzahl der Bewertungen mit den Fotos der neuesten. Die Fotos anklickbar sind. Die Schaltfl\u00e4che Bewertungsantrag bietet Benutzer, eine neue Bewertung abzugeben. Die Option Ja ist blau gestrichen, um Klicks zu erzielen. \n<\/p><\/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=a32c59df-ce9d-49ce-9427-2eab30420ed0&padding=10\" 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\">Beispiel 2. Liste<\/h3><div class=\"application-examples-item-description\"><p><b>Hauptmerkmale:<\/b> <span>Listenlayout, Navigation.<\/span><\/p>\n<p>Sie k\u00f6nnen Ihre Bewertungen in eine Seite integrieren, um eine minimalistische Liste zu erstellen. Wenn Sie die Kopfzeile ausblenden und die Abmessungen Auto f\u00fcr Breite und H\u00f6he ausw\u00e4hlen, wie in diesem Beispiel, verbreitet das Widget auf den gesamten freien Platz auf der Seite perfekt aus und sieht ausgewogen aus. Verwenden Sie Filter, um die Anzahl der Bewertungen festzulegen, nur diejenigen mit positiven Bewertungen zu demonstrieren oder unerw\u00fcnschte Keywords zu verbergen. <\/p><\/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:\/\/apps.elfsight.com\/template\/e7f6a609-89c5-4664-bb66-c6af8dcbebe2?padding=10\" width=\"100%\" height=\"700\" 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\">Beispiel 3. Mauerwerk<\/h3><div class=\"application-examples-item-description\"><p><b>Hauptmerkmale:<\/b> <span>Mauerwerk Layout, Raster.<\/span><\/p>\n<p>Hier ist eine Reihe von Bewertungen in die Masonry-Variante aufgebaut, die Bewertungen auf der Grundlage des H\u00f6henwerts auf das optimale Layout anordnet. Benutzerdefinierte Farben lie\u00dfen das Widget absolut einzigartig aussehen. Die Sternebewertung soll zeigen, dass das Unternehmen bewertet wird.<\/p><\/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:\/\/apps.elfsight.com\/template\/68f91828-d392-47f1-8d8c-bee75ed59134?padding=20\" width=\"100%\" height=\"700\" 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\">Beispiel 4. Raster<\/h3><div class=\"application-examples-item-description\"><p><b>Hauptmerkmale:<\/b> <span>Rasterlayout, Design.<\/span><\/p>\n<p>Die Wahl des Rasterlayouts und der Spotlight-Vorlage sorgt f\u00fcr eine klare Benutzeroberfl\u00e4che des Widgets. Gerade Konturen und mittig ausgerichtete Texte ziehen maximale Aufmerksamkeit auf. Die klare Geometrie des Rasterlayouts kann auch mit jeden anderen Bewertungen Schablone \u00fcbereinstimmen. Die Interface-Optionen sind vollst\u00e4ndig kompatibel.<\/p><\/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:\/\/apps.elfsight.com\/template\/e81a8d23-469a-4212-8a47-2de7c5ac5a98?padding=10\" width=\"100%\" height=\"700\" 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\">Beispiel 5. Karussell<\/h3><div class=\"application-examples-item-description\"><p><b>Hauptmerkmale:<\/b> <span>Karussell, Testimonials.<\/span><\/p>\n<p>Das Widget ist im Slider-Layout festgelegt, und zeigt die Bewertungen in ein dynamisches Karussell mit Autoplay an. Dies ist eine optimale Variante beispielsweise f\u00fcr die Hauptseite Ihrer Website. Das Schieber-Layout umfasst Navigationselemente: Pfeil, Ziehen oder Paginierung. Es ist verf\u00fcgbar zu w\u00e4hlen, wie viele Bewertungen auf jeder Folie erscheint werden.<\/p><\/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=f6fc5364-6a61-48f8-bf20-c84a0f15d6e7&padding=10\" width=\"100%\" height=\"400\" 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\">Beispiel 6. Slider<\/h3><div class=\"application-examples-item-description\"><p>\n<p>Ihre nacheinander angezeigten Bewertungen werden die Aufmerksamkeit der Benutzer lenken. In diesem Beispiel die Vorlage bestimmt die Position der Elemente: Die Foto- und Sternebewertung des Autors liegt \u00fcber dem Bewertungstext und alle Elemente sind mittig ausgerichtet. Alle anderen Bewertungen kann man durch Ziehen oder Klicken auf Pfeile angezeigt sehen. <\/p><\/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:\/\/apps.elfsight.com\/template\/7630f00e-3be4-426e-95ed-9ec8ede1395a?padding=10\" width=\"100%\" height=\"400\" 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\">Beispiel 7. Sidebar<\/h3><div class=\"application-examples-item-description\">\n<p>Das ist ein brillantes Beispiel an, wie Sie Ihrer Website ein Bewertungs-Widget mit sehr wenig verf\u00fcgbarem Platzangebot hinzuf\u00fcgen k\u00f6nnen. In einer Seitenleisten Vorlage zeigt das Widget nur die wichtigsten Elemente und die zul\u00e4ssige Reaktionsgr\u00f6\u00dfe einer moderaten Gr\u00f6\u00dfe an, aber alle Funktionalit\u00e4t sind vorhanden.<\/p><\/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=59c4aecf-d6eb-494a-b81a-e26905ebb321&padding=10\" width=\"100%\" height=\"400\" 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":1787,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-3800","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Finden die besten Beispiele f\u00fcr das Widget Houzz Reviews in Live-Demo<\/title>\n<meta name=\"description\" content=\"Alle Varianten von Houzz Reviews an einem Ort: Mauerwerk, Liste, Seitenleiste, Karussell usw. W\u00e4hlen Sie die besten 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\/houzz-reviews-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Finden die besten Beispiele f\u00fcr das Widget Houzz Reviews in Live-Demo\" \/>\n<meta property=\"og:description\" content=\"Alle Varianten von Houzz Reviews an einem Ort: Mauerwerk, Liste, Seitenleiste, Karussell usw. W\u00e4hlen Sie die besten f\u00fcr Ihre Website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/houzz-reviews-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-21T08:14:52+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=\"2\u00a0Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Finden die besten Beispiele f\u00fcr das Widget Houzz Reviews in Live-Demo","description":"Alle Varianten von Houzz Reviews an einem Ort: Mauerwerk, Liste, Seitenleiste, Karussell usw. W\u00e4hlen Sie die besten 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\/houzz-reviews-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"Finden die besten Beispiele f\u00fcr das Widget Houzz Reviews in Live-Demo","og_description":"Alle Varianten von Houzz Reviews an einem Ort: Mauerwerk, Liste, Seitenleiste, Karussell usw. W\u00e4hlen Sie die besten f\u00fcr Ihre Website.","og_url":"https:\/\/elfsight.com\/de\/houzz-reviews-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2022-01-21T08:14:52+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/houzz-reviews-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/houzz-reviews-widget\/examples\/","name":"Finden die besten Beispiele f\u00fcr das Widget Houzz Reviews in Live-Demo","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-11-03T13:25:28+00:00","dateModified":"2022-01-21T08:14:52+00:00","description":"Alle Varianten von Houzz Reviews an einem Ort: Mauerwerk, Liste, Seitenleiste, Karussell usw. W\u00e4hlen Sie die besten f\u00fcr Ihre Website.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/houzz-reviews-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/houzz-reviews-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/houzz-reviews-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Houzz Reviews","item":"https:\/\/elfsight.com\/de\/houzz-reviews-widget\/"},{"@type":"ListItem","position":3,"name":"Houzz 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":"1786","h1":"Beispiele f\u00fcr das Houzz Reviews auf Ihre Seite","h1_caption":"Sehen Sie alle Beispiele f\u00fcr Houzz Reviews 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\/3800","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=3800"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/3800\/revisions"}],"predecessor-version":[{"id":6939,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/3800\/revisions\/6939"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1787"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=3800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}