Jak Vytvořit Kalkulačku Pro Web Bez Programátora. Část 1: Tvůrce Kalkulačky

Obsah:

Jak Vytvořit Kalkulačku Pro Web Bez Programátora. Část 1: Tvůrce Kalkulačky
Jak Vytvořit Kalkulačku Pro Web Bez Programátora. Část 1: Tvůrce Kalkulačky

Video: Jak Vytvořit Kalkulačku Pro Web Bez Programátora. Část 1: Tvůrce Kalkulačky

Video: Jak Vytvořit Kalkulačku Pro Web Bez Programátora. Část 1: Tvůrce Kalkulačky
Video: Javascript - jednoduchá kalkulačka 2024, Smět
Anonim

Vytvoření widgetu kalkulačky pro web obvykle vyžaduje placeného programátora a rozpočet na technickou podporu. V poslední době se však objevily nejméně tři možnosti, jak ušetřit čas a peníze při vytváření a údržbě kalkulačky: začněme nejjednodušším a nejdostupnějším - bezplatným nástrojem pro tvorbu kalkulačky, který vám pomůže sestavit kalkulačku vizuálně - stejně jako vyplňování profil na sociální síti.

Příklad kalkulačky vytvořené bez znalosti technologie a najímání programátorů
Příklad kalkulačky vytvořené bez znalosti technologie a najímání programátorů

Je to nutné

Notebook nebo počítač, jakýkoli prohlížeč, 10–30 minut času, poštovní schránka nebo účet na sociální síti (Facebook, Vkontakte, Google+, UID) a pochopení toho, jak by měla vaše kalkulačka vypadat

Instrukce

Krok 1

Abychom mohli zahájit montáž a v budoucnu spravovat svou kalkulačku, zaregistrujeme se ve službě uCalc.pro prostřednictvím pošty nebo jedné z oblíbených sociálních sítí.

Po registraci obdržíte e-mail s radou ohledně návrhu kalkulačky e-mailem
Po registraci obdržíte e-mail s radou ohledně návrhu kalkulačky e-mailem

Krok 2

Po registraci budete přesměrováni na svůj osobní účet, kde budou uloženy vaše kalkulačky. Zde si můžete vybrat hotovou šablonu nebo začít od začátku sestavovat kalkulačku.

Kliknutím na ikonu
Kliknutím na ikonu

Krok 3

Po výběru ve prospěch šablony nebo vlastní sestavy se před vámi otevře vizuální editor: přetažením položek - seznam, jezdec, značka, zaškrtávací políčko, pole kontaktů nebo tlačítko - ze sloupce vlevo můžete sestavit kalkulačku.

Prvky mohou být umístěny buď vedle sebe (několik za sebou) nebo pod sebe
Prvky mohou být umístěny buď vedle sebe (několik za sebou) nebo pod sebe

Krok 4

Najeďte myší na libovolný prvek a uvidíte ikony nastavení - v nich můžete nastavit velikosti, učinit prvek povinným, nastavit názvy polí pro seznam a změnit jejich umístění. A kliknutím na světle zelený rámeček, který se objeví kolem prvku, jej můžete přeskupit nad nebo pod ostatní části kalkulačky.

Volitelně můžete libovolnou položku odstranit kliknutím na ni a stisknutím
Volitelně můžete libovolnou položku odstranit kliknutím na ni a stisknutím

Krok 5

Barvu a velikost štítků můžete změnit jednoduchým zvýrazněním požadovaného textu. Je lepší přidat k textům vysvětlení: když mluvíme o šířce, přidejte „metry“nebo „mm“, o cenách „rublů“, „rublů za metr“atd.

Chcete-li změnit barvu textu, klikněte na šedý kruh a vyberte barvu z palety
Chcete-li změnit barvu textu, klikněte na šedý kruh a vyberte barvu z palety

Krok 6

Chcete-li změnit barvu pozadí nebo barvu posuvníku a značky zaškrtnutí, použijte ikony nad kalkulačkou. Levá ikona je zodpovědná za barvu pozadí - je lepší ji namalovat barvami vaší webové stránky. Prostřední ikona je barvy prvků: můžete si vybrat z 10 hotových schémat.

Styl písma můžete také změnit kliknutím na ikonu vpravo - aktuálně jsou k dispozici 4 možnosti
Styl písma můžete také změnit kliknutím na ikonu vpravo - aktuálně jsou k dispozici 4 možnosti

Krok 7

Pro přehlednost můžete do kalkulačky přidat obrázky: obrázek lze přidat jak do záhlaví, tak do kteréhokoli z prvků kalkulačky. Chcete-li to provést, vyberte ikonu „Obrázek“na levém panelu, přetáhněte ji na požadované místo a poté kliknutím na prvek nahrajte obrázek z počítače.

Chcete-li, aby se kalkulačka rychleji načítala na vaše stránky, používejte obrázky s minimem
Chcete-li, aby se kalkulačka rychleji načítala na vaše stránky, používejte obrázky s minimem

Krok 8

Chcete-li určit rozsah cen za služby a další číselné parametry, přepněte na kartu „Vzorec“. Uvidíte diagram kalkulačky, ve kterém můžete zadat požadované hodnoty.

Libovolné číslo může představovat jak množství, tak váhu nebo například vzdálenost
Libovolné číslo může představovat jak množství, tak váhu nebo například vzdálenost

Krok 9

Každému prvku kalkulačky v diagramu je přiřazeno písmeno. Nahrazením písmen do pole pro vzorce vlevo a přidáním matematických znaků můžete vytvořit jeden nebo více vzorců: například pokud potřebujete uvést cenu se slevou nebo bez ní, vytvořte dva vzorce přidáním násobení o číslo menší než 1 za sekundu (například 0,8 bude znamenat slevu ve výši 20% atd.).

Druhý nebo třetí vzorec lze nastavit, pokud chcete samostatně zobrazit cenu za materiál a za práci atd
Druhý nebo třetí vzorec lze nastavit, pokud chcete samostatně zobrazit cenu za materiál a za práci atd

Krok 10

Pokud chcete dostávat požadavky zákazníků poštou nebo SMS, vraťte se na kartu „Návrh“a klikněte na tlačítko kalkulačky. Můžete určit v nastavení. Zde také najdete nastavení plateb - pokud chcete přijmout platbu předem prostřednictvím Yandex. Checkout.

Zde můžete také nastavit vzhled tlačítka (oválný, čtvercový atd.) A další barvu tlačítka, když na něj umístíte ukazatel myši
Zde můžete také nastavit vzhled tlačítka (oválný, čtvercový atd.) A další barvu tlačítka, když na něj umístíte ukazatel myši

Krok 11

Chcete-li klientovi zaslat výsledek výpočtu nebo další informace (promo kód, odkaz, zpráva „Objednávka přijata“), klikněte v nastavení tlačítka na „Upozornit klienta“a vyplňte šablonu dopisu. Chcete-li shromáždit kontakty na zákazníky, přidejte do kalkulačky prvek „pole“a v nastavení zadejte „e-mail“, „telefonní číslo“atd.

Všechny osobní údaje klientů jsou přenášeny prostřednictvím SLL - jinými slovy, nikdo je nemůže zachytit
Všechny osobní údaje klientů jsou přenášeny prostřednictvím SLL - jinými slovy, nikdo je nemůže zachytit

Krok 12

Kalkulačka je tedy připravena. Chcete-li jej umístit na web, klikněte na tlačítko „Uložit“v pravém rohu - a před vámi se objeví okno s hotovým kódem widgetu. Zkopírujte kód a vložte jej na novou nebo stávající stránku na webu.

Váš kód kalkulačky nelze zkopírovat z vašeho webu a vložit na někoho jiného
Váš kód kalkulačky nelze zkopírovat z vašeho webu a vložit na někoho jiného

Krok 13

Pokud si nejste jisti svými schopnostmi, použijte připravené pokyny pro přidání kalkulačky. Web uCalc obsahuje ilustrované tipy pro instalaci kalkulačky na CMS Wordpress, Joomla, Drupal, NetCat, tvůrce webů uKit, uCoz, Tilda a Wix a další známé platformy. Pokud jste svou platformu v seznamu nenašli, otevřete libovolný popis a postupujte analogicky.

Pokyny jsou v sekci FAQ
Pokyny jsou v sekci FAQ

Krok 14

Pokud se po instalaci na webu rozhodnete něco změnit (design, ceny, počet prvků atd.), Kalkulačka, kterou jste vytvořili, může být upravena v konstruktoru a uložena. Provedené změny se automaticky zobrazí na webu.

Doporučuje: