Cara membenamkan countdown dalam laman web anda
Jika anda menggunakan perisian pengurusan kandungan atau blog seperti Blogger, WordPress, Drupal, atau seumpamanya, anda mesti memastikan anda mengedit kandungan dalam mod HTML apabila menampal kod embed.
Membenamkan widget countdown dari CountingDownTo.com sangat serupa dengan membenamkan video dari laman web seperti YouTube.com. Di CountingDownTo.com, cari countdown yang ingin anda benamkan dengan mengklik "My countdowns" kemudian mengklik nama countdown yang ingin anda benamkan. Sebagai alternatif, anda boleh mencipta widget countdown baharu dengan mengklik "New countdown". Di bawah countdown anda akan melihat butang berlabel "Embed on your site". Klik butang itu. Beberapa kod html akan dipaparkan di bawah butang. Kod akan kelihatan seperti tangkapan skrin di bawah. Salin kod dan tampal ke laman web atau blog anda.
Jika anda telah mengikuti arahan di halaman ini tetapi masih tidak dapat membenamkan countdown anda, sila hubungi kami untuk bantuan.
Platform manakah yang boleh membenamkan countdown live?
Kebanyakan laman yang membenarkan anda menampal HTML tersuai atau URL iframe akan memaparkan countdown anda secara live dan berjalan. Beberapa alat page-builder dan reka bentuk menyekat iframe sepenuhnya. Berikut yang telah kami sahkan secara praktikal:
| Platform | Countdown live? | Nota |
|---|---|---|
| WordPress (self-hosted) | Ya | Tambah blok Custom HTML dalam block editor dan tampal kod embed. Atau gunakan plugin WordPress kami apabila dilancarkan. |
| WordPress.com | Bergantung pada pelan | Pelan percuma membuang iframe. Pelan berbayar memerlukan "hosting features" diaktifkan sebelum HTML tersuai berfungsi. Maklumat lanjut. |
| Squarespace | Ya (Business plan+) | Tambah blok Code dan tampal kod embed. Memerlukan Business plan atau lebih tinggi. |
| Wix | Ya | Gunakan elemen Embed HTML. Tetapkan lebar dan tinggi iframe agar sepadan dengan countdown anda supaya ia tidak terpotong atau memaparkan scrollbar. |
| Google Sites | Ya | Gunakan Insert → Embed dan tampal kod embed atau URL iframe. |
| Shopify | Ya (dengan syarat) | Berfungsi melalui Custom Liquid tema atau bahagian HTML tersuai. Tidak berfungsi dalam penerangan produk (Shopify membuang iframe di sana). |
| Notion | Ya |
Taip /embed
dan tampal pautan terus /w4/
countdown anda (bukan pautan kongsi biasa).
|
| Canva | Tidak | Canva tidak menyokong iframe atau embed luaran live. Ini had Canva, bukan kesalahan anda. |
| Blogger, Drupal, Weebly, Joomla! | Ya | Tampal kod embed sebagai HTML tersuai/mentah — lihat arahan khusus platform di bawah. |
| Facebook, WhatsApp, YouTube | Tidak | Platform ini tidak membenarkan embed iframe pihak ketiga. Kongsi pautan ke halaman countdown yang diterbitkan sebagai ganti. |
| Email clients | Tidak (gunakan GIF) | Email client menyekat iframe. Gunakan email GIF countdown kami sebagai ganti. |
Benamkan countdown dalam WordPress
WordPress self-hosted: Dalam block editor, tambah blok Custom HTML (+ → cari "Custom HTML") dan tampal kod embed yang kami berikan. Countdown tidak akan muncul dalam pratonton editor — terbitkan atau pratonton halaman untuk melihatnya.
WordPress.com: Laman WordPress.com percuma tidak menyokong iframe (maklumat lanjut). Pada pelan berbayar anda mesti mendayakan hosting features sebelum blok Custom HTML akan merender iframe. Kami akan mengemas kini halaman ini apabila plugin WordPress kami dilancarkan.
Pengguna classic editor: Jika anda masih menggunakan editor Visual/HTML lama, pilih HTML (bukan Visual) sebelum menampal. Untuk block editor, video ini menerangkan pendekatan Custom HTML:
Benamkan countdown dalam Squarespace
Squarespace memerlukan Business plan atau lebih tinggi untuk membenamkan kod tersuai. Edit halaman anda, klik + untuk menambah blok, cari Code, dan tampal kod embed ke blok Code. Simpan dan pratonton — countdown sepatutnya berjalan live pada halaman yang diterbitkan.
Benamkan countdown dalam Wix
Dalam editor Wix, klik + Add Elements → Embed Code → Embed HTML. Tampal kod embed dan klik Update.
Penting — saiz iframe:
Jika countdown terpotong atau memaparkan scrollbar, buka tetapan elemen embed dan tetapkan lebar serta tinggi agar sepadan dengan dimensi dalam kod embed anda (biasanya lebar dan tinggi yang sama dengan tag
<iframe>
). Wix tidak sentiasa menyesuaikan saiz iframe yang dibenamkan secara automatik.
Tonton video pendek yang menunjukkan cara menambah countdown ke Wix.
Benamkan countdown dalam Google Sites
Semasa mengedit laman anda, klik Insert → Embed. Pilih Embed code dan tampal kod embed yang kami berikan. Laraskan saiz kotak embed pada halaman supaya keseluruhan countdown kelihatan.
Benamkan countdown dalam Shopify
Tambah kod embed ke bahagian Custom Liquid atau blok HTML tersuai dalam tema anda (Online Store → Themes → Customize → Add section). Countdown akan dipaparkan live pada halaman tempat anda meletakkannya.
Penerangan produk tidak berfungsi: Shopify membuang HTML iframe dari penerangan produk — ini sekatan platform, bukan had CountingDownTo. Gunakan landing page, penerangan koleksi, atau bahagian halaman tersuai sebagai ganti.
Benamkan countdown dalam Notion
Pada mana-mana halaman Notion, taip /embed
dan tekan Enter. Tampal pautan terus countdown anda (URL /w4/
dari panel embed, bukan pautan kongsi biasa). Notion akan meng-iframe widget countdown sahaja.
Canva — bukan masa ini
Editor laman web dan reka bentuk Canva tidak menyokong embed iframe atau widget luaran live. Menampal kod embed atau pautan kami tidak akan menghasilkan countdown yang berjalan. Jika Canva menambah sokongan iframe atau imej URL luaran pada masa hadapan, kami akan mengemas kini halaman ini.
Benamkan countdown dalam Blogger
Pastikan anda memilih "Edit HTML" NOT "Compose" sebelum menampal kod embed ke blog Blogger anda. Ingat bahawa countdown tidak akan muncul semasa anda mengedit catatan. Countdown hanya akan muncul apabila anda menerbitkan atau mempratonton catatan.
Benamkan countdown dalam Drupal
Pastikan anda memilih "Full HTML" dalam tetapan "Input format" sebelum menampal kod embed ke laman Drupal anda. Ingat bahawa countdown tidak akan muncul semasa anda mengedit halaman. Countdown hanya akan muncul apabila anda menyimpan atau mempratonton halaman.
Benamkan countdown dalam Weebly
Gunakan elemen Custom HTML untuk membenamkan widget countdown dalam laman Weebly anda.
Benamkan countdown dalam Joomla!
Lihat arahan ini untuk membenamkan countdown dalam Joomla!
Editor TinyMCE lalai Joomla mungkin membuang atau menulis semula tag iframe apabila anda menyimpan. Jika countdown tidak muncul, cuba lumpuhkan editor WYSIWYG untuk artikel tersebut, atau gunakan modul Mod HTML untuk meletakkan kod embed secara langsung.
Platform yang tidak menyokong embed iframe
Platform berikut tidak boleh memaparkan countdown iframe live, walau kod embed mana yang anda gunakan:
- Facebook — kongsi pautan ke halaman countdown yang diterbitkan sebagai ganti.
- WhatsApp — kongsi pautan; WhatsApp tidak merender HTML yang dibenamkan.
- YouTube — halaman saluran YouTube dan penerangan video tidak menyokong iframe pihak ketiga.
- Email clients — Gmail, Outlook, Mailchimp, dan aplikasi email lain menyekat iframe demi keselamatan. Gunakan ciri email GIF countdown kami sebagai ganti — ciri ini menghasilkan imej animasi yang berfungsi di hampir semua email client.