{"id":3029,"date":"2020-10-08T13:36:13","date_gmt":"2020-10-08T13:36:13","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=3029"},"modified":"2020-10-08T13:36:45","modified_gmt":"2020-10-08T13:36:45","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/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\">Exemple 1. Bouton flottant<\/h3><div class=\"application-examples-item-description\"><p><b>Caract\u00e9ristiques principales:<\/b> <span>bouton flottant, liste d\u00e9roulante.<\/span><\/p>\n\n<p>C'est une solution parfaite pour mettre en \u00e9vidence la fonction de recherche sur un site Web. Un petit bouton soign\u00e9 est plac\u00e9 dans le coin sup\u00e9rieur droit de l'\u00e9cran. Toujours devant les yeux des utilisateurs, aux couleurs vives, le champ de recherche contraste avec tout l'arri\u00e8re-plan, attirant beaucoup d'attention. Les r\u00e9sultats sont pr\u00e9sent\u00e9s sous forme de popup, ne prenant qu'une partie de l'\u00e9cran. Ils sont \u00e9galement affich\u00e9s dans la mise en page Liste avec des images, des descriptions, des dates, des prix et des \u00e9valuations.<\/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\">Exemple 2. Actualit\u00e9s plein \u00e9cran<\/h3><div class=\"application-examples-item-description\"><p><b>Caract\u00e9ristiques principales:<\/b> <span>entr\u00e9e en ligne, r\u00e9sultats plein \u00e9cran.<\/span><\/p>\n<p>Il s'agit d'une barre de recherche int\u00e9gr\u00e9e claire et \u00e9l\u00e9gante. Les r\u00e9sultats sont affich\u00e9s en plein \u00e9cran, il est donc possible d'en voir plus. Les descriptions, \u00e9valuations, prix et dates sont affich\u00e9s dans une mise en page Liste. Sans aucune image affich\u00e9e, le champ de recherche permet de se concentrer sur les titres et les descriptions.<\/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\">Exemple 3. Recherche int\u00e9gr\u00e9e<\/h3><div class=\"application-examples-item-description\"><p><b>Caract\u00e9ristiques principales:<\/b> <span>bouton en ligne, liste d\u00e9roulante, disposition du tableau<\/span><\/p>\n<p>Ce bouton de recherche vif peut \u00eatre plac\u00e9 n'importe o\u00f9: dans le pied de page, dans l'en-t\u00eate ou juste en dessous - le champ de recherche a toujours une position fixe sur une page Web. Les r\u00e9sultats sont pr\u00e9sent\u00e9s dans une fen\u00eatre contextuelle. La mise en page choisie est Table, gr\u00e2ce \u00e0 laquelle il est plus pratique de comparer les produits flottants en fonction de leurs caract\u00e9ristiques, telles que les notes ou les prix. Les \u00e9l\u00e9ments suivants sont pr\u00e9sent\u00e9s: descriptions, photos, notes, prix et dates.<\/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\/fr\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Commencez par cr\u00e9er votre widget\">\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\">Commencez par cr\u00e9er votre widget<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Vite. Facile. Pas de codage.<\/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\">Cr\u00e9er un widget<\/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\">Exemple 4. Recherche d'articles en plein \u00e9cran<\/h3><div class=\"application-examples-item-description\"><p><b>Caract\u00e9ristiques principales:<\/b> <span>bouton flottant, r\u00e9sultats plein \u00e9cran, disposition de la ma\u00e7onnerie.<\/span><\/p>\n<p>Un bouton de recherche flottant noir reste toujours devant les yeux des utilisateurs, attirant leur attention sur la possibilit\u00e9 de rechercher. Les r\u00e9sultats pr\u00e9sent\u00e9s dans une disposition de ma\u00e7onnerie cr\u00e9ative semblent attrayants. Ils occupent tout l'\u00e9cran, de sorte que les visiteurs pourront en voir plusieurs \u00e0 la fois.<\/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\">Exemple 5. Recherche en ligne dans le menu<\/h3><div class=\"application-examples-item-description\"><p><b>Caract\u00e9ristiques principales:<\/b> <span>entr\u00e9e en ligne, liste d\u00e9roulante, disposition en ma\u00e7onnerie.<\/span><\/p>\n<p>Peut \u00eatre plac\u00e9 dans le menu. Le terrain est soign\u00e9 et simple, il s'int\u00e8gre parfaitement dans n'importe quel design. Les r\u00e9sultats sont affich\u00e9s dans une mise en page de ma\u00e7onnerie et l'attention est principalement attir\u00e9e sur les images. Les utilisateurs peuvent \u00e9galement voir la description, l'\u00e9valuation et plusieurs liens rapides.<\/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":12,"featured_media":0,"parent":3014,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-3029","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>Voir tous les exemples d&#039;utilisation de la barre de recherche Google<\/title>\n<meta name=\"description\" content=\"TOP 5 des variantes de la barre de recherche Google pour votre site Web: flottant, plein \u00e9cran, popup, en ligne, etc. L&#039;\u00e9chantillon de widget de recherche.\" \/>\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\/fr\/search-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Voir tous les exemples d&#039;utilisation de la barre de recherche Google\" \/>\n<meta property=\"og:description\" content=\"TOP 5 des variantes de la barre de recherche Google pour votre site Web: flottant, plein \u00e9cran, popup, en ligne, etc. L&#039;\u00e9chantillon de widget de recherche.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/search-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-08T13:36:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Voir tous les exemples d'utilisation de la barre de recherche Google","description":"TOP 5 des variantes de la barre de recherche Google pour votre site Web: flottant, plein \u00e9cran, popup, en ligne, etc. L'\u00e9chantillon de widget de recherche.","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\/fr\/search-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Voir tous les exemples d'utilisation de la barre de recherche Google","og_description":"TOP 5 des variantes de la barre de recherche Google pour votre site Web: flottant, plein \u00e9cran, popup, en ligne, etc. L'\u00e9chantillon de widget de recherche.","og_url":"https:\/\/elfsight.com\/fr\/search-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-10-08T13:36:45+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/search-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/search-widget\/examples\/","name":"Voir tous les exemples d'utilisation de la barre de recherche Google","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-10-08T13:36:13+00:00","dateModified":"2020-10-08T13:36:45+00:00","description":"TOP 5 des variantes de la barre de recherche Google pour votre site Web: flottant, plein \u00e9cran, popup, en ligne, etc. L'\u00e9chantillon de widget de recherche.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/search-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/search-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/search-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Search","item":"https:\/\/elfsight.com\/fr\/search-widget\/"},{"@type":"ListItem","position":3,"name":"Search &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/fr\/#website","url":"https:\/\/elfsight.com\/fr\/","name":"Elfsight FR","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"3005","h1":"","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\/fr\/wp-json\/wp\/v2\/pages\/3029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=3029"}],"version-history":[{"count":7,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/3029\/revisions"}],"predecessor-version":[{"id":3038,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/3029\/revisions\/3038"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/3014"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=3029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}