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 countdown dari CountingDownTo.com sangat mirip dengan menyematkan video dari situs web seperti YouTube.com.
- Buka countdown Anda. Untuk membuat yang baru, klik Countdown website di menu di bagian atas halaman. Untuk menemukan countdown yang Anda buat sebelumnya, klik ikon akun (ikon orang) di pojok kanan atas, lalu Countdown saya.
- Klik Sematkan di bawah countdown.
- Salin kode yang muncul di bawah tombol. Jika ada tombol Copy di samping kode, Anda dapat mengkliknya.
- Tempel kode ke situs web atau blog Anda di tempat Anda ingin countdown muncul.
Notion dan Google Sites memerlukan tautan, bukan kode. Editor menampilkan tautan tersebut di bawah kode. Canva memerlukan tautan berbagi countdown Anda: di editor lama, klik Bagikan terlebih dahulu untuk mendapatkannya. Editor baru menampilkannya di bawah tautan untuk Notion dan Google Sites.
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 sendiri. Baris Canvas dan Schoology didasarkan pada log kami, yang menunjukkan countdown dimuat di banyak situs kursus di platform tersebut, dan untuk Canvas juga pada panduan resminya:
| Platform | Countdown live? | Catatan |
|---|---|---|
| WordPress (self-hosted) | Ya | Tambahkan blok Custom HTML di block editor dan tempel kode embed. |
| WordPress.com | Tergantung paket | Paket gratis menghapus iframe. Paket berbayar memerlukan "hosting features" diaktifkan sebelum HTML kustom berfungsi. Info selengkapnya. |
| Squarespace | Ya (paket Core atau lebih tinggi) | Tambahkan blok Code dan tempel kode embed. Memerlukan paket Core atau lebih tinggi, atau paket Business atau Commerce lama. |
| Wix | Ya | Gunakan Tambah Elemen → Embed Code → Popular Embeds → Embed HTML. Atur lebar dan tinggi iframe sesuai countdown Anda agar tidak terpotong atau menampilkan scrollbar. |
| Google Sites | Ya |
Gunakan Insert → Embed. Tempel kode embed di tab Embed code, atau tempel alamat di dalam
src="..."
pada kode embed Anda di tab By URL. Jika alamat itu diakhiri .js, hapus
.js
tersebut.
|
| Shopify | Ya (dengan catatan) | Gunakan bagian tema Custom Liquid. Editor deskripsi produk tidak menyimpan kode embed di semua tema, jadi gunakan juga bagian Custom Liquid di halaman produk. |
| Notion | Ya |
Ketik /embed
dan tempel alamat di dalam src="..."
pada kode embed Anda, bukan link share. Jika alamat itu diakhiri .js, hapus
.js
tersebut.
|
| Canva | Ya, saat dilihat online | Tambahkan aplikasi Embed dan tempel link share countdown Anda. Gambar, PDF, dan video yang diunduh tidak dapat menampilkan countdown yang berjalan. |
| Canvas | Ya | Di Rich Content Editor, pilih Insert → Embed, tempel kode embed, klik Submit, lalu simpan halaman. Langkah ini berasal dari panduan Canvas untuk pengajar. |
| Schoology | Ya (langkah belum diuji) | Countdown tampil di situs Schoology, tetapi kami belum menguji langkah-langkahnya sendiri. Tempel kode embed di tampilan HTML editor. |
| 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. Jika countdown tidak tampil di pratinjau blok, periksa halaman yang sudah dipublikasikan.
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.
Pengguna classic editor: Jika Anda masih menggunakan editor Visual/Text lama, pilih Text (bukan Visual) sebelum menempel.
Sematkan countdown di Squarespace
Squarespace memerlukan paket Core atau lebih tinggi, atau paket Business atau Commerce lama 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 Tambah Elemen → Embed Code → Popular Embeds → Embed HTML. Klik Enter Code, tempel kode embed, lalu klik Apply.
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. Di tab Embed code, tempel kode embed yang kami berikan. Atau, di tab By URL, tempel link embed countdown Anda: alamat di dalam
src="..."
pada kode embed Anda. Jika alamat itu diakhiri .js, hapus
.js
tersebut.
Lalu sesuaikan ukuran kotak embed di halaman agar seluruh countdown terlihat.
Sematkan countdown di Shopify
Tambahkan kode embed ke bagian Custom Liquid di tema Anda (Toko Online → Tema → Sesuaikan → Tambahkan bagian). Countdown akan tampil live di halaman tempat Anda meletakkannya.
Deskripsi produk: editor deskripsi produk tidak menyimpan kode embed di semua tema. Tambahkan bagian Custom Liquid ke template halaman produk sebagai gantinya.
Sematkan countdown di Notion
Di halaman Notion mana pun, ketik /embed
dan tekan Enter. Tempel link embed countdown Anda lalu konfirmasi. Notion hanya menampilkan countdown, dan countdown berjalan live.
Link embed Anda adalah alamat di dalam src="..."
pada kode embed Anda, misalnya https://countingdownto.com/w4/abc123
atau https://w2.countingdownto.com/1234567. Jika kode Anda berupa tag script, hapus
.js
di bagian akhir. Jangan tempel link share atau seluruh kode embed. Seret tepi blok untuk mengubah ukurannya.
Sematkan countdown di Canva
Canva dapat menampilkan countdown live di desain dan situs web Canva yang dilihat secara online. Di editor Canva, buka Apps, pilih Embed, lalu tempel link share countdown Anda.
Jika Canva menampilkan gambar pratinjau diam alih-alih countdown yang dibuat dengan editor baru, tempel link embed-nya: alamat di dalam
src="..."
pada kode embed Anda. Untuk countdown yang dibuat dengan editor lama, gunakan link berbagi; link embed-nya (w2.countingdownto.com) tidak berfungsi di Canva. Gambar, PDF, atau video yang diunduh tidak bisa menampilkan countdown yang berjalan.
Sematkan countdown di Blogger
Di editor postingan, beralih dari Compose view ke HTML view sebelum menempelkan kode embed. Countdown tidak akan muncul saat Anda mengedit postingan. Countdown hanya akan muncul saat Anda memublikasikan atau mempratinjau postingan.
Sematkan countdown di Drupal
Pilih Full HTML di daftar Text format di bawah kolom isi, lalu tempel kode embed. Countdown tidak akan muncul saat Anda mengedit halaman. Countdown hanya akan muncul saat Anda menyimpan atau mempratinjau halaman.
Sematkan countdown di Weebly
Seret elemen Embed Code ke halaman Anda, klik elemen itu dan tempel kode embed. Publikasikan situs Anda untuk melihat countdown.
Sematkan countdown di Joomla!
Klik Toggle Editor di bawah editor artikel agar Anda mengedit HTML biasa, lalu tempel kode embed dan simpan.
Editor TinyMCE bawaan Joomla dapat menghapus tag iframe saat Anda menyimpan. Jika countdown tidak muncul, tempel kode embed ke modul Custom dengan editor dimatikan, atau minta administrator situs Anda untuk mengizinkan iframe di pengaturan plugin TinyMCE.
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 countdown email kami sebagai gantinya. Fitur ini membuat gambar animasi yang ditampilkan oleh sebagian besar aplikasi email.
Menyematkan Email Countdowns
Aplikasi email memblokir iframe, jadi countdown email berupa gambar GIF animasi. Buat satu di halaman countdown email dan klik Tambahkan ke email saya untuk mendapatkan kodenya. Di alat email marketing seperti Mailchimp, Constant Contact, AWeber dan Kit (ConvertKit), tempel kode ke blok HTML atau blok kode. Untuk mengirim countdown dari Gmail atau akun email pribadi lainnya, gunakan Kirimkan hitung mundur ini ke email saya di halaman yang sama dan teruskan email yang Anda terima.
Menggunakan Kajabi? Ikuti panduan timer countdown Kajabi kami.
Gambar menunjukkan sisa waktu saat dimuat. Beberapa aplikasi email memuat gambar lebih awal, jadi gambar bisa menunjukkan waktu yang lebih awal. Tulis juga tanggalnya di teks email Anda.