{"id":9935,"date":"2026-03-31T02:15:15","date_gmt":"2026-03-31T02:15:15","guid":{"rendered":"https:\/\/blog.flipbuilder.com\/how-to-embed-digital-catalog-on-website\/9935\/"},"modified":"2026-06-23T07:55:07","modified_gmt":"2026-06-23T07:55:07","slug":"how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work","status":"publish","type":"post","link":"https:\/\/blog.flipbuilder.com\/id\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/","title":{"rendered":"Cara Menyematkan Katalog Digital di Situs Web Anda: 5 Metode yang Berhasil"},"content":{"rendered":"<p>Menyematkan katalog digital langsung di situs web Anda memungkinkan pengunjung untuk menelusuri produk, melihat-lihat halaman, dan mengklik untuk membeli \u2014 semuanya tanpa meninggalkan domain Anda. Tidak seperti PDF statis yang memerlukan pengunduhan, katalog yang disematkan dimuat secara instan, berfungsi di perangkat apa pun, dan membuat pembeli tetap tertarik jauh lebih lama. Dalam panduan ini, Anda akan mempelajari lima metode penyematan yang telah terbukti, melihat contoh kode nyata yang dapat Anda salin, dan menemukan trik optimasi yang membedakan katalog biasa dari katalog yang menghasilkan konversi tinggi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Why Embed a Digital Catalog Instead of Linking to a PDF?<\/h2>\n\n\n\n<p>Sebelum membahas caranya, mari kita bahas alasannya. Bisnis yang beralih dari PDF yang dapat diunduh ke katalog digital yang disematkan secara konsisten melihat peningkatan di tiga area:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Durasi sesi lebih lama<\/strong> \u2014 Flipbook interaktif membuat pengunjung tetap berada di halaman Anda 3\u20135 kali lebih lama daripada tautan unduhan PDF.<\/li>\n\n\n\n<li><strong>Tingkat pentalan yang lebih rendah<\/strong> \u2014 Saat konten dimuat di dalam halaman, pengunjung akan tetap tinggal untuk menjelajahinya daripada pergi setelah muncul permintaan pengunduhan.<\/li>\n\n\n\n<li><strong>Analisis yang lebih baik<\/strong> \u2014 Katalog terintegrasi memungkinkan Anda melacak tampilan halaman, rasio klik-tayang pada tautan produk, dan waktu yang dihabiskan per halaman.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2023\/09\/interactive-digital-catalog.jpg\" alt=\"Katalog digital interaktif yang ditampilkan di layar.\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Katalog terintegrasi juga meningkatkan SEO Anda. Mesin pencari dapat mengindeks konten yang ditampilkan di dalam iframe dan widget JavaScript, sehingga halaman produk Anda mendapatkan cakupan kata kunci tambahan. Alat seperti <a href=\"https:\/\/fliphtml5.com\/\" target=\"_blank\" rel=\"noopener\">BalikHTML5<\/a> Menghasilkan katalog dengan lapisan teks yang tetap dapat diindeks bahkan setelah disematkan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Step 1: Create Your Digital Catalog<\/h2>\n\n\n\n<p>Anda memerlukan katalog digital sebelum dapat menyematkannya. Jika Anda belum membuatnya, berikut adalah jalur tercepatnya:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Siapkan PDF Anda<\/strong> \u2014 Ekspor tata letak katalog Anda dari InDesign, Canva, atau alat desain apa pun sebagai PDF beresolusi tinggi.<\/li>\n\n\n\n<li><strong>Unggah ke platform buku flipbook<\/strong> \u2014 Layanan seperti <a href=\"https:\/\/www.flipbuilder.com\/\" target=\"_blank\" rel=\"noopener\">FlipBuilder<\/a> dan <a href=\"https:\/\/fliphtml5.com\/features\/\" target=\"_blank\" rel=\"noopener\">BalikHTML5<\/a> Konversikan PDF menjadi buku digital interaktif dengan efek membalik halaman yang realistis.<\/li>\n\n\n\n<li><strong>Tambahkan elemen interaktif<\/strong> \u2014 Sisipkan tautan produk yang dapat diklik, video tersemat, pop-up gambar, dan tombol belanja langsung ke halaman katalog Anda.<\/li>\n\n\n\n<li><strong>Publikasikan dan dapatkan kode sematan.<\/strong> \u2014 Setelah dipublikasikan, platform akan menghasilkan kode sematan yang dapat Anda tempelkan ke situs web Anda.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2023\/09\/Import-Your-Catalog-Content.jpg\" alt=\"Impor konten katalog untuk membuat buku digital interaktif (flipbook).\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Untuk penjelasan lebih mendalam tentang pembuatan katalog, lihat panduan lengkap kami tentang hal ini. <a href=\"https:\/\/blog.flipbuilder.com\/id\/how-to-create-digital-catalogs\/9885\/\" target=\"_blank\" rel=\"noopener\">Cara membuat katalog digital<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Step 2: Choose Your Embedding Method<\/h2>\n\n\n\n<p>Ada lima cara utama untuk menyematkan katalog digital di situs web. Metode terbaik bergantung pada platform Anda, tingkat keahlian teknis, dan persyaratan desain.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Method 1: iFrame Embed (Most Common)<\/h3>\n\n\n\n<p>Metode iframe berfungsi di hampir semua platform situs web \u2014 WordPress, Shopify, Wix, Squarespace, dan situs HTML kustom. Setelah mempublikasikan katalog Anda di FlipHTML5 atau FlipBuilder, Anda akan menerima cuplikan iframe seperti ini:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;iframe src=\"https:\/\/online.fliphtml5.com\/your-catalog\/\" \n  width=\"100%\" height=\"600\" \n  frameborder=\"0\" allowfullscreen&gt;&lt;\/iframe&gt;<\/code><\/pre>\n\n\n\n<p>Tempelkan kode ini ke dalam blok HTML di halaman mana pun tempat Anda ingin katalog tersebut muncul. <code>lebar=&quot;100%&quot;<\/code> atribut tersebut memastikan bahwa ia mengisi wadah, sementara <code>tinggi=&quot;600&quot;<\/code> Mengontrol ruang vertikal. Sesuaikan tinggi berdasarkan tata letak Anda \u2014 500\u2013800px cocok untuk sebagian besar desain.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Method 2: JavaScript Widget Embed<\/h3>\n\n\n\n<p>Beberapa platform menawarkan cuplikan JavaScript ringan sebagai pengganti iframe. Keuntungannya? Widget tersebut secara otomatis menyesuaikan diri dengan tinggi konten dan seringkali memuat lebih cepat karena tidak membuat konteks penjelajahan terpisah.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div id=&quot;catalog-container&quot;&gt;&lt;\/div&gt;\n&lt;script src=&quot;https:\/\/online.fliphtml5.com\/widget.js&quot;&gt;&lt;\/script&gt;\n&lt;script&gt;\n  FlipHTML5.init({ container: &#039;#catalog-container&#039;, bookId: &#039;your-id&#039; });\n&lt;\/script&gt;<\/code><\/pre>\n\n\n\n<p>Metode ini ideal untuk aplikasi satu halaman dan situs yang menerapkan pembatasan iframe.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Method 3: WordPress Plugin or Shortcode<\/h3>\n\n\n\n<p>Jika Anda menjalankan situs WordPress, banyak platform flipbook menyediakan plugin khusus. Setelah menginstal plugin, Anda cukup menggunakan shortcode seperti ini: <code>[flipbook id=&quot;123&quot;]<\/code> di editor postingan atau halaman Anda. Plugin ini menangani ukuran responsif, lazy loading, dan caching secara otomatis.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2023\/09\/Publish-and-Share-Your-Catalog.jpg\" alt=\"Publikasikan dan bagikan katalog digital Anda dari platform ini.\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Method 4: Direct Link with Lightbox Pop-up<\/h3>\n\n\n\n<p>Ingin pengunjung melihat katalog dalam tampilan layar penuh tanpa meninggalkan halaman? Gunakan pendekatan lightbox:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=&quot;https:\/\/online.fliphtml5.com\/your-catalog\/&quot; \n   class=&quot;lightbox-trigger&quot; data-type=&quot;iframe&quot;&gt;\n   Lihat Katalog Produk Kami\n&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Padukan ini dengan pustaka lightbox (Fancybox, Magnific Popup, atau Lightbox2) untuk membuka katalog dalam overlay yang bebas gangguan. Ini sangat efektif untuk halaman arahan (landing page) di mana Anda ingin meminimalkan kekacauan navigasi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Method 5: API-Based Custom Integration<\/h3>\n\n\n\n<p>Untuk kontrol maksimal, pengguna tingkat lanjut dapat memanfaatkan API platform untuk mengambil data katalog dan menampilkan halaman dalam antarmuka khusus. Pendekatan ini cocok untuk situs perusahaan yang membutuhkan integrasi mendalam dengan basis data produk, sistem CRM, atau dasbor analitik khusus.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Step 3: Optimize for Mobile and Speed<\/h2>\n\n\n\n<p>Lebih dari 601.260 TB lalu lintas web berasal dari perangkat seluler, jadi katalog tersemat Anda harus terlihat dan berfungsi dengan baik di layar yang lebih kecil.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2023\/09\/Customize-Your-Catalog.jpg\" alt=\"Sesuaikan katalog digital Anda untuk berbagai perangkat.\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Responsive Sizing<\/h3>\n\n\n\n<p>Bungkus iframe Anda dalam kontainer responsif untuk mempertahankan rasio aspek yang benar di berbagai ukuran layar:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div style=&quot;position:relative; padding-bottom:75%; height:0; overflow:hidden;&quot;&gt;\n  &lt;iframe src=&quot;https:\/\/online.fliphtml5.com\/your-catalog\/&quot; \n    style=&quot;position:absolute; top:0; left:0; width:100%; height:100%;&quot; \n    frameborder=&quot;0&quot; allowfullscreen&gt;&lt;\/iframe&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>Trik CSS ini memastikan katalog mempertahankan rasio 4:3 pada ponsel, tablet, dan desktop tanpa bilah gulir yang mengganggu atau halaman yang terpotong.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Lazy Loading<\/h3>\n\n\n\n<p>Tambahkan <code>loading=&quot;malas&quot;<\/code> Tambahkan atribut ini ke iframe Anda agar browser menunda pemuatan hingga katalog muncul di layar. Ini secara dramatis meningkatkan kecepatan halaman awal, terutama pada halaman dengan banyak elemen yang disematkan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Image Optimization<\/h3>\n\n\n\n<p>Gambar katalog itu sendiri harus dioptimalkan sebelum diunggah. Gunakan format WebP atau JPEG terkompresi, jaga agar ukuran gambar setiap halaman di bawah 300KB, dan biarkan kompresi bawaan platform menangani sisanya. <a href=\"https:\/\/fliphtml5.com\/features\/\" target=\"_blank\" rel=\"noopener\">Mesin penerbitan FlipHTML5<\/a> Secara otomatis menghasilkan beberapa tingkatan resolusi untuk setiap halaman, menyajikan gambar berukuran lebih kecil kepada pengunjung seluler dan versi resolusi penuh kepada pengguna desktop.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Step 4: Add Tracking and Analytics<\/h2>\n\n\n\n<p>Menyematkan katalog Anda hanyalah setengah dari perjuangan. Anda membutuhkan data untuk memahami bagaimana pengunjung berinteraksi dengannya dan produk mana yang paling menarik minat.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2023\/09\/Enhance-with-Multimedia.jpg\" alt=\"Tingkatkan katalog digital dengan multimedia dan pelacakan.\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Google Analytics Integration<\/h3>\n\n\n\n<p>Sebagian besar platform flipbook mendukung integrasi Google Analytics atau Google Tag Manager. Dengan menghubungkan akun analitik Anda, Anda dapat melacak:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Halaman katalog mana yang paling banyak dilihat pengunjung?<\/li>\n\n\n\n<li>Rata-rata waktu yang dihabiskan per halaman.<\/li>\n\n\n\n<li>Rasio klik-tayang pada tautan produk<\/li>\n\n\n\n<li>Titik-titik penurunan tempat pengunjung meninggalkan katalog.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">UTM Parameters for Internal Campaigns<\/h3>\n\n\n\n<p>Saat membuat tautan dari halaman katalog Anda ke halaman produk atau halaman pembayaran, tambahkan parameter UTM untuk melacak atribusi konversi:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>https:\/\/yourstore.com\/product?utm_source=catalog&amp;utm_medium=embed&amp;utm_campaign=spring2026<\/code><\/pre>\n\n\n\n<p>Ini memberi tahu platform analitik Anda secara tepat penjualan mana yang berasal dari katalog tersemat Anda dibandingkan dengan sumber lalu lintas lainnya.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Step 5: Best Practices for Higher Engagement<\/h2>\n\n\n\n<p>Setelah menyematkan ratusan katalog di berbagai industri, beberapa pola secara konsisten menghasilkan hasil yang lebih baik.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Position the Catalog Above the Fold<\/h3>\n\n\n\n<p>Tempatkan katalog yang disematkan di tempat yang langsung terlihat oleh pengunjung \u2014 idealnya di layar pertama konten. Katalog yang terkubur di bawah blok teks panjang mendapatkan 40\u201350 interaksi lebih sedikit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Add a Clear Call-to-Action Around the Embed<\/h3>\n\n\n\n<p>Jangan hanya meletakkan katalog begitu saja di halaman. Berikan konteks di sekitarnya: judul yang menjelaskan isinya, deskripsi singkat tentang apa yang akan ditemukan pengunjung, dan tombol CTA di bawahnya yang mengarah ke koleksi produk atau formulir kontak Anda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Keep Catalog Length Manageable<\/h3>\n\n\n\n<p>Untuk penyematan web, katalog yang lebih pendek (10\u201330 halaman) berkinerja lebih baik daripada yang lebih panjang. Jika katalog lengkap Anda melebihi 50 halaman, pertimbangkan untuk membaginya menjadi bagian-bagian tematik \u2014 koleksi musiman, kategori produk, atau produk baru \u2014 dan sematkan masing-masing bagian di halaman yang relevan. Di sinilah alat seperti ini berperan. <a href=\"https:\/\/fliphtml5.com\/ai\/ai-catalog-maker\/\" target=\"_blank\" rel=\"noopener\">FlipHTML5 Pembuat Katalog AI<\/a> Menghemat waktu berjam-jam dengan secara otomatis menghasilkan bagian katalog yang terfokus dari data produk Anda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Use Clickable Hotspots and Buy Buttons<\/h3>\n\n\n\n<p>Keunggulan terbesar katalog digital dibandingkan katalog cetak adalah interaktivitas. Tambahkan hotspot yang dapat diklik yang terhubung langsung ke halaman produk, keranjang belanja, atau formulir kontak. Sertakan tombol &quot;Beli Sekarang&quot; atau &quot;Tambahkan ke Keranjang&quot; langsung di halaman katalog. Alat seperti <a href=\"https:\/\/id.flipbuilder.com\/flip-pdf-pro\/\" target=\"_blank\" rel=\"noopener\">Flip PDF Pro<\/a> Membuat penambahan elemen interaktif ini menjadi mudah \u2014 tanpa perlu pengkodean.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2023\/05\/Catalog-Generator-FlipHTML5.webp\" alt=\"Generator katalog FlipHTML5 dengan fitur interaktif.\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Platform-Specific Embedding Guides<\/h2>\n\n\n\n<p>Setiap pembuat situs web menangani konten yang disematkan dengan cara yang sedikit berbeda. Berikut adalah petunjuk singkat untuk platform yang paling populer:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">WordPress<\/h3>\n\n\n\n<p>Beralihlah ke \u201cEditor Kode\u201d atau tambahkan blok \u201cHTML Kustom\u201d di Gutenberg. Tempelkan kode iframe Anda. Di Editor Klasik, beralihlah ke tab \u201cTeks\u201d sebelum menempelkan. Banyak platform katalog, termasuk FlipBuilder, juga menawarkan plugin WordPress yang semakin menyederhanakan proses ini.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Shopify<\/h3>\n\n\n\n<p>Buka Toko Online \u2192 Halaman \u2192 Edit. Di editor teks kaya, klik tombol HTML (<code>&lt;\/&gt;<\/code>) dan tempelkan kode iframe Anda. Untuk halaman produk, tambahkan kode sematan ke HTML deskripsi produk.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Wix<\/h3>\n\n\n\n<p>Gunakan widget \u201cKode Sematkan\u201d dari menu \u201cTambah\u201d. Pilih \u201cSematkan Widget\u201d \u2192 \u201cMasukkan Kode\u201d dan tempelkan cuplikan iframe Anda. Wix juga mendukung penyematan lebar penuh jika Anda menyeret widget untuk mengisi lebar halaman.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Squarespace<\/h3>\n\n\n\n<p>Tambahkan blok \u201cKode\u201d ke bagian halaman Anda. Tempelkan kode sematan iframe dan simpan. Squarespace secara otomatis mengisolasi iframe untuk keamanan, jadi pastikan hosting katalog Anda mengizinkan penyematan lintas asal (cross-origin embedding).<\/p>\n\n\n\n<p>Jika Anda mencari inspirasi desain, telusuri <a href=\"https:\/\/fliphtml5.com\/templates\/catalog\/\" target=\"_blank\" rel=\"noopener\">Templat katalog FlipHTML5<\/a> Galeri untuk tata letak siap pakai yang dapat Anda sesuaikan sebelum disematkan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Troubleshooting Common Embedding Issues<\/h2>\n\n\n\n<p>Bahkan penyematan sederhana pun bisa mengalami kendala. Berikut adalah masalah yang paling umum dan solusinya:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Catalog Shows a Blank White Box<\/h3>\n\n\n\n<p>Ini biasanya berarti platform hosting memblokir penyematan iframe. Periksa header X-Frame-Options di katalog. Platform seperti FlipHTML5 mengizinkan penyematan secara default, tetapi jika Anda melakukan hosting sendiri, Anda mungkin perlu mengaturnya. <code>Opsi X-Frame: IZINKAN DARI https:\/\/yoursite.com<\/code> atau gunakan <code>Kebijakan Keamanan Konten<\/code> alih-alih header.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Catalog Loads Slowly<\/h3>\n\n\n\n<p>File katalog berukuran besar menyebabkan pemuatan yang lambat. Kompres PDF sumber Anda sebelum mengunggah, kurangi resolusi gambar menjadi 150 DPI untuk tampilan web, dan aktifkan lazy loading pada iframe Anda. Periksa juga apakah host katalog Anda menggunakan CDN \u2014 baik FlipBuilder maupun FlipHTML5 menyajikan konten melalui jaringan CDN global untuk pemuatan cepat di seluruh dunia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Scrolling Conflicts on Mobile<\/h3>\n\n\n\n<p>Saat iframe dengan tinggi penuh berada di dalam halaman yang dapat digulir, pengguna mungkin &quot;terjebak&quot; saat menggulir di dalam iframe. Atasi ini dengan menambahkan tinggi tetap dengan pembungkus overflow:hidden, atau gunakan tombol &quot;ketuk untuk membuka&quot; yang meluncurkan katalog di tab baru pada perangkat seluler.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Catalog Doesn&#8217;t Display on Certain Browsers<\/h3>\n\n\n\n<p>Beberapa browser lama atau browser yang berfokus pada privasi memblokir cookie dan skrip pihak ketiga. Pastikan URL sematan katalog Anda menggunakan HTTPS. Jika masalah berlanjut, berikan tautan cadangan yang membuka katalog di tab baru.<\/p>\n\n\n\n<p>Untuk informasi lebih lanjut tentang membangun katalog yang efektif, lihat panduan kami tentang... <a href=\"https:\/\/blog.flipbuilder.com\/id\/how-to-create-an-interactive-digital-catalog-to-boost-sales\/6212\/\" target=\"_blank\" rel=\"noopener\">Membuat katalog digital interaktif untuk meningkatkan penjualan.<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Real-World Examples of Embedded Catalogs<\/h2>\n\n\n\n<p>Melihat katalog terintegrasi beraksi membantu memperjelas apa yang berhasil. Berikut tiga contoh kasus yang menunjukkan strategi penyematan yang efektif:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">E-commerce Product Catalog<\/h3>\n\n\n\n<p>Merek fesyen dan perlengkapan rumah tangga menyematkan katalog musiman di bagian utama halaman beranda mereka. Pengunjung dapat menelusuri koleksi pilihan, mengklik gambar produk untuk langsung menuju halaman produk individual, dan membagikan halaman favorit melalui tombol berbagi media sosial bawaan. Lihat contoh-contoh inspiratif dalam rangkuman kami tentang <a href=\"https:\/\/blog.flipbuilder.com\/id\/digital-catalog-examples\/4794\/\" target=\"_blank\" rel=\"noopener\">contoh katalog digital<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">B2B Wholesale Catalog<\/h3>\n\n\n\n<p>Para produsen menyematkan katalog grosir pada halaman arahan yang terkunci. Setelah pembeli masuk atau mengirimkan formulir kontak, mereka dapat mengakses katalog lengkap yang disematkan, termasuk harga, jumlah pesanan minimum, dan tombol &quot;Minta Penawaran&quot; di setiap halaman. Pendekatan ini sangat efektif bagi bisnis yang sedang mencari cara untuk... <a href=\"https:\/\/blog.flipbuilder.com\/id\/how-to-make-product-catalog-online\/9931\/\" target=\"_blank\" rel=\"noopener\">membuat katalog produk secara online<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" data-no-translation=\"\">Marketing Brochure on a Landing Page<\/h3>\n\n\n\n<p>Bisnis jasa menyematkan brosur multi-halaman yang menggabungkan gambaran umum perusahaan, testimoni klien, tingkatan harga, dan formulir kontak \u2014 semuanya dalam widget flipbook interaktif yang membuat pengunjung terus menggulir. Lihat kami <a href=\"https:\/\/blog.flipbuilder.com\/id\/digital-catalog-design-tips-higher-conversions\/9933\/\" target=\"_blank\" rel=\"noopener\">Tips desain katalog digital<\/a> untuk memaksimalkan konversi dengan pendekatan ini.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">SEO Benefits of Embedded Catalogs<\/h2>\n\n\n\n<p>Menyematkan katalog tidak hanya meningkatkan pengalaman pengguna \u2014 tetapi juga secara langsung mendukung strategi optimasi mesin pencari Anda.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Peningkatan waktu tunggu<\/strong> \u2014 Konten interaktif membuat pengunjung tetap berada di halaman lebih lama, sehingga memberi sinyal kepada Google bahwa halaman Anda memberikan nilai tambah.<\/li>\n\n\n\n<li><strong>Sinyal media kaya<\/strong> \u2014 Halaman dengan konten interaktif yang disematkan memiliki peringkat lebih baik di ceruk pasar yang kompetitif karena menawarkan pengalaman yang lebih kaya daripada pesaing yang hanya berupa teks.<\/li>\n\n\n\n<li><strong>Peluang tautan internal<\/strong> \u2014 Setiap halaman katalog dapat ditautkan ke postingan blog, halaman produk, atau halaman kategori yang relevan di situs Anda, sehingga memperkuat struktur tautan internal Anda.<\/li>\n\n\n\n<li><strong>Tingkat pentalan yang berkurang<\/strong> \u2014 Ketika pengunjung langsung menemukan katalog yang menarik, mereka cenderung tidak akan menekan tombol kembali.<\/li>\n<\/ul>\n\n\n\n<p>Untuk informasi lebih lanjut tentang mengoptimalkan katalog Anda untuk mesin pencari, jelajahi <a href=\"https:\/\/fliphtml5.com\/learning-center\/\" target=\"_blank\" rel=\"noopener\">Pusat Pembelajaran FlipHTML5<\/a>yang menawarkan tutorial tentang penerbitan katalog yang interaktif dan ramah SEO.<\/p>\n\n\n\n<p>Jika Anda mencari lebih banyak pilihan desain, jelajahi <a href=\"https:\/\/blog.flipbuilder.com\/id\/free-product-catalog-templates\/6108\/\" target=\"_blank\" rel=\"noopener\">templat katalog produk gratis<\/a> atau <a href=\"https:\/\/blog.flipbuilder.com\/id\/catalog-layout-ideas\/4779\/\" target=\"_blank\" rel=\"noopener\">ide tata letak katalog<\/a> untuk tata letak yang siap pakai.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" data-no-translation=\"\">Start Embedding Your First Catalog Today<\/h2>\n\n\n\n<p>Menyematkan katalog digital di situs web Anda mengubah penelusuran pasif menjadi eksplorasi produk aktif. Baik Anda memilih iframe sederhana, widget JavaScript, atau plugin khusus platform, prosesnya hanya membutuhkan waktu beberapa menit setelah katalog Anda siap.<\/p>\n\n\n\n<p>Berikut ringkasan singkat tentang apa yang harus dilakukan:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Buat katalog Anda menggunakan alat seperti <a href=\"https:\/\/www.flipbuilder.com\/\" target=\"_blank\" rel=\"noopener\">FlipBuilder<\/a> atau <a href=\"https:\/\/fliphtml5.com\/\" target=\"_blank\" rel=\"noopener\">BalikHTML5<\/a>.<\/li>\n\n\n\n<li>Pilih metode penyematan yang sesuai dengan platform situs web Anda.<\/li>\n\n\n\n<li>Optimalkan untuk perangkat seluler dengan kontainer responsif dan lazy loading.<\/li>\n\n\n\n<li>Tambahkan pelacakan untuk mengukur keterlibatan dan konversi.<\/li>\n\n\n\n<li>Ikuti praktik terbaik: penempatan di bagian atas halaman, ajakan bertindak (CTA) yang jelas, dan panjang katalog yang mudah dikelola.<\/li>\n<\/ol>\n\n\n\n<p>Siap membuat katalog digital yang dapat disematkan? <a href=\"https:\/\/fliphtml5.com\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=embed-catalog-guide\" target=\"_blank\" rel=\"noopener\"><strong>Daftar FlipHTML5 gratis<\/strong><\/a> Ubah PDF Anda menjadi katalog interaktif yang dapat disematkan dalam hitungan menit. Tidak perlu pengalaman desain \u2014 cukup unggah, sesuaikan, dan tempel kode sematan di situs Anda.<\/p>","protected":false},"excerpt":{"rendered":"<p>Embedding a digital catalog directly on your website lets visitors browse products, flip through pages, and click to buy \u2014 all without leaving your domain. Unlike static PDFs that require downloads, an embedded catalog loads instantly, works on any device, and keeps shoppers engaged far longer. In this guide, you&#8217;ll learn five proven embedding methods, [&hellip;]<\/p>","protected":false},"author":15,"featured_media":9934,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[324,552,1],"tags":[],"class_list":["post-9935","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-catalogue","category-create-a-digital-catalog","category-digital-publishing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Embed a Digital Catalog on Your Website: 5 Methods That Work - FlipBuilder Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.flipbuilder.com\/id\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Embed a Digital Catalog on Your Website: 5 Methods That Work - FlipBuilder Blog\" \/>\n<meta property=\"og:description\" content=\"Embedding a digital catalog directly on your website lets visitors browse products, flip through pages, and click to buy \u2014 all without leaving your domain. Unlike static PDFs that require downloads, an embedded catalog loads instantly, works on any device, and keeps shoppers engaged far longer. In this guide, you&#8217;ll learn five proven embedding methods, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.flipbuilder.com\/id\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/\" \/>\n<meta property=\"og:site_name\" content=\"FlipBuilder Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-31T02:15:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-23T07:55:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1070\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kikko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kikko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/\"},\"author\":{\"name\":\"Kikko\",\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/person\/f13e62df766ad996637c5909c0add5a7\"},\"headline\":\"How to Embed a Digital Catalog on Your Website: 5 Methods That Work\",\"datePublished\":\"2026-03-31T02:15:15+00:00\",\"dateModified\":\"2026-06-23T07:55:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/\"},\"wordCount\":2002,\"publisher\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#organization\"},\"image\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png\",\"articleSection\":[\"Catalogue\",\"Create a Digital Catalog\",\"Digital Publishing\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/\",\"url\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/\",\"name\":\"How to Embed a Digital Catalog on Your Website: 5 Methods That Work - FlipBuilder Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png\",\"datePublished\":\"2026-03-31T02:15:15+00:00\",\"dateModified\":\"2026-06-23T07:55:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#primaryimage\",\"url\":\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png\",\"contentUrl\":\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png\",\"width\":2048,\"height\":1070},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.flipbuilder.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Embed a Digital Catalog on Your Website: 5 Methods That Work\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#website\",\"url\":\"https:\/\/blog.flipbuilder.com\/tr\/\",\"name\":\"FlipBuilder Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.flipbuilder.com\/tr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#organization\",\"name\":\"FlipBuilder Blog\",\"url\":\"https:\/\/blog.flipbuilder.com\/tr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2022\/07\/logo-2-1-1.png\",\"contentUrl\":\"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2022\/07\/logo-2-1-1.png\",\"width\":190,\"height\":38,\"caption\":\"FlipBuilder Blog\"},\"image\":{\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/person\/f13e62df766ad996637c5909c0add5a7\",\"name\":\"Kikko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0bbf708ffe31c332726cce52b44c60da?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0bbf708ffe31c332726cce52b44c60da?s=96&d=mm&r=g\",\"caption\":\"Kikko\"},\"url\":\"https:\/\/blog.flipbuilder.com\/id\/author\/kikko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Embed a Digital Catalog on Your Website: 5 Methods That Work - FlipBuilder Blog","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:\/\/blog.flipbuilder.com\/id\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/","og_locale":"id_ID","og_type":"article","og_title":"How to Embed a Digital Catalog on Your Website: 5 Methods That Work - FlipBuilder Blog","og_description":"Embedding a digital catalog directly on your website lets visitors browse products, flip through pages, and click to buy \u2014 all without leaving your domain. Unlike static PDFs that require downloads, an embedded catalog loads instantly, works on any device, and keeps shoppers engaged far longer. In this guide, you&#8217;ll learn five proven embedding methods, [&hellip;]","og_url":"https:\/\/blog.flipbuilder.com\/id\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/","og_site_name":"FlipBuilder Blog","article_published_time":"2026-03-31T02:15:15+00:00","article_modified_time":"2026-06-23T07:55:07+00:00","og_image":[{"width":2048,"height":1070,"url":"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png","type":"image\/png"}],"author":"Kikko","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Kikko","Estimasi waktu membaca":"11 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#article","isPartOf":{"@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/"},"author":{"name":"Kikko","@id":"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/person\/f13e62df766ad996637c5909c0add5a7"},"headline":"How to Embed a Digital Catalog on Your Website: 5 Methods That Work","datePublished":"2026-03-31T02:15:15+00:00","dateModified":"2026-06-23T07:55:07+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/"},"wordCount":2002,"publisher":{"@id":"https:\/\/blog.flipbuilder.com\/tr\/#organization"},"image":{"@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png","articleSection":["Catalogue","Create a Digital Catalog","Digital Publishing"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/","url":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/","name":"How to Embed a Digital Catalog on Your Website: 5 Methods That Work - FlipBuilder Blog","isPartOf":{"@id":"https:\/\/blog.flipbuilder.com\/tr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#primaryimage"},"image":{"@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png","datePublished":"2026-03-31T02:15:15+00:00","dateModified":"2026-06-23T07:55:07+00:00","breadcrumb":{"@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#primaryimage","url":"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png","contentUrl":"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2026\/03\/how-to-embed-digital-catalog-on-website.png","width":2048,"height":1070},{"@type":"BreadcrumbList","@id":"https:\/\/blog.flipbuilder.com\/how-to-embed-a-digital-catalog-on-your-website-5-methods-that-work\/9935\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.flipbuilder.com\/"},{"@type":"ListItem","position":2,"name":"How to Embed a Digital Catalog on Your Website: 5 Methods That Work"}]},{"@type":"WebSite","@id":"https:\/\/blog.flipbuilder.com\/tr\/#website","url":"https:\/\/blog.flipbuilder.com\/tr\/","name":"FlipBuilder Blog","description":"","publisher":{"@id":"https:\/\/blog.flipbuilder.com\/tr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.flipbuilder.com\/tr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/blog.flipbuilder.com\/tr\/#organization","name":"FlipBuilder Blog","url":"https:\/\/blog.flipbuilder.com\/tr\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/logo\/image\/","url":"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2022\/07\/logo-2-1-1.png","contentUrl":"https:\/\/blog.flipbuilder.com\/wp-content\/uploads\/2022\/07\/logo-2-1-1.png","width":190,"height":38,"caption":"FlipBuilder Blog"},"image":{"@id":"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/person\/f13e62df766ad996637c5909c0add5a7","name":"Kikko","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.flipbuilder.com\/tr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0bbf708ffe31c332726cce52b44c60da?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0bbf708ffe31c332726cce52b44c60da?s=96&d=mm&r=g","caption":"Kikko"},"url":"https:\/\/blog.flipbuilder.com\/id\/author\/kikko\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/posts\/9935"}],"collection":[{"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/comments?post=9935"}],"version-history":[{"count":2,"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/posts\/9935\/revisions"}],"predecessor-version":[{"id":9994,"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/posts\/9935\/revisions\/9994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/media\/9934"}],"wp:attachment":[{"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/media?parent=9935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/categories?post=9935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.flipbuilder.com\/id\/wp-json\/wp\/v2\/tags?post=9935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}