Predpoveď pre Slovensko · Open-Meteo

🧩 Ako vložiť widget počasia do Webflow

Webflow používa prvok Embed (Custom code). Celý postup zaberie asi 5 minút.

1. Získajte kód widgetu

Na stránke Widget pre vašu obec vyhľadajte svoju obec, kód s jej súradnicami sa vygeneruje automaticky. Vyzerá takto:

<iframe src="https://onlinepocasie.sk/widget/?mesto=bratislava" width="320" height="170" style="border:0;border-radius:12px;overflow:hidden" loading="lazy" title="Počasie, onlinepocasie.sk"></iframe>
<p style="margin:4px 0 0;font-size:12px">Počasie pre Bratislavu poskytuje <a href="https://onlinepocasie.sk/pocasie/bratislava/" rel="nofollow">onlinepocasie.sk</a></p>

2. Vložte kód do systému Webflow

  1. V Designeri otvorte panel Add (klávesa A) → sekcia Advanced → Embed.
  2. Vložte kód widgetu do editora kódu a kliknite Save & Close.
  3. Publikujte web, embed sa vykreslí až na publikovanej stránke.

⚠️ Obmedzenia

Aby sa vlastný kód zobrazil na publikovanom webe, potrebujete platený site plán (Basic a vyšší). Limit je 50 000 znakov na jeden Embed, náš kód má pod 400.

Rozdiely verzií

Staršie návody uvádzajú limit 10 000 znakov, bol medzičasom zvýšený.

Časté otázky: Webflow

Je widget počasia pre Webflow zadarmo?

Áno, widget je úplne bezplatný, jedinou podmienkou je ponechané uvedenie zdroja onlinepocasie.sk, ktoré je v ňom automaticky. Nemá reklamy ani cookies.

Čo ak sa widget nezobrazuje?

Najčastejšie príčiny: systém odstránil značku iframe (pozri sekciu Obmedzenia vyššie), kód sa vložil do vizuálneho editora namiesto HTML režimu, alebo sa zobrazenie prejaví až na publikovanej stránke, nie v editore.

Ako získam kód pre svoju obec?

Na stránke Widget pre vašu obec vyhľadajte svoju obec a kód sa vygeneruje automaticky aj so súradnicami, funguje pre ľubovoľnú obec na Slovensku aj v zahraničí.

Podobné systémy: WordPress.com · Wix · Squarespace · Webnode · Google Sites · Jimdo · Weebly · Duda · Mobirise · WebSite X5 · Framer · eStránky · Blogger · WEXBO · Websupport Website Builder · Elementor (WordPress)

Ďalšie návody: WordPress · Joomla · Drupal · Shopify · TYPO3 · PrestaShop · Concrete CMS · WEBYportál (WEBY GROUP)

Návod pre iný systém: zoznam všetkých návodov · Nefunguje niečo? Odpovedzte na náš e-mail alebo napíšte cez kontakt v sekcii O službe, kód vám pripravíme a poradíme.