Bagaimana Menyematkan Berkas ke Situs Web: PDF, Docx, Pptx, dll.

Artikel ini membahas Plugin Sematkan Berkas Elfsight untuk mempelajari cara mudah menambahkan berkas Anda ke situs mana pun. Fitur pratinjau pintar dan kemampuan unduh menjamin pengalaman pengguna yang menyenangkan bagi pelanggan Anda.
Lihat pendapat ChatGPT Buka Editor Widget Langsung
How to Embed Any File on Website: PDF, Docx, Pptx etc.

Mulai Gunakan File Viewer Gratis

Widget Penampil Berkas Elfsight adalah cara luar biasa untuk menyisipkan PDF, Docx, Xlsx, presentasi, gambar dan banyak berkas lain dalam berbagai format ke situs web. Ini adalah solusi cerdas dengan fungsi pratinjau dan unduh. Anda dapat menampilkan file PDF Anda atau dokumen lain dengan cara yang menyenangkan untuk menunjukkan kepada pengunjung situs apa isinya.

Plugin Penampil Berkas tidak memerlukan pemrograman, karena Anda mendapatkan kode HTML dari penampil untuk dengan mudah mengintegrasikannya ke halaman situs Anda. Berkas seperti PDF, PPTX, JPEG, dan banyak lainnya akan diunggah dengan cepat ke widget kustom Anda dan Anda dapat memperbarui konten yang ditampilkan di situs secara berkala secara gratis.

Selamat datang! Mulailah dengan mudah menggunakan demo yang intuitif ini:

Buat widget Semat File tanpa kode dalam beberapa langkah

  1. Di demo, Anda bisa memilih template apa saja untuk memulai.
  2. Lalu unggah sumber-sumber dan sesuaikan parameter tata letak serta desain.
  3. Setelah selesai, lanjutkan dengan menerima kode HTML untuk penampil Anda.
  4. Sisipkan ke situs mana pun agar langsung tampil.

Selesai! Sekarang Anda dapatTampilanAndaPDFBerkasdan lainnyadokumendi halaman mana pun milik Andasitus web kustom yang sepenuhnya berfungsi..

FAQ Ringkas: Plugin Penampil Berkas

Menambahkan file PDF dan dokumen lainnya ke situs web mudah dilakukan dengan Elfsight. Namun kami senang menghadirkan daftar FAQ singkat mengenai pengelolaan PDF, Word, Excel, dan dokumen lainnya di situs Anda. Kami akan menjawab beberapa pertanyaan dasar dan memberikan informasi tentang kompatibilitas CMS.

Berbagai Pertanyaan

Apakah widget File gratis?

Harga, kami memiliki tarif gratis untuk File Embed. Rencana tarif gratis mencakup semua template dan memungkinkan Anda mengunggah semua format yang tersedia.

Bagaimana cara mendapatkan kode pemasangan?

Daftar sebagai pengguna Elfsight. Dengan begitu Anda langsung mendapatkan kode HTML gratis untuk plugin File Viewer. Anda bisa mulai membuat plugin sebelum mendaftar di demo kami, atau melakukannya di dashboard jika Anda sudah menjadi pengguna Elfsight.

Bagaimana proses integrasinya secara singkat?

Untuk memasukkan plugin berkas ke dalam struktur situs Anda, ikuti panduan/tutorial berikut:

  1. Pertama, mulailah proses dengan membuka konfigurator untuk mulai merancang alat khusus Anda.
  2. Selanjutnya, lakukan penyesuaian yang diperlukan dan simpan setiap perubahan.
  3. Setelah Anda menyesuaikan plugin sesuai kebutuhan Anda, lanjutkan dengan menyalin potongan kode unik yang muncul.

Selamat! Plugin baru telah berhasil Anda integrasikan ke dalam kerangka situs Anda.

Dapatkah pengunjung situs melihat pratinjau file PDF dan DOCX saya?

Ya. Kami memiliki berbagai templat, termasuk yang memiliki fungsi pratinjau. Gulir, perbesar, dan navigasi halaman juga tersedia untuk semua file PDF Anda, dokumen Word, grafik Excel, gambar, dll. templat

Menambahkan plugin File Viewer ke situs web

Bisakah saya menyematkan plugin File Viewer ke HTML situs WordPress Anda?

Ya. Plugin WordPress File Viewer kami kompatibel dengan platform situs ini dan berfungsi dengan baik di dalamnya. Setelah membuat plugin File Viewer kustom Anda, Anda akan menerima kode HTML untuk halaman situs web Anda. Selanjutnya ikuti saja panduan tentang cara memasukkan aplikasi tersebut ke platform WordPress:

  1. Untuk memulai, masuk ke backend situs WordPress Anda. Setelah masuk, buka bagian “Tampilan”, lalu pilih “Tema”.
  2. Selanjutnya, temukan tema yang ingin Anda sunting. Klik tiga titik terkait tema tersebut, dan dari menu yang muncul, pilih “Edit”.
  3. Sekarang, buka tab ‘Halaman’, lalu pilih halaman tempat Anda ingin meletakkan Penampil Berkas. Setelah memilih halaman, klik opsi templat yang terletak di sisi kanan.
  4. Di dalam editor, tentukan lokasi tepat di mana Anda ingin menampilkan unggahan. Untuk melanjutkan, klik “Tambahkan Blok”.
  5. Dalam daftar blok yang tersedia, gulir ke bawah dan pilih “HTML Kustom”. Sebuah jendela pop-up akan muncul.
  6. Di sini, tempel potongan HTML Anda ke jendela, lalu, tanpa basa-basi lagi, klik ‘Simpan’ untuk menyimpan perubahan Anda.

Selamat! Anda sekarang telah berhasil menambahkan Penampil ke toko WordPress e-commerce Anda. Plugin ini akan menampilkan PDF, DOCX, atau dokumen dan berkas lain pada halaman situs yang diperlukan.

Bisakah saya menambahkan plugin File Viewer ke HTML situs Squarespace?

Tentu. Plugin Penampil Berkas Squarespace dirancang untuk disisipkan secara mulus ke situs Squarespace mana pun. Anda bisa membuat solusi yang disesuaikan dan dengan mudah memasukkan potongan HTML yang Anda terima ke lokasi yang Anda inginkan. Berikut cara melakukannya:

  1. Mulailah dengan masuk ke akun Squarespace Anda. Setelah masuk, pilih situs yang Anda inginkan untuk memiliki aplikasi ini.
  2. Sekarang, buka bagian “Website” di menu sebelah kiri.
  3. Selanjutnya, pilih halaman spesifik tempat Anda ingin menempatkan unggahan. Klik ikon Pengaturan yang terkait dengan halaman tersebut.
  4. Langkah selanjutnya, buka tab Lanjutan. Di sana, tempel kode tersebut, lalu klik Simpan untuk menerapkan perubahan.

Selamat! Anda telah berhasil memasang penampil Anda di area tertentu dari situs Squarespace Anda. Manfaatkan menampilkan berkas seperti PDF, DOCX, XLSX, atau JPEG di halaman situs.

Ingin tahu lebih banyak? Baca panduan kami tentang how to upload files on Squarespace dan kelola mereka di seluruh platform secara profesional.

Bisakah saya menyematkan plugin File Viewer ke HTML situs WIX?

Tentu. Plugin Penampil Berkas Wix kami dapat dibuat dan diintegrasikan ke situs mana pun dengan mudah menggunakan CMS Wix. Plugin ini akan menjaga tampilan berkas dengan benar dan fungsionalitasnya, membantu popularitas situs Anda. Berikut cara memasukkan produk ini ke platform Wix:

  1. Mulailah dengan masuk ke akun Wix Anda dan pilih situs tempat Anda ingin menampilkan aplikasi tersebut. Lalu, klik “Sunting Situs” untuk melanjutkan.
  2. Selanjutnya, temukan ikon “Plus” dan buka bagian “Embed”. Di bagian ini, pilih “Embed a Widget” dari tab “Custom Embeds”.
  3. Sekarang, klik “Masukkan Kode”, tempat Anda bisa menempelkan potongan HTML. Setelah menempel, klik “Perbarui” untuk melanjutkan.
  4. Untuk memastikan penempatan yang tepat, seret penampil ke area yang diinginkan. Sesuaikan ukurannya dengan menariknya hingga bilah gulir tidak lagi terlihat, dan semua informasi yang diperlukan muat dalam blok.
  5. Transisi ke editor seluler juga mudah; cukup klik ikon “Mobile”. Di editor seluler, sesuaikan ukuran sesuai kebutuhan. Terakhir, klik “Publish” untuk menerbitkan perubahan Anda.

Selamat! Dengan mengikuti petunjuk ini, Anda telah berhasil memasukkan Penampil Berkas Anda ke halaman tertentu di situs Wix Anda. Plugin ini akan menampilkan PDF, Docx, Pptx, dan format lainnya sebagaimana dimaksud.

FAQ Bisakah saya menambahkan plugin File Viewer ke HTML situs Webflow?

  1. Mulailah dengan masuk ke akun Webflow Anda dan pilih situs tertentu di mana Anda ingin mengintegrasikan plugin.
  2. Selanjutnya, klik ikon Plus untuk memulai proses. Kemudian, dari menu di sebelah kiri, seret dan lepaskan elemen Embed ke halaman situs tempat Anda ingin menampilkan plugin File Viewer.
  3. Sekarang, tempelkan kode instalasi Anda ke dalam jendela “Editor Kode Semat HTML” yang muncul. Setelah itu, klik “Simpan & Tutup” untuk melanjutkan.
  4. Untuk menyesuaikan pengaturan Anda, buka menu di sisi kanan. Lakukan penyesuaian yang diperlukan, dan ketika Anda puas, klik Publikasikan. Akhirnya, konfirmasikan perubahan Anda dengan memilih Publikasikan ke Domain yang Dipilih.

Selamat! Dengan mengikuti instruksi ini, Anda telah berhasil memasukkan plugin ke situs Webflow Anda. Sekarang Anda bisa mengunggah PDF, DOCX, XLSX, dan format lainnya.

Bisakah saya menyematkan plugin File Viewer ke HTML situs Shopify?

Tentu saja. Plugin Penampil Berkas Shopify kustom Anda akan bekerja di halaman situs mana pun sesuai kebutuhan. Ketika penampil kustom Anda siap, Anda akan menerima fragmen HTML untuk disisipkan ke situs Shopify Anda. Berikut panduan langkah-demi-langkah untuk dengan mudah memasukkan fragmen HTML tersebut:

  1. Mulailih dengan masuk ke panel admin Shopify Anda. Pergi ke “Sales Channels” dan pilih “Online Store”.
  2. Sekarang, klik tombol “Kustomisasi” untuk melanjutkan penyesuaian.
  3. Saat membuka editor visual, Anda akan melihat beranda terbuka secara default. Untuk memilih yang berbeda, temukan itu dalam daftar dropdown di bagian atas halaman.
  4. Untuk mengintegrasikan plugin, lanjutkan ke langkah berikutnya. Klik “Tambahkan Bagian”.
  5. Dari opsi yang tersedia, pilih “Custom Liquid”.
  6. Di dalam kolom “Custom Liquid”, tempel kode pemasangan. Selain itu, Anda bisa menyesuaikan skema warna dan mengatur padding atas/bawah jika perlu. Setelah Anda membuat perubahan yang diinginkan, pastikan untuk menyimpan perubahan tersebut.

Kerja luar biasa! Mengikuti tutorial singkat, Anda telah berhasil menambahkan kode HTML plugin Elfsight File Viewer ke halaman yang diperlukan pada situs Shopify Anda. Sekarang PDF, DOCX, JPEG, dan berkas lainnya dapat ditampilkan di halaman situs dengan cara yang menyenangkan.

Apa Istimewanya Plugin Penampil Berkas Tanpa Kode?

Kami menganalisis kebutuhan pasar dan pengalaman pengguna dari seluruh internet, sehingga kami merancang produk yang berguna dan mudah digunakan. Kami fokus pada fitur-fitur unik untuk pelanggan dari berbagai bidang bisnis, sambil memastikan produk ini menarik dan mudah digunakan bagi pelanggan Anda juga.

Di sini kami sajikan rangkuman manfaat yang Anda peroleh dengan memilih widget File Viewer Elfsight untuk situs Anda. Manfaatnya mencakup tata letak, desain, dan navigasi; pemilihan templat; kompatibilitas CMS; dan masih banyak lagi:

Unggah lebih dari 20 formatBerkaske mana punsitus web kustom yang sepenuhnya berfungsi.Anda dapat dengan mudah menyematkan lebih dari 20 format berkas berbeda, seperti DOCX, XLSX, PDF, PPTX, dan lainnya. Variasi ini memungkinkan Anda menampilkan dokumen teknis, spesifikasi, instruksi, sertifikat, dan berkas penting lainnya langsung di situs Anda.
Pilih dari 3 cara praktis untuk menambahkanBerkasuntukHalaman situsPlugin pengelola berkas kami menyediakan tiga cara praktis untuk menambahkan dokumen dan berkas ke halaman Anda. Anda bisa mengunggah berkas dari komputer Anda, memasukkan URL, atau memilih dari berkas yang baru diunggah di situs, memastikan proses yang mulus dan efisien.
Sesuaikan tata letak Penampil untuk pratinjau langsungDesain plugin File Viewer tanpa kode kami memungkinkan tampil langsung di halaman situs web, dengan fitur seperti gulir, paginasi, zoom, tampilan layar penuh, dan unduhan tersedia bagi pengguna, meningkatkan pengalaman menjelajah di situs Anda.
TampilanaktifBerkasikon dengan tata letak Grid dan DaftarDengan tata letak Grid dan List, Anda bisa menampilkan ikon berkas yang dapat diklik beserta judulnya, memberi pengguna situs opsi untuk membuka berkas di tab browser baru sambil juga menyediakan opsi unduh langsung. Anda memiliki fleksibilitas untuk menampilkan atau menyembunyikan label Unduh untuk antarmuka yang lebih sederhana.
Nikmati kustomisasi penuhBerkasikonWidget kami secara otomatis mengenali format berkas dan menampilkan ikon yang sesuai. Namun, jika Anda menginginkan kustomisasi, Anda bisa mengunggah gambar pratinjau berkas Anda sendiri atau bahkan memilih untuk menyembunyikan ikon sepenuhnya, sehingga berkas dan dokumen hanya ditampilkan berdasarkan judulnya.
Jelajahi 6 elemen antarmuka yang bisa diwarnaiKami memahami pentingnya konsistensi visual. Oleh karena itu, penampil kami menawarkan enam elemen yang bisa diwarnai, memungkinkan Anda menyesuaikan warna nama, latar belakang, tautan unduh, ikon, judul, dan latar belakang agar serasi dengan gaya situs Anda secara keseluruhan.
Sesuaikan ukuran font dan lebarWidget File Viewer tanpa kode dari Elfsight menawarkan serangkaian fitur serbaguna yang memungkinkan Anda dengan mulus menyisipkan dan menyesuaikan file serta dokumen di halaman situs Anda, memberikan pengalaman yang ramah pengguna bagi pengunjung sambil menjaga keserasian desain situs Anda.

Tampilan di Situs Anda

Di bagian ini kami akan mengeksplor beberapa contoh yang kami buat untuk memberi Anda pemahaman yang lebih baik tentang produk ini. Anda dapat menggunakan contoh kami sebagai dasar untuk proyek Anda di masa mendatang.

Contoh 1: Berkas PDF

PDF resep yang menarik terintegrasikan secara mulus, memberikan kemudahan bagi pengguna untuk membacanya langsung di situs. Jika mereka ingin mengunduhnya, mereka bisa melakukannya dengan mudah melalui label Unduh yang terletak di pojok kanan atas. Selain itu, tata letak widget File Viewer menyediakan fungsionalitas menggulir dan memperbesar untuk pengalaman tampilan yang lebih maksimal.

File Embed example 1

Contoh 2: Dokumen Word

Penampil kami memungkinkan Anda membagikan dokumen multi-halaman yang panjang dengan mudah, sehingga pengguna dapat melihatnya secara menyeluruh. Pengguna dapat menggulir dokumen dengan halus dan menggunakan opsi zoom untuk kenyamanan. Selain itu, cukup klik ikon pop-out di pojok kanan atas untuk membuka dokumen di tab browser baru.

File Embed example 2

Contoh 3: Tabel Excel

Dalam kasus ini, penampil berfungsi untuk mengintegrasikan bagan Excel secara mulus ke situs web. Tata letak widget Penampil Berkas memberi pengguna kemampuan untuk meninjau dokumen secara menyeluruh langsung di situs. Yang penting, penampil mempertahankan semua fitur asli dokumen, termasuk lembar Excel, yang ditampilkan dalam tata letak Album di sini.

File Embed example 3

Contoh 4: Presentasi PowerPoint

Anda dapat meningkatkan konten situs Anda dengan menampilkan presentasi PowerPoint. Seperti yang ditunjukkan di sini, presentasi ditampilkan dalam tampilan penuh, lengkap dengan semua gambar dan diagram, memungkinkan pengguna menggulir, memperbesar, dan melakukan paginasi sesuai kebutuhan. Selain itu, pengguna situs dapat dengan mudah mengunduh berkas yang ditampilkan dengan mengklik label Download.

File Embed example 4

Contoh 5: Menu Restoran

Contoh ini menampilkan item dengan ikon khusus yang selaras dengan tema dan konsep situs. Widget ini menciptakan unit konten yang kohesif dengan bantuan warna latar belakang khusus untuk setiap ubin dokumen. Ubin-ubin ini dapat diklik dan akan membuka tab peramban baru saat diklik, menawarkan navigasi yang mulus.

File Embed example 5

Contoh 6: Manual Produk

Pertimbangkan membuat grid untuk memberikan informasi produk yang lengkap bagi pelanggan. Ikon tema membedakan produk secara visual, mempermudah navigasi. Grid ini juga menampilkan distribusi kolom otomatis, menyesuaikan jumlah kolom berdasarkan lebar yang tersedia untuk presentasi yang optimal.

File Embed example 6

Contoh 7: Rak Buku

Dalam kasus ini, desain mengalami transformasi total untuk menciptakan unit konten yang menarik yang selaras dengan estetika keseluruhan situs. Warna latar belakang yang unik, sampul buku sebagai ikon, dan lebar kustom berkontribusi pada tampilan yang menarik secara visual.

File Embed example 7

Contoh 8: Arsip Majalah

Widget Elfsight memungkinkan Anda menerbitkan arsip dokumen PDF dengan navigasi yang ramah pengguna. Dalam contoh ini, judul edisi majalah menampilkan tanggal terbitnya untuk pencarian yang lebih cepat. Setiap edisi dilengkapi tombol Unduh yang nyaman untuk akses mudah.

File Embed example 8

Contoh 9: Unduhan

Jika Anda perlu mengintegrasikan unggahan ke situs web Anda secara mulus dengan tampilan yang bersih dan minimalis, widget kami bisa membantu mewujudkannya. Dalam contoh ini, format daftar yang minimalis dan bersih digunakan di situs web, menampilkan header kustom dan nama file PDF yang sederhana dengan ekstensi.

File Embed example 9

Telusuri Contoh Sematkan Berkas Lainnya

HTML Excel Spreadsheet Uploader template
Membuat Spreadsheet Excel untuk situs web dapat menyajikan kumpulan berkas data yang kompleks dalam format yang menarik dengan pengunggah ini.
Menyematkan tampilan presentasi PPT di situs Anda memudahkan akses ke berkas bagi setiap pengguna.
Tingkatkan keterlibatan pengguna dengan berkas TXT di situs Anda menggunakan templat pengunggah berkas yang praktis ini.
Menyematkan widget Penampil Berkas dapat membantu Anda membagikan spreadsheet XLSX dengan mudah di situs Anda.
Membuat pengalaman yang menarik saat menampilkan berkas di situs web menjadi mudah berkat slideshow PPTX dan presentasi.
HTML Word Document Viewer template
Sematkan Dokumen Word di situs Anda, tambahkan kemudahan dengan plugin penampil berkas ini.
HTML PowerPoint Viewer template
Menambahkan file PowerPoint dengan widget penampil ini memungkinkan pengunjung situs Anda berinteraksi dengan konten Anda secara mulus.
Tidak Ada Template yang Cocok?
Anda bisa dengan mudah menyusun widget yang Anda butuhkan menggunakan konfigurator yang mudah digunakan.

Hasil untuk Bisnis Anda

Widget Penampil Berkas Elfsight gratis adalah alat yang kuat yang memungkinkan bisnis mengunggah berbagai format, termasuk PDF, DOCX, XLSX, JPEG, dan lainnya, langsung ke situs mereka. Widget serbaguna ini tidak hanya menguntungkan bisnis tetapi juga meningkatkan pengalaman pengguna secara keseluruhan, menjadikannya solusi saling menguntungkan bagi semua pemangku kepentingan.

File Embed preview 1
Selain itu, Anda dapat menggabungkan solusi ini dengan produk Elfsight lainnya seperti Google Reviews. Hal ini akan meningkatkan kepercayaan terhadap unggahan Anda di situs web, menunjukkan bahwa bisnis Anda solid dan nyata. Atau mungkin Anda membutuhkan Facebook Feed untuk meningkatkan nuansa situs, mendorong pengunjung menjelajahi materi Anda.

Ringkasan tentang File Embed

Dalam eksplorasi kami terhadap widget File Viewer Elfsight gratis, kami telah menemukan alat yang serba guna dan berharga untuk meningkatkan fungsionalitas serta pengalaman pengguna situs Anda. Berikut rangkuman apa yang telah kami pelajari:

Bagian FAQ: Membuat dan mengelola widget dengan mudah

  • Kami telah memperoleh wawasan berharga tentang cara membuat dan mengelola widget File Viewer dengan mudah, memudahkan unggah PDF dan berbagai dokumen lainnya ke situs mana pun.
  • Widget Elfsight kompatibel dengan semua pembuat situs populer, sehingga Anda bisa dengan mudah mengintegrasikan Penampil Berkas tanpa kode ini secara gratis.

Contoh: Skenario dunia nyata dan kemungkinan kreatif

  • Kami telah mengeksplorasi contoh-contoh praktis yang menunjukkan fleksibilitas widget File Viewer, mulai dari menambahkan manual PDF produk hingga membagikan peta interaktif di situs.
  • Skema-skema ini diilustrasikan dengan tangkapan layar, memberi Anda pemahaman yang jelas tentang bagaimana widget ini bisa mengubah situs Anda.

Manfaat: Memberdayakan bisnis Anda dan memanjakan pengunjung Anda

  • Kami telah mengeksplorasi beragam manfaat yang dibawa Penampil Berkas Elfsight ke situs Anda dan pengunjungnya, termasuk peningkatan pengalaman pengguna, berbagi informasi yang lebih lancar, peningkatan keterlibatan, dan konsistensi merek.
  • Kami juga memberikan kiat tentang cara memanfaatkan Penampil Berkas bersama produk Elfsight lainnya untuk kehadiran online yang lengkap dan mulus.

Kami mengundang Anda untuk mengunjungi Komunitas Elfsight kami, tempat Anda bisa memberi masukan dan komentar tentang segala aspek File Viewer kami. Anda dapat menemukan studi kasus pemilik toko online lain atau membagikan pengalaman Anda sendiri dengan audiens yang ramah dan bersyukur.

File Embed widget Elfsight Community 1

Terima kasih telah meluangkan waktu untuk mengeksplorasi kemampuan widget File Viewer untuk situs web dari Elfsight. 

Jika Anda memiliki pertanyaan lebih lanjut atau membutuhkan bantuan tambahan, jangan ragu untuk mengunjungi Pusat Bantuan kami. Kami di sini untuk membantu Anda memanfaatkan alat yang kuat ini sepenuhnya dan meningkatkan fungsionalitas situs Anda dengan Docx, Xlsx, gambar, dll.

Terima kasih telah memilih Elfsight, selamat datang di dunia peluang tak terbatas untuk bisnis online Anda!

Artikel oleh
Spesialis Konten Teknis
Ivan adalah seorang spesialis konten teknis di Elfsight. Dia menulis panduan API praktis dan dokumentasi pengembang, mencakup integrasi untuk berbagai platform dan alur kerja otomatis yang mengurangi pekerjaan manual.