Ramalan cuaca yang akurat untuk kota di seluruh dunia. Lihat semua negara.

Cuaca.pro
Menu

Buat widget cuaca gratis Anda

Cuaca langsung untuk kota mana pun, dapat disesuaikan sepenuhnya. Satu baris HTML — berfungsi di situs mana pun (WordPress, Shopify, Wix, HTML biasa, di mana pun). Gratis selamanya.

1. Pilih kota

Slug yang sama dengan URL di weather.now, mis. /fr/pariscity=paris&country=fr

2. Ukuran

3. Tampilan

Biarkan tidak dicentang untuk menggunakan bawaan tema (terang/gelap/otomatis).

4. Bahasa + satuan

5. Tampilkan / sembunyikan bagian

Pratinjau langsung

600 × 420 px
↔ Seret tepi atau sudut mana pun untuk mengubah ukuran

      

Widget cuaca gratis yang dapat disematkan di situs web mana pun dalam 60 detik

Widget weather.now menampilkan kondisi terkini langsung dan prakiraan 7 hari untuk kota mana pun di dunia, dalam 38 bahasa. Pilih kota, salin satu cuplikan HTML pendek, tempelkan ke halaman Anda. Itulah seluruh proses pemasangan. Tanpa plugin, tanpa akun, tanpa kunci API, tanpa pembayaran.

Gunakan di blog, halaman hotel, sewa liburan, daftar properti, portal sekolah, panduan perjalanan, marina, resor ski, toko Shopify — di mana pun halaman akan lebih bermanfaat dengan menampilkan cuaca saat ini.

Cuplikan ini melakukan dua hal sekaligus. Bagi pengunjung, cuplikan ini ditampilkan sebagai kartu cuaca yang rapi dan bergaya. Bagi mesin pencari, pembaca RSS, dan pembaca layar, cuplikan ini ditampilkan sebagai kutipan HTML semantik: nama kota, tautan ke halaman prakiraannya, dan kredit ke weather.now. Keduanya dari satu baris kode.

Mengapa orang memilih widget cuaca gratis ini

  • Gratis selamanya. Tanpa pendaftaran, tanpa kunci API, tanpa batas penggunaan, tanpa kartu kredit. Cukup tempel dan jalankan.
  • Sesuaikan semuanya. Tema terang, gelap, atau otomatis. Warna aksen, warna latar, warna teks, radius sudut, ukuran font, ukuran widget, dan bagian mana yang ditampilkan.
  • 38 bahasa. Inggris, Spanyol, Prancis, Jerman, Portugis, Italia, Belanda, Rusia, Arab, Mandarin (Sederhana dan Tradisional untuk Hong Kong dan Taiwan), Jepang, Korea, Vietnam, Turki, Polandia, Ceko, Slowakia, Yunani, Ibrani, Thai, Indonesia, Melayu, Finlandia, Norwegia, Swedia, Denmark, Rumania, Hongaria, Bulgaria, Ukraina, Lituania, Latvia, Estonia, Slovenia, Serbia, dan Islandia.
  • Pilih format tanggal dan waktu Anda. 12 jam dengan AM/PM atau 24 jam. Nama hari, MM/DD, DD/MM, atau tanggal dengan nama bulan.
  • Pilih satuan Anda. Celsius atau Fahrenheit. Kecepatan angin metrik atau imperial. Satu pilihan per widget.
  • Cocok untuk tata letak apa pun. Prasetel spanduk, persegi, standar, atau penuh, atau seret-ubah ukuran pratinjau ke ukuran berapa pun antara 180×80 dan 1200×1000 piksel. Widget akan menata ulang kontennya secara otomatis saat wadah berubah.
  • Super cepat. HTML yang di-render di server, tanpa library JavaScript eksternal, tanpa unduhan font, tanpa skrip pelacakan. Skrip loader sekitar 1 KB; widget yang dirender berukuran 6 hingga 8 KB setelah dikompresi gzip.
  • Berfungsi di semua platform. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, situs Notion, HTML biasa, aplikasi satu halaman — di mana pun cuplikan HTML kecil diizinkan.
  • Dibangun untuk SEO. Cuplikan dilengkapi dengan blok kutipan nyata yang dapat diindeks, berisi nama kota dan tautan ke halaman prakiraan cuacanya. Mesin pencari melihatnya begitu mereka merayapi halaman Anda, sebelum skrip widget berjalan.

Cara kerja embed

Cuplikan yang Anda tempel adalah blok kutipan HTML kecil yang diikuti dengan tag skrip satu baris. Blok itu sendiri sudah merupakan konten yang valid dan dapat dibaca: judul dengan nama kota, tautan ke halaman prakiraan cuaca lengkap, dan baris kredit ke weather.now. Perayap melihatnya begitu mereka mencapai halaman Anda.

Saat halaman dimuat di browser yang menjalankan JavaScript, skrip loader kami (sekitar 1 KB, dimuat secara asinkron) mengganti blok kutipan dengan widget cuaca langsung yang bergaya. Pengunjung manusia Anda melihat widget yang dirender. Perayap, pembaca RSS, pembaca layar, klien email, dan konteks apa pun tanpa JavaScript melihat fallback kutipan yang bersih. Tidak ada yang disembunyikan, tidak ada yang hilang.

Ini adalah pendekatan yang sama yang digunakan Twitter, Instagram, dan Reddit untuk embed mereka: fallback HTML semantik yang ditingkatkan menjadi widget kaya. Anda tidak perlu menulis JavaScript, mengonfigurasi iframe, atau khawatir tentang skrip yang memblokir render. Anda tempel, Anda publikasikan, dan semuanya berfungsi.

Pertanyaan yang sering diajukan

Apakah widget cuaca benar-benar gratis?

Ya — sepenuhnya gratis, tanpa pendaftaran, tanpa kunci API, dan tanpa batas penggunaan. Kami hanya meminta Anda untuk tetap menampilkan kredit weather.now yang kecil di dalam cuplikan. Kredit tersebut adalah cara pengguna baru menemukan kami, dan itulah yang memungkinkan kami menjaga widget tetap gratis untuk semua orang.

Bagaimana cara memasang widget di WordPress?

Di editor blok (Gutenberg) tambahkan blok Custom HTML dan tempelkan cuplikan. Di editor klasik, beralih ke tab Text atau HTML dan tempelkan di sana. Di Elementor atau Divi, gunakan widget HTML. Tidak diperlukan plugin atau modifikasi tema.

Bagaimana cara memasangnya di Shopify?

Buka editor tema, tambahkan bagian HTML Kustom ke halaman mana pun, dan tempelkan cuplikan kode. Untuk widget di seluruh situs di footer atau sidebar, edit theme.liquid dan tempelkan cuplikan di tempat yang diinginkan. Widget juga berfungsi di halaman produk dan artikel blog.

Bagaimana cara memasang di Wix atau Squarespace?

Kedua editor memiliki blok sematan HTML. Di Wix, tambahkan elemen Embed HTML dan tempelkan cuplikan. Di Squarespace, tambahkan blok Code (atur ke HTML) dan tempelkan cuplikan. Widget akan ditampilkan dengan benar di dalam kedua sandbox tersebut.

Bisakah saya menampilkan prakiraan untuk beberapa kota di halaman yang sama?

Ya — tempelkan cuplikan sebanyak yang Anda mau, satu per kota. Setiap widget dimuat secara independen dan di-cache secara terpisah di edge, sehingga menambahkan lebih banyak kota tidak memperlambat halaman.

Apakah widget cuaca memperlambat situs web saya?

Tidak ada dampak yang terukur pada Core Web Vitals. Skrip pemuat berukuran sekitar 1 KB dan dimuat secara asinkron. Widget itu sendiri dimuat secara lambat — tidak akan dirender hingga pengunjung menggulir mendekatinya. Muatan yang dirender rata-rata 6 hingga 8 KB yang dikompresi gzip, disajikan dari CDN dengan latensi di bawah 100 milidetik di seluruh dunia.

Bisakah saya mengubah warna dan ukuran setelah memasang widget?

Ya — setiap opsi adalah atribut HTML biasa pada cuplikan. Ubah angka atau warna heksadesimal dalam kode yang ditempel, dan widget akan diperbarui saat halaman dimuat berikutnya. Tidak diperlukan file CSS atau langkah build. Atau kembali ke generator di atas, desain varian baru, dan salin cuplikan baru.

Seberapa segar data cuaca?

Kondisi terkini diperbarui setiap 5 hingga 10 menit di server kami. Widget mengambil dari cache langsung, sehingga pengunjung Anda selalu melihat cuaca terkini tanpa perlu kerja dari pihak Anda.

Sumber data cuaca apa yang Anda gunakan?

Kami mengumpulkan data dari penyedia meteorologi global utama dan memilih sumber resolusi tertinggi yang tersedia untuk setiap kota. Cakupannya di seluruh dunia: setiap negara berpenduduk dan lebih dari 2,8 juta kota dan desa, termasuk lokasi terpencil yang tidak terjangkau oleh sebagian besar API.

Apakah widget ramah GDPR?

Ya. Widget tidak menyetel cookie, tidak menjalankan skrip pelacakan, tidak mengambil sidik jari pengguna, dan tidak menggunakan alamat IP pengunjung untuk analitik. Satu-satunya panggilan jaringan yang dilakukan adalah ke weather.now untuk mengambil HTML widget dan ikon cuaca — jenis panggilan yang sama seperti saat Anda menyematkan video YouTube atau Google Map. Anda tidak perlu menambahkannya ke spanduk cookie.

Apakah widget berfungsi jika pengunjung menonaktifkan JavaScript?

Ya — mereka akan melihat fallback HTML: nama kota, tautan yang berfungsi ke halaman prakiraan lengkap di weather.now, dan kredit weather.now. Widget bergaya hanya muncul setelah skrip loader berjalan.

Bisakah saya menggunakan widget di halaman AMP?

AMP menghapus skrip kustom, sehingga widget langsung tidak akan dirender di halaman AMP. Fallback HTML (nama kota, tautan ke prakiraan, baris kredit) adalah markup AMP yang valid dan ditampilkan secara normal, yang cukup untuk sebagian besar kasus penggunaan.

Bisakah saya memaksa bahasa tertentu terlepas dari asal pengunjung?

Ya — atur opsi Bahasa di generator ke salah satu dari 38 lokal yang didukung dan widget akan selalu ditampilkan dalam bahasa tersebut. Biarkan pada Otomatis dan widget akan mengikuti bahasa browser setiap pengunjung.

Siap menambahkan cuaca ke situs Anda?

Gulir ke atas, cari kota Anda, pilih ukuran dan warna, lalu salin kodenya. Seluruh proses memakan waktu kurang dari satu menit, dan pengunjung Anda akan mendapatkan prakiraan cuaca langsung selamanya — tanpa biaya.