Lewati ke konten utama

Bagaimana Cara Menggunakan AMP Accordion

S
Ditulis oleh Support Mailtarget
Diperbarui lebih dari 2 bulan yang lalu

Dengan fitur Text Accordion, salah satu komponen AMP (Accelerated Mobile Pages) interaktif kami yang pertama, Anda dapat menyajikan informasi yang banyak dan terorganisir dengan rapi tanpa membanjiri kotak masuk penerima dengan scroll yang panjang.

Text Accordion memungkinkan Anda untuk membuat bagian konten yang dapat diperluas (expandable) dan diciutkan (collapsible), memberikan pengalaman membaca yang lebih interaktif dan terkontrol bagi penerima email Anda.

Apa itu Text Accordion?

Text Accordion adalah komponen AMP yang dirancang untuk mengelola dan menampilkan konten dalam segmen-segmen yang dapat dibuka dan ditutup. Ini sangat ideal untuk email yang mengandung banyak teks, daftar pertanyaan, atau informasi detail yang tidak perlu ditampilkan sekaligus.

Bayangkan:

Alih-alih daftar FAQ yang panjang dan memenuhi layar, Anda dapat menyajikan setiap pertanyaan sebagai judul yang dapat diklik. Ketika penerima mengklik pertanyaan, jawabannya akan "muncul" di bawahnya. Anda dapat membuka beberapa bagian sekaligus, dan bagian yang terbuka sebelumnya tidak akan otomatis tertutup saat Anda membuka yang baru.

Mengapa Menggunakan Text Accordion di Email Anda?

Mengintegrasikan Text Accordion dalam email Anda akan memberikan berbagai manfaat

  • Menghemat Ruang & Menjaga Kerapihan
    Tampilkan konten yang ekstensif tanpa membuat email terlihat berantakan atau terlalu panjang, menjaga layout tetap bersih dan mudah dinavigasi.

  • Meningkatkan Keterlibatan Pelanggan
    Mendorong interaksi aktif dari penerima yang harus mengklik untuk mengungkapkan informasi, membuat mereka merasa lebih terlibat dengan konten Anda.

  • Pengalaman Membaca yang Terkendali
    Penerima dapat memilih informasi apa yang ingin mereka lihat secara mendalam, menciptakan pengalaman yang lebih personal dan efisien.

  • Penyajian Informasi yang Terstruktur
    Sangat cocok untuk konten yang dapat dibagi menjadi sub-bagian atau pertanyaan-jawaban.

Contoh Kasus Penggunaan Text Accordion

Komponen Text Accordion sangat serbaguna dan dapat diterapkan dalam berbagai skenario email marketing Anda:

  • FAQ (Frequently Asked Questions)
    Cara paling umum dan efektif. Sajikan pertanyaan sebagai judul akordion dan jawaban sebagai konten yang diperluas.

  • Detail Produk/Layanan
    Tampilkan ringkasan produk, kemudian gunakan akordion untuk "Spesifikasi Teknis", "Fitur Lengkap", "Cara Penggunaan", atau "Testimoni".

  • Syarat & Ketentuan
    Sajikan S&K yang panjang dalam bagian-bagian yang mudah diakses dan dicari.

  • Daftar Isi untuk Newsletter Panjang
    Jika Anda memiliki newsletter dengan beberapa bagian atau artikel, gunakan akordion sebagai daftar isi yang dapat diklik.

  • Ringkasan Laporan atau Hasil Survei
    Presentasikan poin-poin utama secara singkat, dengan opsi untuk memperluas bagian untuk melihat data atau detail lebih lanjut.

  • Instruksi Bertahap
    Jika Anda memberikan serangkaian instruksi, setiap langkah dapat menjadi bagian akordion yang dapat dibuka satu per satu.

Cara Membuat Text Accordion di MTARGET

Kami telah merancang interface MTARGET agar pembuatan Text Accordion menjadi intuitif:

  1. Pilih Komponen

    Seret dan lepaskan komponen "Text Accordion" ke dalam canvas editor email Anda.

  2. Tambahkan Bagian

    Tambahkan sebanyak mungkin bagian akordion yang Anda butuhkan.

  3. Edit Konten

    Masukkan judul untuk header setiap akordion dan isi konten di bagian body.



  4. Desain Fallback

    Pastikan Anda juga mendesain versi fallback HTML dari konten akordion Anda. Sistem akan menampilkan semua teks secara penuh (tanpa ciut-perluas). Ini memastikan bahwa penerima yang tidak mendukung AMP tetap mendapatkan informasi yang utuh dan tampilan yang bagus.

Pentingnya HTML Fallback untuk Text Accordion Anda

Seperti yang selalu kami tekankan, desain fallback adalah kunci. Untuk komponen Text Accordion, penerima yang tidak dapat merender email AMP akan melihat versi fallback HTML.

  • Jika Fallback Didesain dengan Baik

    Konten akan ditampilkan dalam format yang dapat dibaca, mungkin sebagai daftar teks biasa atau dengan tautan ke detail lebih lanjut di situs web Anda.

  • Jika Fallback Tidak Didesain (Default Sistem)

    Penerima mungkin akan melihat tampilan yang kurang optimal, di mana semua teks mungkin ditampilkan secara berurutan tanpa struktur akordion, atau bahkan tidak sesuai dengan branding Anda.

Kami sangat menganjurkan Anda untuk selalu mendesain fallback Text Accordion agar informatif dan estetis, memastikan pengalaman yang konsisten bagi semua audiens Anda.

Apakah pertanyaan Anda terjawab?