{"id":1657,"date":"2020-08-06T05:36:17","date_gmt":"2020-08-06T05:36:17","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=1657"},"modified":"2020-08-06T05:38:34","modified_gmt":"2020-08-06T05:38:34","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/logo-showcase-widget\/examples\/","title":{"rendered":"Logo Showcase &#8211; Examples"},"content":{"rendered":"\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 1: Nos clients<\/h3><div class=\"application-examples-item-description\">Cette grille de logos pr\u00e9sente toute la liste des entreprises clientes, ce qui ressort clairement du titre du widget. Gr\u00e2ce \u00e0 l'adaptabilit\u00e9 du widget, vous pouvez voir tous les logos sur une seule page. Ils ont tous enregistr\u00e9 leurs couleurs d'origine, et pour rendre chacun plus distinctif, la goutti\u00e8re entre les logos a \u00e9t\u00e9 augment\u00e9e. Un tel widget peut bien convenir pour prendre une zone assez importante sur la page et vanter un torr\u00e9facteur de clients. <\/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<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: curseur de logo<\/h3><div class=\"application-examples-item-description\">La cr\u00e9ation d'un curseur de logo ne peut pas \u00eatre plus simple. Ces logos sont mis en mouvement \u00e0 l'aide de la disposition du curseur et de l'option de diapositive automatique. Les utilisateurs peuvent aussi glisser en cliquant sur les fl\u00e8ches ou en faisant glisser. La vitesse de transition peut \u00eatre facilement ajust\u00e9e dans les param\u00e8tres. La taille des logos d\u00e9finit leur nombre par diapositive, donc si vous voulez en afficher plus d'un seul coup d'\u0153il, diminuez simplement la taille du logo. <\/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<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: Trust index<\/h3><div class=\"application-examples-item-description\">Dans ce widget, l'attention est attir\u00e9e sur les logos de quatre plus gros clients qui impressionnent les utilisateurs par leurs noms influents. En cliquant, les utilisateurs peuvent acc\u00e9der au site Web de chaque entreprise. Le titre du widget sert \u00e0 renforcer la confiance - il montre le nombre total de clients et fait appel \u00e0 la preuve sociale. Le style de widget propre et sobre est obtenu gr\u00e2ce au filtre en niveaux de gris appliqu\u00e9 aux logos et \u00e0 la couleur de police noire du titre. Une large goutti\u00e8re entre les logos contribue \u00e9galement \u00e0 un look \u00e9pur\u00e9. <\/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<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: Appel \u00e0 l'action<\/h3><div class=\"application-examples-item-description\">Pour personnaliser au maximum votre widget et obtenir l'apparence qui correspond \u00e0 votre site Web, vous pouvez utiliser l'option pour t\u00e9l\u00e9charger une image de l'arri\u00e8re-plan du widget. Dans cet exemple, le widget a une largeur automatique, ce qui lui permet de prendre tout l'espace libre et d'avoir l'air vraiment solide. Le bouton CTA sert \u00e0 attirer plus de contacts clients, il peut rediriger les utilisateurs vers n'importe quelle adresse. <\/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<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: Carrousel infini<\/h3><div class=\"application-examples-item-description\">Cet exemple montre comment cr\u00e9er un carrousel de logos qui se fondra avec le site Web et ne d\u00e9tournera pas l'attention des autres contenus. Ce carrousel a un arri\u00e8re-plan gris et un filtre en niveaux de gris des logos, qui donnent \u00e0 l'ensemble un aspect discret et discret. Un tel widget sera une solution parfaite si vous avez besoin de la vitrine de votre logo dans la barre inf\u00e9rieure. Le mouvement fait une boucle infinie, et si l'option Pause en survol est activ\u00e9e, les utilisateurs peuvent suspendre le carrousel. <\/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<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 6: Partenaires<\/h3><div class=\"application-examples-item-description\">Il est facile de montrer les logos de vos partenaires avec une touche de style. Vous pouvez obtenir n'importe quel look, en variant les couleurs du logo et son arri\u00e8re-plan. Par exemple, ils sont tous les deux dans le spectre de couleur bleue et ont l'air \u00e9l\u00e9gant et propre. La goutti\u00e8re entre les logos a \u00e9t\u00e9 rendue tr\u00e8s \u00e9troite pour cr\u00e9er une int\u00e9grit\u00e9 visuelle. Le titre du widget comprend \u00e9galement un bref texte pr\u00e9sentant les partenaires. <\/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<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<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 7: Sponsors<\/h3><div class=\"application-examples-item-description\">Ce widget cr\u00e9e une unit\u00e9 de contenu enti\u00e8re d\u00e9di\u00e9e aux sponsors de l'entreprise. La taille de la police du titre a \u00e9t\u00e9 augment\u00e9e et le titre semble vraiment solide. Les logos des sponsors sont de couleur blanche et avec le titre du widget blanc, ils cr\u00e9ent une unit\u00e9 de couleur, plac\u00e9e sur l'image d'arri\u00e8re-plan personnalis\u00e9e. Gr\u00e2ce \u00e0 la disposition Grille et \u00e0 une taille de logo mod\u00e9r\u00e9e, les utilisateurs peuvent tous les voir d'un seul coup d'\u0153il. <\/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<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 8: Pr\u00e9sent\u00e9 dans le m\u00e9dia<\/h3><div class=\"application-examples-item-description\">Vous pouvez utiliser le widget pour vous vanter des mentions de votre entreprise dans diff\u00e9rents m\u00e9dias. Pour cela, il vous suffit de lier les logos aux articles ou \u00e0 d'autres sources et les utilisateurs pourront v\u00e9rifier ce qu'ils \u00e9crivent sur vous dans la presse. Ce cas pr\u00e9sente les logos de huit ressources multim\u00e9dias sur l'arri\u00e8re-plan noir du widget. Avec la mise en page Grille, ils sont int\u00e9gr\u00e9s dans deux bruts. Le titre et le texte invitent les utilisateurs \u00e0 v\u00e9rifier les mentions. <\/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<p><!-- \/wp:html --><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":1645,"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>TOP 8 des meilleurs exemples de widget Vitrine de logo (en 2023)<\/title>\n<meta name=\"description\" content=\"TOP 8 des exemples de widget de logo de site Web: nos clients, curseur de logo, indice de confiance, appel \u00e0 l&#039;action, carrousel infini, vitrine des partenaires et des sponsors pour votre site Web.\" \/>\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\/logo-showcase-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TOP 8 des meilleurs exemples de widget Vitrine de logo (en 2023)\" \/>\n<meta property=\"og:description\" content=\"TOP 8 des exemples de widget de logo de site Web: nos clients, curseur de logo, indice de confiance, appel \u00e0 l&#039;action, carrousel infini, vitrine des partenaires et des sponsors pour votre site Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/logo-showcase-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-06T05:38:34+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=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TOP 8 des meilleurs exemples de widget Vitrine de logo (en 2023)","description":"TOP 8 des exemples de widget de logo de site Web: nos clients, curseur de logo, indice de confiance, appel \u00e0 l'action, carrousel infini, vitrine des partenaires et des sponsors pour votre site Web.","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\/logo-showcase-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"TOP 8 des meilleurs exemples de widget Vitrine de logo (en 2023)","og_description":"TOP 8 des exemples de widget de logo de site Web: nos clients, curseur de logo, indice de confiance, appel \u00e0 l'action, carrousel infini, vitrine des partenaires et des sponsors pour votre site Web.","og_url":"https:\/\/elfsight.com\/fr\/logo-showcase-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-08-06T05:38:34+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/logo-showcase-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/logo-showcase-widget\/examples\/","name":"TOP 8 des meilleurs exemples de widget Vitrine de logo (en 2023)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-08-06T05:36:17+00:00","dateModified":"2020-08-06T05:38:34+00:00","description":"TOP 8 des exemples de widget de logo de site Web: nos clients, curseur de logo, indice de confiance, appel \u00e0 l'action, carrousel infini, vitrine des partenaires et des sponsors pour votre site Web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/logo-showcase-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/logo-showcase-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/logo-showcase-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Logo Showcase","item":"https:\/\/elfsight.com\/fr\/logo-showcase-widget\/"},{"@type":"ListItem","position":3,"name":"Logo Showcase &#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":"required name=search_term_string"}],"inLanguage":"fr-FR"}]}},"meta_box":{"h1":"","h1_caption":"","category":[],"widget_request_title":"","widget_request_cta":"","application":"1644","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\/fr\/wp-json\/wp\/v2\/pages\/1657"}],"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=1657"}],"version-history":[{"count":1,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1657\/revisions"}],"predecessor-version":[{"id":1658,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1657\/revisions\/1658"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/1645"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=1657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}