{"id":2653,"date":"2020-09-09T16:08:18","date_gmt":"2020-09-09T16:08:18","guid":{"rendered":"https:\/\/elfsight.com\/de\/?page_id=2653"},"modified":"2020-09-27T12:21:49","modified_gmt":"2020-09-27T12:21:49","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/de\/search-widget\/examples\/","title":{"rendered":"Search &#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. Flie\u00dfenden Button<\/h3><div class=\"application-examples-item-description\"><p><b>Main features:<\/b> <span>floating button, dropdown list.<\/span><\/p>\n\n<p>Es ist eine perfekte L\u00f6sung, um die Suchfunktion auf einer Website hervorzuheben. In der oberen rechten Ecke des Bildschirms befindet sich eine h\u00fcbsch aussehende kleine Schaltfl\u00e4che. Das Suchfeld befindet sich immer vor den Augen der Benutzer und ist hell gef\u00e4rbt. Es bildet einen Kontrast zum gesamten Hintergrund und zieht viel Aufmerksamkeit auf sich. Die Ergebnisse werden in Form eines Popups angezeigt, das nur einen Teil des Bildschirms einnimmt. Sie werden auch im Listenlayout mit Bildern, Beschreibungen, Daten, Preisen und Bewertungen angezeigt.<\/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\/widget\/e0432d4f-4b09-4bd3-bd72-65d1146bc53f?padding=100\" 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 2. \nVollbild-News<\/h3><div class=\"application-examples-item-description\"><p><b>Main features:<\/b> <span>inline input, fullscreen results.<\/span><\/p>\n<p>Eine klare und elegante Google Suche in Website inbauen. Die Ergebnisse werden im Vollbildmodus angezeigt, sodass mehr davon angezeigt werden k\u00f6nnen. Beschreibungen, Bewertungen, Preise und Daten werden in einem Listenlayout ausgegeben. Ohne angezeigte Bilder kann sich das Suchfeld auf Titel und Beschreibungen konzentrieren.<\/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\/widget\/dc5dcd30-fe4f-42ff-9a31-fa9e95d65967?padding=20\" 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 3. Embedded Search<\/h3><div class=\"application-examples-item-description\"><p><b>Main features:<\/b> <span>inline button, dropdown list, table layout<\/span><\/p>\n<p>Diese attraktive Suchtaste kann \u00fcberall platziert werden: in der Fu\u00dfzeile, in der Kopfzeile oder direkt darunter - das Suchfeld hat immer eine feste Position auf einer Webseite. Die Ergebnisse werden in einem Popup angezeigt. Das gew\u00e4hlte Layout ist Tabelle. Mithilfe dieser Tabelle k\u00f6nnen Sie Floating-Produkte bequemer anhand ihrer Funktionen wie Bewertungen oder Preise vergleichen. Folgende Elemente werden dargestellt: Beschreibungen, Bilder, Bewertungen, Preise und Daten.<\/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\/widget\/c8fbc179-8716-4afa-bfaa-972f75abb156?padding=20\" 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-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. Vollbild Suche nach Artikeln<\/h3><div class=\"application-examples-item-description\"><p><b>Main features:<\/b> <span>floating button, fullscreen results, masonry layout.<\/span><\/p>\n<p>Eine schwarze Suche Floating-Taste bleibt immer, bevor Benutzer die Augen, die Aufmerksamkeit der Menschen auf die M\u00f6glichkeit Anziehen zu suchen. Die in einem kreativen Mauerwerkslayout dargestellten Ergebnisse scheinen attraktiv zu sein. Sie nehmen den gesamten Bildschirm ein, sodass Besucher viele von ihnen gleichzeitig sehen k\u00f6nnen.<\/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\/widget\/bdf0b612-83dc-4c7e-a95c-99c3c5ebf5dd?padding=100\" 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 5. Men\u00fc Inline-Suche<\/h3><div class=\"application-examples-item-description\"><p><b>Main features:<\/b> <span>inline input, dropdown list, masonry layout.<\/span><\/p>\n<p>Es kann im Men\u00fc platziert werden. Das Feld ist ordentlich und einfach, es passt perfekt in jedes Design. Die Ergebnisse werden in einem Mauerwerkslayout angezeigt, und die Aufmerksamkeit wird haupts\u00e4chlich auf Bilder gelenkt. Benutzer k\u00f6nnen auch die Beschreibung, Bewertung und mehrere Quick Links 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\/widget\/e7bab018-0c06-483d-b48c-48d630875a94?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":11,"featured_media":0,"parent":2651,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-2653","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>Suchfunktion f\u00fcr eigene Website (kostenlos und schnell) - Beispiele<\/title>\n<meta name=\"description\" content=\"Google Suche Widget installieren auf Ihre Website. Testen Sie eine kostenlose Demo zum Suche Plugins von Elfsight. Finden Sie die beste Vorlage f\u00fcr Sie.\" \/>\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\/search-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Suchfunktion f\u00fcr eigene Website (kostenlos und schnell) - Beispiele\" \/>\n<meta property=\"og:description\" content=\"Google Suche Widget installieren auf Ihre Website. Testen Sie eine kostenlose Demo zum Suche Plugins von Elfsight. Finden Sie die beste Vorlage f\u00fcr Sie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/de\/search-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight DE\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-27T12:21:49+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":"Suchfunktion f\u00fcr eigene Website (kostenlos und schnell) - Beispiele","description":"Google Suche Widget installieren auf Ihre Website. Testen Sie eine kostenlose Demo zum Suche Plugins von Elfsight. Finden Sie die beste Vorlage f\u00fcr Sie.","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\/search-widget\/examples\/","og_locale":"de_DE","og_type":"article","og_title":"Suchfunktion f\u00fcr eigene Website (kostenlos und schnell) - Beispiele","og_description":"Google Suche Widget installieren auf Ihre Website. Testen Sie eine kostenlose Demo zum Suche Plugins von Elfsight. Finden Sie die beste Vorlage f\u00fcr Sie.","og_url":"https:\/\/elfsight.com\/de\/search-widget\/examples\/","og_site_name":"Elfsight DE","article_modified_time":"2020-09-27T12:21:49+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\/search-widget\/examples\/","url":"https:\/\/elfsight.com\/de\/search-widget\/examples\/","name":"Suchfunktion f\u00fcr eigene Website (kostenlos und schnell) - Beispiele","isPartOf":{"@id":"https:\/\/elfsight.com\/de\/#website"},"datePublished":"2020-09-09T16:08:18+00:00","dateModified":"2020-09-27T12:21:49+00:00","description":"Google Suche Widget installieren auf Ihre Website. Testen Sie eine kostenlose Demo zum Suche Plugins von Elfsight. Finden Sie die beste Vorlage f\u00fcr Sie.","breadcrumb":{"@id":"https:\/\/elfsight.com\/de\/search-widget\/examples\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/de\/search-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/de\/search-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/de\/"},{"@type":"ListItem","position":2,"name":"Search","item":"https:\/\/elfsight.com\/de\/search-widget\/"},{"@type":"ListItem","position":3,"name":"Search &#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":"516","h1":"Beispiele f\u00fcr das Suche Plugin auf Ihre Seite","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\/2653","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=2653"}],"version-history":[{"count":4,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2653\/revisions"}],"predecessor-version":[{"id":2687,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2653\/revisions\/2687"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/pages\/2651"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/de\/wp-json\/wp\/v2\/media?parent=2653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}