{"id":3479,"date":"2019-04-30T12:22:13","date_gmt":"2019-04-30T12:22:13","guid":{"rendered":"https:\/\/elfsight.com\/pl\/?page_id=3479"},"modified":"2024-05-06T17:32:11","modified_gmt":"2024-05-06T17:32:11","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/pl\/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\">Przyk\u0142ad 1: Plik PDF<\/h3><div class=\"application-examples-item-description\">Na stronie w pe\u0142nym widoku umieszczono atrakcyjny przepis w formacie PDF. U\u017cytkownicy mog\u0105 go czyta\u0107 na stronie i pobra\u0107, je\u015bli jest to konieczne, za pomoc\u0105 etykiety Pobierz w prawym g\u00f3rnym rogu. Uk\u0142ad Widza plik\u00f3w umo\u017cliwia r\u00f3wnie\u017c przewijanie i przybli\u017canie.<\/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><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\">Przyk\u0142ad 2: Dokument Word<\/h3><div class=\"application-examples-item-description\">Z naszym wid\u017cetem mo\u017cna udost\u0119pnia\u0107 rozszerzone dokumenty wielostronicowe i pozwoli\u0107 u\u017cytkownikom przegl\u0105da\u0107 je do ko\u0144ca bezpo\u015brednio na stronie internetowej. Opcje przewijania i przybli\u017cania r\u00f3wnie\u017c dzia\u0142aj\u0105, dla wygody u\u017cytkowania. Klikni\u0119cie ikony wy\u015bwietlania w nowej karcie przegl\u0105darki otwiera dokument.<\/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><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\">Przyk\u0142ad 3: Tabela Excel<\/h3><div class=\"application-examples-item-description\">W tym przyk\u0142adzie wid\u017cet s\u0142u\u017cy do zintegrowania pliku Excel w stronie internetowej. Uk\u0142ad Widza plik\u00f3w pozwala u\u017cytkownikom sprawdzi\u0107 dokument do ko\u0144ca bezpo\u015brednio na stronie internetowej. Wid\u017cet zachowuje wszystkie oryginalne funkcje dokumentu, dlatego arkusze Excela s\u0105 tutaj w uk\u0142adzie albumu.<\/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><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\">Przyk\u0142ad 4: Prezentacja PowerPoint<\/h3><div class=\"application-examples-item-description\">Mo\u017cesz uatrakcyjni\u0107 zawarto\u015b\u0107 swojej witryny, pokazuj\u0105c prezentacje PowerPoint. Jak wida\u0107 tutaj, dokument jest wy\u015bwietlany w pe\u0142nym widoku ze wszystkimi obrazami i diagramami, umo\u017cliwiaj\u0105c przewijanie, przybli\u017canie i paginacj\u0119. U\u017cytkownicy mog\u0105 r\u00f3wnie\u017c pobra\u0107 plik, klikaj\u0105c etykiet\u0119 Pobierz.<\/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><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\/pl\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Zacznij od stworzenia swojego wid\u017cetu\">\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\">Zacznij od stworzenia swojego wid\u017cetu<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Szybko. \u0141atwo. Bez kodowania.<\/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\">Utw\u00f3rz wid\u017cet<\/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><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\">Przyk\u0142ad 5: Menu restauracji<\/h3><div class=\"application-examples-item-description\">Ten przyk\u0142ad pokazuje dokumenty prezentowane za pomoc\u0105 niestandardowych ikon, kt\u00f3re odzwierciedlaj\u0105 tre\u015b\u0107 i pasuj\u0105 do koncepcji witryny. Wid\u017cet utworzy\u0142 wystarczaj\u0105c\u0105 jednostk\u0119 tre\u015bci dzi\u0119ki niestandardowemu kolorowi t\u0142a ka\u017cdego kafelka dokumentu. Ka\u017cdy kafelek jest klikalny i otwiera si\u0119 w nowej karcie przegl\u0105darki po klikni\u0119ciu.<\/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><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\">Przyk\u0142ad 6: Instrukcje produktu<\/h3><div class=\"application-examples-item-description\">Utw\u00f3rz siatk\u0119 dokument\u00f3w, aby dostarczy\u0107 klientom wszystkich niezb\u0119dnych informacji na temat swoich produkt\u00f3w. Ikony tematyczne wizualnie r\u00f3\u017cnicuj\u0105 produkty i u\u0142atwiaj\u0105 nawigacj\u0119. Siatka ma automatyczne roz\u0142o\u017cenie kolumn, co oznacza, \u017ce liczba kolumn zostanie ustawiona automatycznie, na podstawie dost\u0119pnej szeroko\u015bci.<\/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><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\">Przyk\u0142ad 7: Biblioteczka<\/h3><div class=\"application-examples-item-description\">Tutaj projekt wid\u017cetu jest ca\u0142kowicie zmieniony, aby stworzy\u0107 atrakcyjn\u0105 jednostk\u0119 tre\u015bci pasuj\u0105c\u0105 do witryny. T\u0142o wid\u017cetu i nazwy oraz linki do plik\u00f3w s\u0105 kolorowane w unikalny spos\u00f3b; ok\u0142adki ksi\u0105\u017cek s\u0142u\u017c\u0105 jako ikony dokument\u00f3w, a wid\u017cet ma niestandardow\u0105 szeroko\u015b\u0107.<\/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> <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\">Przyk\u0142ad 8: Archiwum magazynu<\/h3><div class=\"application-examples-item-description\">Wid\u017cet Elfsight pozwala opublikowa\u0107 archiwum dokument\u00f3w i umo\u017cliwi\u0107 wygodn\u0105 nawigacj\u0119. W tym przyk\u0142adzie nazwy wyda\u0144 magazynu pokazuj\u0105 dat\u0119 publikacji dla szybszego wyszukiwania. Pod ka\u017cdym plikiem znajduje si\u0119 przycisk Pobierz.<\/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><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\">Przyk\u0142ad 9: Pobieranie<\/h3><div class=\"application-examples-item-description\">Je\u015bli istnieje potrzeba zintegrowania plik\u00f3w na stronie w czysty, umiarkowany spos\u00f3b, wid\u017cet pomo\u017ce ci w tym r\u00f3wnie\u017c. W tym przyk\u0142adzie mo\u017cesz zobaczy\u0107 minimalistyczn\u0105 i czyst\u0105 list\u0119 bez niczego dodatkowego, opr\u00f3cz niestandardowego nag\u0142\u00f3wka i nazw plik\u00f3w z rozszerzeniami.<\/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\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":3428,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"class_list":["post-3479","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>The best File Embed widget examples on a Website (TOP 9)<\/title>\n<meta name=\"description\" content=\"TOP 9 website File Viewer &amp; Embed examples: PDF, Word, Excel, PowerPoint, Manuals, Downloads and other templates. Sample File widget for your website.\" \/>\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\/pl\/file-embed-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The best File Embed widget examples on a Website (TOP 9)\" \/>\n<meta property=\"og:description\" content=\"TOP 9 website File Viewer &amp; Embed examples: PDF, Word, Excel, PowerPoint, Manuals, Downloads and other templates. Sample File widget for your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pl\/file-embed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PL\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-06T17:32:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuty\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The best File Embed widget examples on a Website (TOP 9)","description":"TOP 9 website File Viewer & Embed examples: PDF, Word, Excel, PowerPoint, Manuals, Downloads and other templates. Sample File widget for your website.","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\/pl\/file-embed-widget\/examples\/","og_locale":"pl_PL","og_type":"article","og_title":"The best File Embed widget examples on a Website (TOP 9)","og_description":"TOP 9 website File Viewer & Embed examples: PDF, Word, Excel, PowerPoint, Manuals, Downloads and other templates. Sample File widget for your website.","og_url":"https:\/\/elfsight.com\/pl\/file-embed-widget\/examples\/","og_site_name":"Elfsight PL","article_modified_time":"2024-05-06T17:32:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"3 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pl\/file-embed-widget\/examples\/","url":"https:\/\/elfsight.com\/pl\/file-embed-widget\/examples\/","name":"The best File Embed widget examples on a Website (TOP 9)","isPartOf":{"@id":"https:\/\/elfsight.com\/pl\/#website"},"datePublished":"2019-04-30T12:22:13+00:00","dateModified":"2024-05-06T17:32:11+00:00","description":"TOP 9 website File Viewer & Embed examples: PDF, Word, Excel, PowerPoint, Manuals, Downloads and other templates. Sample File widget for your website.","breadcrumb":{"@id":"https:\/\/elfsight.com\/pl\/file-embed-widget\/examples\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pl\/file-embed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pl\/file-embed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pl\/"},{"@type":"ListItem","position":2,"name":"File Embed","item":"https:\/\/elfsight.com\/pl\/file-embed-widget\/"},{"@type":"ListItem","position":3,"name":"File Embed &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/pl\/#website","url":"https:\/\/elfsight.com\/pl\/","name":"Elfsight PL","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"3361","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\/pl\/wp-json\/wp\/v2\/pages\/3479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/comments?post=3479"}],"version-history":[{"count":2,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/3479\/revisions"}],"predecessor-version":[{"id":3772,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/3479\/revisions\/3772"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/3428"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/media?parent=3479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}