{"id":2380,"date":"2020-09-01T10:57:37","date_gmt":"2020-09-01T10:57:37","guid":{"rendered":"https:\/\/elfsight.com\/fr\/?page_id=2380"},"modified":"2020-10-21T15:33:40","modified_gmt":"2020-10-21T15:33:40","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/fr\/pdf-embed-widget\/examples\/","title":{"rendered":"PDF 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: Incorporer un fichier PDF<\/h3><div class=\"application-examples-item-description\">D\u00e9couvrez comment ins\u00e9rer facilement vos documents dans les pages de votre site en pleine vue. Il est parfaitement facile de visualiser le document directement sur la page, et il peut \u00e9galement \u00eatre t\u00e9l\u00e9charg\u00e9, si n\u00e9cessaire, \u00e0 l'aide de l'\u00e9tiquette T\u00e9l\u00e9charger 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=4da25300-1e51-4761-8647-f32c28ddf0d5&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: Le menu du restaurant<\/h3><div class=\"application-examples-item-description\">Dans cet exemple, les documents sont joints avec des ic\u00f4nes personnalis\u00e9es repr\u00e9sentant le contenu et refl\u00e9tant le style du site Web. Le widget ressemble \u00e0 une unit\u00e9 de contenu absolument int\u00e9grale gr\u00e2ce \u00e0 la couleur d'arri\u00e8re-plan de la tuile. Les tuiles sont enti\u00e8rement cliquables et les utilisateurs peuvent \u00e9tudier le menu dans les nouveaux onglets 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=018700ae-4dd7-4113-8093-dc38be5d62ab&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: Manuels produits<\/h3><div class=\"application-examples-item-description\">Cr\u00e9ez une grille de documents int\u00e9gr\u00e9s pour fournir aux clients des informations de support sur les produits. L'ajout d'ic\u00f4nes de th\u00e8me facilitera la navigation entre les documents. La grille comporte une distribution automatique des colonnes qui r\u00e9partira les documents en colonnes en fonction de l'espace disponible sur la page.<\/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=592be21d-702d-4f40-8282-94fa2bbc667e&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: Int\u00e9grer la recherche<\/h3><div class=\"application-examples-item-description\">Il existe un moyen simple de partager de longs documents de plusieurs pages pour permettre aux utilisateurs de les lire tout en restant sur votre site Web. Vous pouvez voir que le document peut \u00eatre d\u00e9fil\u00e9 et l'option de pagination est \u00e9galement ici. L'en-t\u00eate sert \u00e0 annoncer le nom du document. Une ic\u00f4ne pop-out dans le coin sup\u00e9rieur droit permet d'ouvrir le document dans un nouvel onglet.<\/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=8ce2b818-0a88-473a-b3ec-4a0455799921&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 5: \u00c9tag\u00e8re \u00e0 livres<\/h3><div class=\"application-examples-item-description\">Ici, vous pouvez voir comment le widget peut \u00eatre totalement transform\u00e9 en termes de style pour cr\u00e9er une unit\u00e9 de contenu coh\u00e9rente en \u00e9quilibre avec le site Web. Modifiez la couleur d'arri\u00e8re-plan du widget, la couleur du texte dans les noms de fichiers et les liens, t\u00e9l\u00e9chargez des images de document, d\u00e9finissez votre propre largeur de widget - et vous obtenez un design personnalis\u00e9 qu'aucun utilisateur ne peut manquer.<\/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=7084cc32-7484-4a82-8523-e221bc5d0388&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 6: Archives de magazines<\/h3><div class=\"application-examples-item-description\">Organisez des archives de magazines pratiques \u00e0 utiliser. Chaque num\u00e9ro de magazine est t\u00e9l\u00e9vers\u00e9 avec le nom qui indique l'ann\u00e9e et le mois de publication, afin qu'il soit facile de trouver le bon num\u00e9ro. L'en-t\u00eate du widget a \u00e9galement un texte personnalis\u00e9. Vous pouvez t\u00e9l\u00e9charger n'importe quelle quantit\u00e9 de fichiers et les utilisateurs pourront les ouvrir dans un nouvel onglet.<\/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=29db85a3-f1bf-45df-ae8c-574c4fd4c72d&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: T\u00e9l\u00e9chargements<\/h3><div class=\"application-examples-item-description\">Lorsque vous ne souhaitez pas cr\u00e9er une unit\u00e9 de contenu distincte avec vos fichiers, le widget conviendra pour organiser une liste minimaliste simple. Il semble parfaitement propre et ne d\u00e9tourne pas l'attention des autres contenus. Juste des noms de fichiers avec les extensions, afin que les utilisateurs puissent voir le format de fichier. M\u00eame l'\u00e9tiquette de t\u00e9l\u00e9chargement est supprim\u00e9e pour obtenir le look le plus propre possible.<\/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=793ccad6-4698-4b3a-ba1e-fc87263241ca&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: Rapport annuel<\/h3><div class=\"application-examples-item-description\">Dans ce cas d'utilisation, le widget est \u00e0 la hauteur de la t\u00e2che de cr\u00e9er une simple collection de fichiers \u00e0 t\u00e9l\u00e9charger par les utilisateurs. Les fichiers sont pr\u00e9sent\u00e9s par des tuiles, chacune comprenant une ic\u00f4ne PDF, qui est l'un des six styles pr\u00e9d\u00e9finis, et un nom personnalis\u00e9.La couleur d'arri\u00e8re-plan de la tuile est modifi\u00e9e et l'espace de tuile complet est cliquable.<\/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=f501f343-8d41-4444-9551-4c9ee74f9d49&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":9,"featured_media":0,"parent":2374,"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 meilleurs exemples de widgets PDF Viewer sur un site Web (Top 8)<\/title>\n<meta name=\"description\" content=\"TOP 8 exemples de widget PDF du site Web: fichier incorpor\u00e9, menu, manuels, archives, rapports et autres. Exemple de fichiers PDF 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\/pdf-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 meilleurs exemples de widgets PDF Viewer sur un site Web (Top 8)\" \/>\n<meta property=\"og:description\" content=\"TOP 8 exemples de widget PDF du site Web: fichier incorpor\u00e9, menu, manuels, archives, rapports et autres. Exemple de fichiers PDF pour votre site Web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/fr\/pdf-embed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight FR\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-21T15:33:40+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=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les meilleurs exemples de widgets PDF Viewer sur un site Web (Top 8)","description":"TOP 8 exemples de widget PDF du site Web: fichier incorpor\u00e9, menu, manuels, archives, rapports et autres. Exemple de fichiers PDF 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\/pdf-embed-widget\/examples\/","og_locale":"fr_FR","og_type":"article","og_title":"Les meilleurs exemples de widgets PDF Viewer sur un site Web (Top 8)","og_description":"TOP 8 exemples de widget PDF du site Web: fichier incorpor\u00e9, menu, manuels, archives, rapports et autres. Exemple de fichiers PDF pour votre site Web.","og_url":"https:\/\/elfsight.com\/fr\/pdf-embed-widget\/examples\/","og_site_name":"Elfsight FR","article_modified_time":"2020-10-21T15:33:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/fr\/pdf-embed-widget\/examples\/","url":"https:\/\/elfsight.com\/fr\/pdf-embed-widget\/examples\/","name":"Les meilleurs exemples de widgets PDF Viewer sur un site Web (Top 8)","isPartOf":{"@id":"https:\/\/elfsight.com\/fr\/#website"},"datePublished":"2020-09-01T10:57:37+00:00","dateModified":"2020-10-21T15:33:40+00:00","description":"TOP 8 exemples de widget PDF du site Web: fichier incorpor\u00e9, menu, manuels, archives, rapports et autres. Exemple de fichiers PDF pour votre site Web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/fr\/pdf-embed-widget\/examples\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/fr\/pdf-embed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/fr\/pdf-embed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/fr\/"},{"@type":"ListItem","position":2,"name":"PDF Embed","item":"https:\/\/elfsight.com\/fr\/pdf-embed-widget\/"},{"@type":"ListItem","position":3,"name":"PDF 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":"2373","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\/2380"}],"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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/comments?post=2380"}],"version-history":[{"count":5,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2380\/revisions"}],"predecessor-version":[{"id":2385,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2380\/revisions\/2385"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/pages\/2374"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/fr\/wp-json\/wp\/v2\/media?parent=2380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}