Cara menyematkan countdown di situs web Anda
Jika Anda menggunakan perangkat lunak manajemen konten atau blogging seperti Blogger, WordPress, Drupal, atau sejenisnya, Anda harus memastikan bahwa Anda mengedit konten dalam mode HTML saat menempelkan kode embed.
Menyematkan widget countdown dari CountingDownTo.com sangat mirip dengan menyematkan video dari situs web seperti YouTube.com. Di CountingDownTo.com, temukan countdown yang ingin Anda sematkan dengan mengklik "My countdowns" lalu mengklik nama countdown yang ingin Anda sematkan. Alternatifnya, Anda dapat membuat widget countdown baru dengan mengklik "New countdown". Di bawah countdown Anda akan melihat tombol berlabel "Embed on your site". Klik tombol itu. Beberapa kode html akan ditampilkan di bawah tombol. Kode akan terlihat seperti tangkapan layar di bawah. Salin kode dan tempel ke situs web atau blog Anda.
Jika Anda telah mengikuti petunjuk di halaman ini tetapi masih belum dapat menyematkan countdown Anda, silakan hubungi kami untuk bantuan.
Platform mana yang dapat menyematkan countdown live?
Sebagian besar situs yang memungkinkan Anda menempelkan HTML kustom atau URL iframe akan menampilkan countdown Anda secara live dan berjalan. Beberapa alat page-builder dan desain memblokir iframe sepenuhnya. Berikut yang telah kami verifikasi langsung:
| Platform | Countdown live? | Catatan |
|---|---|---|
| WordPress (self-hosted) | Ya | Tambahkan blok Custom HTML di block editor dan tempel kode embed. Atau gunakan plugin WordPress kami saat dirilis. |
| WordPress.com | Tergantung paket | Paket gratis menghapus iframe. Paket berbayar memerlukan "hosting features" diaktifkan sebelum HTML kustom berfungsi. Info selengkapnya. |
| Squarespace | Ya (Business plan+) | Tambahkan blok Code dan tempel kode embed. Memerlukan Business plan atau lebih tinggi. |
| Wix | Ya | Gunakan elemen Embed HTML. Atur lebar dan tinggi iframe agar sesuai dengan countdown Anda sehingga tidak terpotong atau menampilkan scrollbar. |
| Google Sites | Ya | Gunakan Insert → Embed dan tempel kode embed atau URL iframe. |
| Shopify | Ya (dengan catatan) | Berfungsi melalui Custom Liquid tema atau bagian HTML kustom. Tidak berfungsi di deskripsi produk (Shopify menghapus iframe di sana). |
| Notion | Ya |
Ketik /embed
dan tempel link langsung /w4/
countdown Anda (bukan link share biasa).
|
| Canva | Tidak | Canva tidak mendukung iframe atau embed eksternal live. Ini keterbatasan Canva, bukan kesalahan Anda. |
| Blogger, Drupal, Weebly, Joomla! | Ya | Tempel kode embed sebagai HTML kustom/mentah — lihat petunjuk khusus platform di bawah. |
| Facebook, WhatsApp, YouTube | Tidak | Platform ini tidak mengizinkan embed iframe pihak ketiga. Bagikan link ke halaman countdown yang dipublikasikan sebagai gantinya. |
| Email clients | Tidak (gunakan GIF) | Email client memblokir iframe. Gunakan email GIF countdown kami sebagai gantinya. |
Sematkan countdown di WordPress
WordPress self-hosted: Di block editor, tambahkan blok Custom HTML (+ → cari "Custom HTML") dan tempel kode embed yang kami berikan. Countdown tidak akan muncul di pratinjau editor — publikasikan atau pratinjau halaman untuk melihatnya.
WordPress.com: Situs WordPress.com gratis tidak mendukung iframe (info selengkapnya). Di paket berbayar Anda harus mengaktifkan hosting features sebelum blok Custom HTML akan merender iframe. Kami akan memperbarui halaman ini saat plugin WordPress kami dirilis.
Pengguna classic editor: Jika Anda masih menggunakan editor Visual/HTML lama, pilih HTML (bukan Visual) sebelum menempel. Untuk block editor, video ini menjelaskan pendekatan Custom HTML:
Sematkan countdown di Squarespace
Squarespace memerlukan Business plan atau lebih tinggi untuk menyematkan kode kustom. Edit halaman Anda, klik + untuk menambahkan blok, cari Code, dan tempel kode embed ke blok Code. Simpan dan pratinjau — countdown seharusnya berjalan live di halaman yang dipublikasikan.
Sematkan countdown di Wix
Di editor Wix, klik + Add Elements → Embed Code → Embed HTML. Tempel kode embed dan klik Update.
Penting — ukuran iframe:
Jika countdown terpotong atau menampilkan scrollbar, buka pengaturan elemen embed dan atur lebar serta tinggi agar sesuai dengan dimensi di kode embed Anda (biasanya lebar dan tinggi yang sama dengan tag
<iframe>
). Wix tidak selalu menyesuaikan ukuran iframe yang disematkan secara otomatis.
Tonton video singkat yang menunjukkan cara menambahkan countdown ke Wix.
Sematkan countdown di Google Sites
Saat mengedit situs Anda, klik Insert → Embed. Pilih Embed code dan tempel kode embed yang kami berikan. Sesuaikan ukuran kotak embed di halaman agar seluruh countdown terlihat.
Sematkan countdown di Shopify
Tambahkan kode embed ke bagian Custom Liquid atau blok HTML kustom di tema Anda (Online Store → Themes → Customize → Add section). Countdown akan ditampilkan live di halaman tempat Anda menempatkannya.
Deskripsi produk tidak berfungsi: Shopify menghapus HTML iframe dari deskripsi produk — ini pembatasan platform, bukan keterbatasan CountingDownTo. Gunakan landing page, deskripsi koleksi, atau bagian halaman kustom sebagai gantinya.
Sematkan countdown di Notion
Di halaman Notion mana pun, ketik /embed
dan tekan Enter. Tempel link langsung countdown Anda (URL /w4/
dari panel embed, bukan link share biasa). Notion akan meng-iframe widget countdown saja.
Canva — saat ini tidak memungkinkan
Editor situs web dan desain Canva tidak mendukung embed iframe atau widget eksternal live. Menempel kode embed atau link kami tidak akan menghasilkan countdown yang berjalan. Jika Canva menambahkan dukungan iframe atau gambar URL eksternal di masa depan, kami akan memperbarui halaman ini.
Sematkan countdown di Blogger
Pastikan Anda memilih "Edit HTML" NOT "Compose" sebelum menempelkan kode embed ke blog Blogger Anda. Ingat bahwa countdown tidak akan muncul saat Anda mengedit postingan. Countdown hanya akan muncul saat Anda mempublikasikan atau mempratinjau postingan.
Sematkan countdown di Drupal
Pastikan Anda memilih "Full HTML" di pengaturan "Input format" sebelum menempelkan kode embed ke situs Drupal Anda. Ingat bahwa countdown tidak akan muncul saat Anda mengedit halaman. Countdown hanya akan muncul saat Anda menyimpan atau mempratinjau halaman.
Sematkan countdown di Weebly
Gunakan elemen Custom HTML untuk menyematkan widget countdown di situs Weebly Anda.
Sematkan countdown di Joomla!
Lihat petunjuk ini untuk menyematkan countdown di Joomla!
Editor TinyMCE default Joomla mungkin menghapus atau menulis ulang tag iframe saat Anda menyimpan. Jika countdown tidak muncul, coba nonaktifkan editor WYSIWYG untuk artikel tersebut, atau gunakan modul Mod HTML untuk menempatkan kode embed secara langsung.
Platform yang tidak mendukung embed iframe
Platform berikut tidak dapat menampilkan countdown iframe live, apa pun kode embed yang Anda gunakan:
- Facebook — bagikan link ke halaman countdown yang dipublikasikan sebagai gantinya.
- WhatsApp — bagikan link; WhatsApp tidak merender HTML yang disematkan.
- YouTube — halaman channel YouTube dan deskripsi video tidak mendukung iframe pihak ketiga.
- Email clients — Gmail, Outlook, Mailchimp, dan aplikasi email lainnya memblokir iframe demi keamanan. Gunakan fitur email GIF countdown kami sebagai gantinya — fitur ini menghasilkan gambar animasi yang berfungsi di hampir semua email client.
Menyematkan Email Countdowns
Kirim countdown dengan Mailchimp