Card

Di dalam carousel, Anda dapat menambahkan lebih dari satu card yang berisi promosi. Setiap card dapat memuat gambar, judul, deskripsi, dan tombol aksi yang dapat menarik perhatian pelanggan karena mereka dapat menggulir (scroll) antar card untuk melihat berbagai promosi atau informasi sekaligus. Selain itu, carousel juga mendukung penggunaan link atau tombol call-to-action pada tiap card, sehingga mempermudah pengguna untuk langsung berinteraksi dengan promosi yang ditampilkan.

circle-info

Jumlah maksimal card yang dapat Anda buat adalah 10 card

Card Template

Card Header

Pada bagian header card berfungsi untuk menampilkan judul atau informasi utama dari promosi. Anda dapat menggunakan header untuk menarik perhatian pengguna sejak pandangan pertama, sehingga mereka langsung tahu inti dari card yang ditampilkan.

circle-info

Anda dapat mengunggah media sebagai header dengan format JPG atau PNG (maksimal 5 MB) atau video dengan format MP4 (maksimal 16 MB)

Untuk mengupload media, Anda dapat mengklik '+Upload Image' atau '+Upload Video' pada bagian komponen Card Media Header. Ketika media berhasil diupload, Anda dapat melihat seperti yang ditunjukkan gambar berikut.

Card - Header

Card Body Message

Bagian tengah card ini digunakan untuk menampilkan isi utama, seperti deskripsi promosi, detail produk, atau informasi penting lainnya. Anda dapat menambahkan pesan yang jelas dan menarik agar pengguna memahami apa yang ditawarkan dan terdorong untuk berinteraksi.

Card - Body Message

Card Button

Bagian ini adalah tombol aksi pada card yang memungkinkan pengguna melakukan interaksi, seperti membeli produk, melihat detail, atau menuju halaman tertentu. Anda dapat menempatkan tombol dengan jelas agar mudah diakses dan sesuai dengan informasi yang disampaikan di header dan body.

circle-info

Maksimal button yang dapat Anda gunakan adalah 2 button.

Card - Button

Untuk menambahkan card, Anda dapat mengklik tombol '+New Card' yang berada dibawah komponen card seperti yang ditunjukkan gambar berikut.

New Card

Last updated

Was this helpful?