{"id":2748,"date":"2021-03-25T14:09:48","date_gmt":"2021-03-25T14:09:48","guid":{"rendered":"https:\/\/elfsight.com\/pl\/?page_id=2748"},"modified":"2021-03-25T14:18:31","modified_gmt":"2021-03-25T14:18:31","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/pl\/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\">Przyk\u0142ad 1: Osadzanie pliku PDF<\/h3><div class=\"application-examples-item-description\">Zobacz, jak mo\u017cesz \u0142atwo wstawia\u0107 pliki na stronach witryny w pe\u0142nym widoku. Bardzo \u0142atwo jest wy\u015bwietli\u0107 dokument bezpo\u015brednio na stronie, a w razie potrzeby mo\u017cna go r\u00f3wnie\u017c pobra\u0107, korzystaj\u0105c z etykiety Pobierz w prawym g\u00f3rnym rogu. Uk\u0142ad File Viewer umo\u017cliwia tak\u017ce przewijanie i powi\u0119kszanie.<\/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\">Przyk\u0142ad 2: Menu restauracji<\/h3><div class=\"application-examples-item-description\">W tym przyk\u0142adzie do plik\u00f3w s\u0105 do\u0142\u0105czone niestandardowe ikony przedstawiaj\u0105ce zawarto\u015b\u0107 i odzwierciedlaj\u0105ce styl strony. Wid\u017cet wygl\u0105da jak absolutnie integralna jednostka tre\u015bci dzi\u0119ki kolorowi t\u0142a. Kartki s\u0105 w pe\u0142ni klikalne, a u\u017cytkownicy mog\u0105 przegl\u0105da\u0107 menu w nowych kartach przegl\u0105darki.<\/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\">Przyk\u0142ad 3: Instrukcje produkt\u00f3w<\/h3><div class=\"application-examples-item-description\">Utw\u00f3rz siatk\u0119 osadzonych dokument\u00f3w, aby zapewni\u0107 klientom dodatkowe informacje o produktach. Dodanie ikon motyw\u00f3w u\u0142atwi nawigacj\u0119 mi\u0119dzy dokumentami. Siatka zawiera automatyczne rozmieszczenie kolumn, kt\u00f3re roz\u0142o\u017cy dokumenty na kolumny w oparciu o dost\u0119pne miejsce na stronie.<\/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\">Przyk\u0142ad 4: Osadzanie badania naukowego<\/h3><div class=\"application-examples-item-description\">Istnieje prosty spos\u00f3b na udost\u0119pnianie d\u0142ugich, wielostronicowych dokument\u00f3w, aby u\u017cytkownicy mogli je czyta\u0107 bez przerwy na stronie. Wida\u0107, \u017ce dokument mo\u017cna przewija\u0107 i jest tu r\u00f3wnie\u017c opcja paginacji. Nag\u0142\u00f3wek s\u0142u\u017cy do og\u0142oszenia nazwy dokumentu. Wyskakuj\u0105ca ikona w prawym g\u00f3rnym rogu umo\u017cliwia otwarcie dokumentu w nowej karcie.<\/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\">Przyk\u0142ad 5: P\u00f3\u0142k\u0105 z ksi\u0105\u017ckami<\/h3><div class=\"application-examples-item-description\">Tutaj mo\u017cesz zobaczy\u0107, jak widget mo\u017cna ca\u0142kowicie przekszta\u0142ci\u0107 pod wzgl\u0119dem stylu, aby stworzy\u0107 sp\u00f3jn\u0105 jednostk\u0119 tre\u015bci w r\u00f3wnowadze ze stron\u0105. Zmie\u0144 kolor t\u0142a widgetu, kolor tekstu w nazwach plik\u00f3w i link\u00f3w, prze\u015blij zdj\u0119cia dokument\u00f3w, ustaw w\u0142asn\u0105 szeroko\u015b\u0107 widgetu - a otrzymasz niestandardowy projekt, kt\u00f3rego \u017caden u\u017cytkownik nie mo\u017ce przegapi\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=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\/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>\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\">Przyk\u0142ad 6: Archiwum magazynu<\/h3><div class=\"application-examples-item-description\">Porz\u0105dkuj archiwa czasopism, kt\u00f3re s\u0105 wygodne w u\u017cyciu. Ka\u017cdy numer czasopisma jest \u0142adowany z nazw\u0105 wskazuj\u0105c\u0105 rok i miesi\u0105c wydania, dzi\u0119ki czemu mo\u017cna \u0142atwo znale\u017a\u0107 w\u0142a\u015bciwy numer. Nag\u0142\u00f3wek wid\u017cetu zawiera r\u00f3wnie\u017c niestandardowy tekst. Przesy\u0142aj dowoln\u0105 liczb\u0119 plik\u00f3w, a u\u017cytkownicy b\u0119d\u0105 mogli otwiera\u0107 je w nowej karcie. <\/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\">Example 7: Downloads<\/h3><div class=\"application-examples-item-description\">When you don\u2019t want to create a separate content unit with your files, the widget will suit to arrange a simple minimalist list. It looks maximum clean and doesn\u2019t distract attention from other content. Just file names with the extensions, so that users can see file format. Even Download label is removed to achieve the cleanest look 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\">Example 8: Annual Reports<\/h3><div class=\"application-examples-item-description\">In this use-case, the widget is up to the task of creating a simple collection of files for users to download. The files are presented by tiles, each including a PDF icon, which is one of six predefined styles, and a custom name.The tile background color is changed and the full tile space is clickable.<\/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":13,"featured_media":0,"parent":2737,"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>Najlepsze przyk\u0142ady wid\u017cetu osadzanie PDF na stronie internetowej (top 8)<\/title>\n<meta name=\"description\" content=\"Przyk\u0142ady PDF Viewer na stronie www: osadzony plik, menu, podr\u0119czniki, archiwum i inne. Przrobna przegl\u0105darka plik\u00f3w PDF dla Twojej strony.\" \/>\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\/pdf-embed-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Najlepsze przyk\u0142ady wid\u017cetu osadzanie PDF na stronie internetowej (top 8)\" \/>\n<meta property=\"og:description\" content=\"Przyk\u0142ady PDF Viewer na stronie www: osadzony plik, menu, podr\u0119czniki, archiwum i inne. Przrobna przegl\u0105darka plik\u00f3w PDF dla Twojej strony.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pl\/pdf-embed-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PL\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-25T14:18:31+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":"Najlepsze przyk\u0142ady wid\u017cetu osadzanie PDF na stronie internetowej (top 8)","description":"Przyk\u0142ady PDF Viewer na stronie www: osadzony plik, menu, podr\u0119czniki, archiwum i inne. Przrobna przegl\u0105darka plik\u00f3w PDF dla Twojej strony.","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\/pdf-embed-widget\/examples\/","og_locale":"pl_PL","og_type":"article","og_title":"Najlepsze przyk\u0142ady wid\u017cetu osadzanie PDF na stronie internetowej (top 8)","og_description":"Przyk\u0142ady PDF Viewer na stronie www: osadzony plik, menu, podr\u0119czniki, archiwum i inne. Przrobna przegl\u0105darka plik\u00f3w PDF dla Twojej strony.","og_url":"https:\/\/elfsight.com\/pl\/pdf-embed-widget\/examples\/","og_site_name":"Elfsight PL","article_modified_time":"2021-03-25T14:18:31+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\/pdf-embed-widget\/examples\/","url":"https:\/\/elfsight.com\/pl\/pdf-embed-widget\/examples\/","name":"Najlepsze przyk\u0142ady wid\u017cetu osadzanie PDF na stronie internetowej (top 8)","isPartOf":{"@id":"https:\/\/elfsight.com\/pl\/#website"},"datePublished":"2021-03-25T14:09:48+00:00","dateModified":"2021-03-25T14:18:31+00:00","description":"Przyk\u0142ady PDF Viewer na stronie www: osadzony plik, menu, podr\u0119czniki, archiwum i inne. Przrobna przegl\u0105darka plik\u00f3w PDF dla Twojej strony.","breadcrumb":{"@id":"https:\/\/elfsight.com\/pl\/pdf-embed-widget\/examples\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pl\/pdf-embed-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pl\/pdf-embed-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pl\/"},{"@type":"ListItem","position":2,"name":"PDF Embed","item":"https:\/\/elfsight.com\/pl\/pdf-embed-widget\/"},{"@type":"ListItem","position":3,"name":"PDF 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":"required name=search_term_string"}],"inLanguage":"pl-PL"}]}},"meta_box":{"h1":"","h1_caption":"","category":[],"widget_request_title":"","widget_request_cta":"","application":"2736","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\/pl\/wp-json\/wp\/v2\/pages\/2748"}],"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\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/comments?post=2748"}],"version-history":[{"count":6,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/2748\/revisions"}],"predecessor-version":[{"id":2754,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/2748\/revisions\/2754"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/2737"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/media?parent=2748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}