{"id":2641,"date":"2020-09-17T07:54:41","date_gmt":"2020-09-17T07:54:41","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=2641"},"modified":"2021-07-21T06:57:14","modified_gmt":"2021-07-21T06:57:14","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/file-embed-widget\/examples\/","title":{"rendered":"File Embed &#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: Fichier PDF<\/h3><div class=\"application-examples-item-description\">Un PDF de recette attrayant est ins\u00e9r\u00e9 dans la page en plein \u00e9cran. Les utilisateurs peuvent le lire toujours sur le site et le t\u00e9l\u00e9charger, si n\u00e9cessaire, \u00e0 l'aide de l'\u00e9tiquette de t\u00e9l\u00e9chargement dans le coin sup\u00e9rieur droit. La disposition de la visionneuse de fichiers permet \u00e9galement le d\u00e9filement et le zoom.<\/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=380d8cd9-dc57-46b2-802a-7d43af68206f&padding=28px+40px+40px\" 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\">Exemple 2: Document Word<\/h3><div class=\"application-examples-item-description\">Avec notre widget, partagez des documents multi-pages \u00e9tendus et laissez les utilisateurs les visualiser jusqu'\u00e0 la fin directement sur votre page Web. Les options de d\u00e9filement et de zoom y fonctionnent \u00e9galement pour une utilisation pratique. Un clic sur l'ic\u00f4ne pop-out dans le coin sup\u00e9rieur droit ouvre le document dans un nouvel onglet du navigateur.<\/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=00afd6f1-9c0d-4c42-bb13-d57d7a5149b9&padding=28px+40px+40px\" 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\">Exemple 3: Tableau Excel<\/h3><div class=\"application-examples-item-description\">Dans cet exemple, le widget sert \u00e0 int\u00e9grer le fichier Excel dans une page de site Web. La disposition de File Viewer permet aux utilisateurs de v\u00e9rifier le document jusqu'\u00e0 la fin directement sur le site Web. Le widget enregistre toutes les fonctionnalit\u00e9s du document d'origine, ainsi les feuilles Excel sont dans la mise en page Album ici.<\/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=f5101d81-b869-4061-8575-b780747d56f7&padding=28px+40px+40px\" 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\">Exemple 4: Pr\u00e9sentation Powerpoint<\/h3><div class=\"application-examples-item-description\">Vous pouvez \u00e9gayer le contenu de votre site en affichant des pr\u00e9sentations PowerPoint. Comme vous pouvez le voir ici, le document est affich\u00e9 en pleine vue avec toutes les images et diagrammes et permet le d\u00e9filement, le zoom et la pagination. Les utilisateurs peuvent \u00e9galement t\u00e9l\u00e9charger le fichier en cliquant sur l'\u00e9tiquette de t\u00e9l\u00e9chargement.<\/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=b649977d-d948-4ea8-a3fa-5818c32538a9&padding=28px+40px+40px\" 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-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 5: Le menu du restaurant<\/h3><div class=\"application-examples-item-description\">Cet exemple montre les documents pr\u00e9sent\u00e9s par des ic\u00f4nes personnalis\u00e9es, qui refl\u00e8tent le contenu et correspondent au concept de site Web. Le widget a form\u00e9 une unit\u00e9 de contenu suffisante gr\u00e2ce \u00e0 la couleur d'arri\u00e8re-plan personnalis\u00e9e de chaque vignette de document. Les tuiles sont cliquables et s'ouvrent dans un nouvel onglet du navigateur au clic.<\/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=87fed6a0-830e-4acf-a413-547409e78eca&padding=28px+40px+40px\" 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\">Exemple 6: Manuels produits<\/h3><div class=\"application-examples-item-description\">Cr\u00e9ez une grille de documents pour fournir aux clients toutes les informations n\u00e9cessaires sur vos produits. Les ic\u00f4nes de th\u00e8me diff\u00e9rencient visuellement les produits et facilitent la navigation. La grille a une distribution automatique des colonnes, ce qui signifie que le nombre de colonnes sera d\u00e9fini automatiquement, en fonction de la largeur disponible.<\/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=bb097e0b-258f-48cf-9067-a7b8a8cda629&padding=28px+40px+40px\" 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\">Exemple 7: \u00c9tag\u00e8re \u00e0 livres<\/h3><div class=\"application-examples-item-description\">Ici, la conception du widget est totalement transform\u00e9e pour cr\u00e9er une unit\u00e9 de contenu accrocheuse correspondant au site Web. L'arri\u00e8re-plan du widget et les noms de fichiers et les liens sont color\u00e9s d'une mani\u00e8re unique; les couvertures de livres servent d'ic\u00f4nes de document et le widget a une largeur personnalis\u00e9e.<\/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=0fe4c5dc-9aa6-4115-a51b-d42e89ad8846&padding=28px+40px+40px\" 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\">Exemple 8: Archives de magazines<\/h3><div class=\"application-examples-item-description\">Le widget Elfsight vous permet de publier une archive de documents et de faciliter la navigation. Dans cet exemple, les noms des num\u00e9ros de magazines indiquent la date de publication pour une recherche plus rapide. Sous chaque fichier, il y a un bouton T\u00e9l\u00e9charger.<\/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=222d607c-174c-45a0-9e69-3170c9da8727&padding=28px+40px+40px\" 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\">Exemple 9: T\u00e9l\u00e9chargements<\/h3><div class=\"application-examples-item-description\">S'il est n\u00e9cessaire d'int\u00e9grer des fichiers au site de mani\u00e8re propre et mod\u00e9r\u00e9e, le widget vous aidera \u00e9galement \u00e0 le faire. Dans cet exemple, vous pouvez voir une liste minimaliste et propre sans rien de plus, mais un en-t\u00eate personnalis\u00e9 et des noms de fichiers avec des extensions.<\/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=0bf1bf9d-1f29-4cdf-9be1-9cb0c8c8fdc6&padding=28px+40px+40px\" width=\"100%\" 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":2628,"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>Les exemples de widgets d&#039;incorporation de fichiers sur un site (TOP 9)<\/title>\n<meta name=\"description\" content=\"TOP 9 des exemples de visionneuse de fichiers de sites Web: PDF, Word, Excel, manuels, et autres mod\u00e8les. Exemple de widget de fichier pour le site.\" \/>\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\/file-embed-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les exemples de widgets d&#039;incorporation de fichiers sur un site (TOP 9)\" \/>\n<meta property=\"og:description\" content=\"TOP 9 des exemples de visionneuse de fichiers de sites Web: PDF, Word, Excel, manuels, et autres mod\u00e8les. Exemple de widget de fichier pour le site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/file-embed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-21T06:57:14+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":"Les exemples de widgets d'incorporation de fichiers sur un site (TOP 9)","description":"TOP 9 des exemples de visionneuse de fichiers de sites Web: PDF, Word, Excel, manuels, et autres mod\u00e8les. Exemple de widget de fichier pour le site.","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\/file-embed-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Les exemples de widgets d'incorporation de fichiers sur un site (TOP 9)","og_description":"TOP 9 des exemples de visionneuse de fichiers de sites Web: PDF, Word, Excel, manuels, et autres mod\u00e8les. Exemple de widget de fichier pour le site.","og_url":"https:\/\/elfsight.com\/fr\/file-embed-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2021-07-21T06:57:14+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\/file-embed-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/file-embed-widget\/examples\/","name":"Les exemples de widgets d'incorporation de fichiers sur un site (TOP 9)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-09-17T07:54:41+00:00","dateModified":"2021-07-21T06:57:14+00:00","description":"TOP 9 des exemples de visionneuse de fichiers de sites Web: PDF, Word, Excel, manuels, et autres mod\u00e8les. Exemple de widget de fichier pour le site.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/file-embed-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/file-embed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/file-embed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"File Embed","item":"https:\/\/elfsight.com\/fr\/file-embed-widget\/"},{"@type":"ListItem","position":3,"name":"File Embed &#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":"2627","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\/2641"}],"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=2641"}],"version-history":[{"count":6,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2641\/revisions"}],"predecessor-version":[{"id":3691,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2641\/revisions\/3691"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2628"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=2641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}