{"id":1984,"date":"2020-07-30T13:44:12","date_gmt":"2020-07-30T13:44:12","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=1984"},"modified":"2020-07-30T14:18:17","modified_gmt":"2020-07-30T14:18:17","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/logo-showcase-widget\/examples\/","title":{"rendered":"Logo Showcase &#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: Unsere Kunden<\/h3><div class=\"application-examples-item-description\">Dieses Grid von Logos f\u00fchrt die gesamte Liste der Kundenunternehmen ein, was aus dem Widget-Titel hervorgeht. Dank der Anpassungsf\u00e4higkeit des Widgets k\u00f6nnen Sie alle Logos auf einer Seite sehen. Sie alle haben ihre urspr\u00fcnglichen Farben gespeichert, und um jedes einzelne unverwechselbarer zu machen, wurde die Rinne zwischen den Logos vergr\u00f6\u00dfert. Eine solche Art von Widget kann gut geeignet sein, einen ziemlich gro\u00dfen Bereich auf der Seite einzunehmen und sich eines R\u00f6sters von Kunden zu r\u00fchmen.<\/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=2a8b993c-c1f1-44ee-b599-6e2ea166fb64&padding=28px+40px+40px\" width=\"100%\" height=\"600\" 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: Carousel Logo-Slider<\/h3><div class=\"application-examples-item-description\">Das Erstellen eines Logo-Schiebereglers k\u00f6nnte nicht einfacher sein. Diese Logos werden mithilfe des Slider-Layouts und der Option zum automatischen Schieben in Bewegung gesetzt. Benutzer k\u00f6nnen auch auf die Pfeile klicken oder wischen. Die \u00dcbergangsgeschwindigkeit kann einfach in den Einstellungen eingestellt werden. Die Gr\u00f6\u00dfe der Logos definiert die Anzahl pro Folie. Wenn Sie also mehr auf einen Blick anzeigen m\u00f6chten, verringern Sie einfach die Logo-Gr\u00f6\u00dfe.<\/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=623b0f78-74db-42b4-be9e-15d8d68d2aa7&padding=28px+40px+40px\" width=\"100%\" height=\"600\" 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: Vertrauensindex<\/h3><div class=\"application-examples-item-description\">In diesem Widget wird die Aufmerksamkeit auf Logos von vier gr\u00f6\u00dften Kunden gelenkt, die Benutzer mit ihren einflussreichen Namen beeindrucken. Mit einem Klick k\u00f6nnen Benutzer die Website jedes Unternehmens aufrufen. Der Widget-Titel dient dazu, Vertrauen aufzubauen - er zeigt die Gesamtzahl der Kunden von Unternehmen an und appelliert an den sozialen Beweis. Der saubere, zur\u00fcckhaltende Widget-Stil wird durch den Graustufenfilter erreicht, der auf die Logos und die schwarze Schriftfarbe des Titels angewendet wird. Eine breite Rinne zwischen den Logos tr\u00e4gt ebenfalls zu einem sauberen Erscheinungsbild bei.<\/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=bce6bea4-db6e-46bf-8fa5-129ef071a199&padding=28px+40px+40px\" width=\"100%\" height=\"600\" 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 4: Call to action<\/h3><div class=\"application-examples-item-description\">Mit der Option k\u00f6nnen Sie ein Bild des Widget-Hintergrunds hochladen, damit Ihr Widget maximal benutzerdefiniert aussieht und das Erscheinungsbild Ihrer Website erh\u00e4lt. In diesem Beispiel verf\u00fcgt das Widget \u00fcber die automatische Breite, wodurch der gesamte freie Speicherplatz belegt und sehr solide aussieht. Die CTA-Schaltfl\u00e4che dient dazu, mehr Kundenkontakte zu gewinnen. Sie kann Benutzer an eine beliebige Adresse umleiten.<\/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=b8ef791b-82c7-47be-b0b8-d87aa312409b&padding=28px+40px+40px\" width=\"100%\" height=\"600\" 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: Logo Karussell<\/h3><div class=\"application-examples-item-description\">Dieses Beispiel zeigt, wie Sie ein Karussell  Logo erstellen k\u00f6nnen, das sich in die Website einf\u00fcgt und die Aufmerksamkeit nicht von anderen Inhalten ablenkt. Dieses Karussell hat einen grauen Hintergrund und einen Graustufenfilter mit Logos, die das Ganze dezent und unauff\u00e4llig wirken lassen. Ein solches Widget ist eine perfekte L\u00f6sung, wenn Sie Ihr Logo in der unteren Leiste ben\u00f6tigen. Die Bewegung macht eine Endlosschleife, und wenn die Option Pause beim Schweben aktiviert ist, k\u00f6nnen Benutzer das Karussell anhalten.<\/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=2694dc0a-17a6-46a9-8e9b-dfe196d07cc2&padding=28px+40px+40px\" width=\"100%\" height=\"600\" 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: Partner Logo<\/h3><div class=\"application-examples-item-description\">Es ist einfach, die Logos Ihrer Partner mit einem Hauch von Stil zu demonstrieren. Sie k\u00f6nnen jeden Look erzielen, indem Sie die Farben des Logos und seines Hintergrunds variieren. In diesem Beispiel liegen beide im blauen Farbspektrum und sehen stilvoll und sauber aus. Die Rinne zwischen den Logos wurde sehr schmal gemacht, um eine visuelle Integrit\u00e4t zu schaffen. Der Widget-Titel enth\u00e4lt auch einen kurzen Text, in dem die Partner vorgestellt werden.<\/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=8110bd9c-0901-4e00-b6b4-f8f9428de9b6&padding=28px+40px+40px\" width=\"100%\" height=\"600\" 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 7: Sponsor Logo<\/h3><div class=\"application-examples-item-description\">Dieses Widget erstellt eine ganze Inhaltseinheit, die den Sponsoren des Unternehmens gewidmet ist. Die Schriftgr\u00f6\u00dfe des Titels wurde erh\u00f6ht und der Titel sieht wirklich solide aus. Die Logos der Sponsoren sind wei\u00df gef\u00e4rbt und bilden zusammen mit dem Titel des wei\u00dfen Widgets eine Farbeinheit, die auf dem benutzerdefinierten Hintergrundbild platziert wird. Mithilfe des Rasterlayouts und der moderaten Logo-Gr\u00f6\u00dfe k\u00f6nnen Benutzer alle auf einen Blick sehen.<\/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=11c86b42-0e97-46c2-ba6f-58bacb8c5895&padding=28px+40px+40px\" width=\"100%\" height=\"600\" 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 8: In den Medien vorgestellt<\/h3><div class=\"application-examples-item-description\">Sie k\u00f6nnen das Widget verwenden, um sich \u00fcber die Erw\u00e4hnungen Ihres Unternehmens in verschiedenen Medien zu r\u00fchmen. Verkn\u00fcpfen Sie dazu einfach Logos mit den Artikeln oder anderen Quellen, und Benutzer k\u00f6nnen \u00fcberpr\u00fcfen, was sie in der Presse \u00fcber Sie schreiben. In diesem Fall befinden sich acht Medienressourcen Logos auf dem schwarzen Widget-Hintergrund. Mit dem Grid-Layout werden sie in die Rohdaten integriert. Der Titel und der Text laden Benutzer ein, die Erw\u00e4hnungen zu \u00fcberpr\u00fcfen.<\/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=53c5a40b-0c74-4a9f-a78a-cca4a3f91fe0&padding=28px+40px+40px\" width=\"100%\" height=\"600\" 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":1982,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Logo Plugin f\u00fcr Ihre Website (kostenlos und schnell)<\/title>\n<meta name=\"description\" content=\"Integrieren Sie Ihr bestes Logo Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Logo Showcase Plugins von Elfsight.\" \/>\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\/logo-showcase-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Logo Plugin f\u00fcr Ihre Website (kostenlos und schnell)\" \/>\n<meta property=\"og:description\" content=\"Integrieren Sie Ihr bestes Logo Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Logo Showcase Plugins von Elfsight.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/logo-showcase-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-30T14:18:17+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=\"4 Minuten\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Logo Plugin f\u00fcr Ihre Website (kostenlos und schnell)","description":"Integrieren Sie Ihr bestes Logo Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Logo Showcase Plugins von Elfsight.","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\/logo-showcase-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"Logo Plugin f\u00fcr Ihre Website (kostenlos und schnell)","og_description":"Integrieren Sie Ihr bestes Logo Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Logo Showcase Plugins von Elfsight.","og_url":"https:\/\/elfsight.com\/de\/logo-showcase-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2020-07-30T14:18:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"4 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/de\/logo-showcase-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/logo-showcase-widget\/examples\/","name":"Logo Plugin f\u00fcr Ihre Website (kostenlos und schnell)","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-07-30T13:44:12+00:00","dateModified":"2020-07-30T14:18:17+00:00","description":"Integrieren Sie Ihr bestes Logo Plugin auf die Website. Testen Sie eine kostenlose Demo zum kostenlosen Logo Showcase Plugins von Elfsight.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/logo-showcase-widget\/examples\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/logo-showcase-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/logo-showcase-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Logo Showcase","item":"https:\/\/elfsight.com\/de\/logo-showcase-widget\/"},{"@type":"ListItem","position":3,"name":"Logo Showcase &#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":"required name=search_term_string"}],"inLanguage":"de-DE"}]}},"meta_box":{"h1":"Beispiele f\u00fcr das Logo Showcase Widget auf Ihre Seite","h1_caption":"Sehen Sie alle Beispiele f\u00fcr Logo Plugin, um das volle Potenzial des Widgets zu erkennen.","category":[],"widget_request_title":"","widget_request_cta":"","application":"499","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_image":[],"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":"","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":[],"applications_use_base_links":"","video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","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\/1984"}],"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=1984"}],"version-history":[{"count":5,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1984\/revisions"}],"predecessor-version":[{"id":2003,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1984\/revisions\/2003"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/1982"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=1984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}