Jak vložit kalkulačku na váš web - případové studie webových kalkulaček # 10
V této případové studii naleznete všechny užitečné informace o vkládání webové kalkulačky na svůj web.
Podívejme se blíže na rozdíly mezi kódy HTML a iFrame. A zkontrolujte, jak lze Calculoid začlenit do nejpopulárnějších tvůrců webových stránek.
HTML a iFrame
Jakmile nastavíte kalkulačku jako „hotovou“, budou automaticky generovány dva kódy: HTML a iFrame. Oba kódy obsahují JavaScript a HTML a mají různé specifikace a parametry. Zaškrtávací políčka pod kódem HTML umožňují nastavit, zda chcete zobrazit název a popis kalkulačky. Zaškrtávací políčka fungují pro HTML i iFrame
Vložte kód s názvem 'HTML'w
Tento vložený kód vám umožňuje aplikovat CSS styly z vašeho webu na vaši kalkulačku. Většina stylů se aplikuje automaticky. Toto je skvělá příležitost, jak snadno přizpůsobit kalkulačku vašemu webu. Existují však určitá úskalí. Některé styly na vašem webu mohou způsobit konflikty s CSS Calculoidu a poškodit vzhled a/nebo funkčnost vaší kalkulačky. Webové stránky založené na WordPressu mohou také vyžadovat instalaci pluginu Calculoid . HTML kód funguje dobře pro většinu uživatelů Calculoidu. Pokud nepoužíváte WordPress, zkuste nejprve HTML kód.
Vložte kód s názvem 'iFrame'
Jak již bylo zmíněno výše, tento kód se skládá z JavaScriptu a HTML a také z kódu s názvem „HTML“. Má však kolem vloženého obsahu rámeček. To způsobuje, že styly CSS z vašeho webu se na vaši kalkulačku neaplikují. Kalkulačku můžete i tak nastavit tak, aby vypadala na vašem webu nativní, a to pomocí nastavení designu Calculoid a přidáním vlastního CSS do kódu pro vkládání. Naši vývojáři vám mohou vytvořit vlastní CSS . Kód iFrame má také drobné slabiny. Google nemá rád vložený obsah s rámečky. Vkládání pomocí iFrame může mít malý vliv na SEO webové stránky s vloženou kalkulačkou. Tento vliv však nikdy není dramatický. Pokud po vložení pomocí HTML dojde ke konfliktům stylů, vyzkoušejte kód iFrame.
WordPress plugin
Nejlepším postupem pro vložení Calculoidu na webové stránky založené na WordPressu je použití našeho pluginu. Veškeré informace o pluginu naleznete zde . Nejdůležitější je nastavit správný API klíč v nastavení pluginu. Klíč naleznete na stránce „Můj profil“ v aplikaci Calculoid.
Příklad zkráceného kódu: [Calcloid id = "60204" show_title = "0" show_description = "0"]
Pomocí této kalkulačky můžete vygenerovat krátký kód.
Calculoid má také pluginy pro Joomla a Drupal.
Vložte testy nejpoužívanějších web-stavebních platforem
| Název platformy | HTML | iFrame | WordPress plugin |
|---|---|---|---|
| Wix | ✔ | ✔ | - |
| Joomla | ✔ | ✔ | - |
| Do toho tati | ✔ | ✔ | - |
| WordPress | ⚠️ | ✔ | ✔ |
| Elementor | ✔ | ✔ | - |
⚠️ - Existuje tolik témat pro WordPress a tolik stavitelů, jako je Elementor. Je téměř nemožné, aby kód pro vložení HTML fungoval správně pro každý web WordPress. Kód však funguje dobře u nejlépe hodnocených stavitelů.
