Pusat pengetahuan/Dokumentasi/Artikel
Dokumentasi

Menggunakan App Embed Extension untuk menampilkan konten dari website

Diperbarui 28 Maret 2025

Menggunakan Ekstensi Mobile App Embed di Evlop

Pendahuluan

Ekstensi Mobile App Embed memungkinkan Anda menyematkan halaman dari website atau website Shopify Anda ke dalam aplikasi mobile Evlop secara mulus. Ekstensi ini hanya menampilkan konten utama halaman web Anda, dan otomatis menyembunyikan header, footer, serta elemen lain yang tidak penting untuk memastikan pengalaman pengguna yang lancar di dalam aplikasi Anda.

Kapan Menggunakannya

  • Menampilkan halaman website kustom atau kompleks dengan cepat tanpa perlu membuatnya ulang.
  • Memastikan konsistensi antara website dan aplikasi mobile Anda.
  • Menyertakan kebijakan, FAQ, atau halaman khusus langsung ke dalam aplikasi.

Cara Kerjanya

Ekstensi ini mengidentifikasi elemen HTML <main> yang berada langsung di dalam tag <body> pada website atau website Shopify Anda, lalu hanya menampilkan konten tersebut di dalam aplikasi dan menyembunyikan semua elemen lainnya. Untuk hasil terbaik, pastikan tema website Anda menempatkan tag <main> langsung di dalam <body>, dengan header dan footer juga berada di dalam tag <body> tetapi di luar <main>.

Pemecahan Masalah

1. Jika tidak ada yang ditampilkan setelah diaktifkan

  • Periksa: Pastikan tema website Anda memiliki tag HTML <main> langsung di dalam <body>, mengelilingi konten utama Anda.
  • Selesaikan: Jika tag <main> tidak ada, tambahkan ke kode tema Anda atau hubungi pengembang tema Anda untuk bantuan.
  • Periksa: Pastikan Mobile App Embed aktif di pengaturan tema Shopify Anda:
    • Buka Shopify Admin > Online Store > Themes > Customize.
    • Navigasi ke Theme Settings > App Embeds.
    • Aktifkan ekstensi Mobile App Embed.
  • Selesaikan: Jika belum diaktifkan, aktifkan dan simpan pengaturan tema.

2. Jika header atau footer masih tampil

  • Periksa: Verifikasi struktur tema website Anda. Header dan footer harus berada di dalam tag <body> tetapi di luar tag <main>.
  • Selesaikan: Sesuaikan struktur tema Anda dengan memindahkan header dan footer ke luar <main>. Jika Anda tidak nyaman mengedit kode, hubungi pengembang tema Anda.

Untuk bantuan lebih lanjut, hubungi Evlop Support.