Kako Napraviti Kalkulator Za Web Stranicu Bez Programera. 1. Dio: Graditelj Kalkulatora

Sadržaj:

Kako Napraviti Kalkulator Za Web Stranicu Bez Programera. 1. Dio: Graditelj Kalkulatora
Kako Napraviti Kalkulator Za Web Stranicu Bez Programera. 1. Dio: Graditelj Kalkulatora

Video: Kako Napraviti Kalkulator Za Web Stranicu Bez Programera. 1. Dio: Graditelj Kalkulatora

Video: Kako Napraviti Kalkulator Za Web Stranicu Bez Programera. 1. Dio: Graditelj Kalkulatora
Video: Java programiranje Tutorijal 7 - Jednostavni kalkulator - digitron 2024, Prosinac
Anonim

Za izradu widgeta kalkulatora za web stranicu obično je potreban plaćeni programer i proračun za tehničku podršku. Međutim, nedavno su se pojavile najmanje tri mogućnosti kako uštedjeti vrijeme i novac na stvaranju i održavanju kalkulatora: krenimo od najjednostavnijeg i najpristupačnijeg - besplatnog izrađivača kalkulatora koji će vam pomoći da vizualno sastavite kalkulator - baš poput popunjavanja profil na društvenoj mreži.

Primjer kalkulatora stvorenog bez znanja tehnologije i zapošljavanja programera
Primjer kalkulatora stvorenog bez znanja tehnologije i zapošljavanja programera

Nužno je

Prijenosno računalo ili računalo, bilo koji preglednik, 10-30 minuta vremena, poštanski sandučić ili račun društvene mreže (Facebook, Vkontakte, Google+, UID), plus razumijevanje kakav bi trebao biti vaš kalkulator

Upute

Korak 1

Da bismo započeli s montažom i u budućnosti upravljali vašim kalkulatorom, registriramo se na usluzi uCalc.pro putem pošte ili jedne od popularnih društvenih mreža.

Nakon registracije, poštom ćete dobiti e-poštu sa savjetima o dizajnu kalkulatora
Nakon registracije, poštom ćete dobiti e-poštu sa savjetima o dizajnu kalkulatora

Korak 2

Nakon registracije bit ćete preusmjereni na vaš osobni račun, gdje će biti pohranjeni vaši kalkulatori. Ovdje možete odabrati gotov predložak ili započeti sastavljanje kalkulatora od nule.

Klikom na ikonu
Klikom na ikonu

3. korak

Nakon odabira u korist predloška ili samosklopa, pred vama će se otvoriti vizualni uređivač: povlačenjem predmeta - popisa, klizača, kvačice, potvrdnog okvira, polja za kontakt ili gumba - iz stupca s lijeve strane možete sastaviti kalkulator.

Elementi se mogu postaviti bilo jedan pored drugog (nekoliko u nizu) ili jedan ispod drugog
Elementi se mogu postaviti bilo jedan pored drugog (nekoliko u nizu) ili jedan ispod drugog

4. korak

Zadržite pokazivač miša iznad bilo kojeg elementa i vidjet ćete ikone postavki - u njima možete postaviti veličine, element učiniti obveznim, postaviti imena polja za popis i promijeniti njihova mjesta. A klikom na svijetlozeleni okvir koji se pojavljuje oko elementa možete ga preurediti iznad ili ispod ostalih dijelova kalkulatora.

Po želji možete izbrisati bilo koju stavku tako da je kliknete i pritisnete
Po želji možete izbrisati bilo koju stavku tako da je kliknete i pritisnete

Korak 5

Možete promijeniti boju i veličinu naljepnica jednostavnim isticanjem željenog dijela teksta. Tekstovima je bolje dodati objašnjenja: ako govorimo o širini, dodajte "metri" ili "mm", o cijenama "rubalja", "rubalja po metru" i tako dalje.

Da biste promijenili boju teksta, kliknite sivi krug i odaberite boju s palete
Da biste promijenili boju teksta, kliknite sivi krug i odaberite boju s palete

Korak 6

Da biste promijenili boju pozadine ili promijenili boju klizača i kvačice, upotrijebite ikone iznad kalkulatora. Lijeva ikona odgovorna je za boju pozadine - bolje je slikati je u boje stranice vašeg web mjesta. Srednja ikona su boje elemenata: možete birati između 10 gotovih shema.

Također možete promijeniti stil fonta klikom na desnu ikonu - trenutno su dostupne 4 opcije
Također možete promijeniti stil fonta klikom na desnu ikonu - trenutno su dostupne 4 opcije

7. korak

Radi preglednosti u kalkulator možete dodati slike: slika se može dodati i u zaglavlje i u bilo koji element kalkulatora. Da biste to učinili, odaberite ikonu "Slika" na lijevoj ploči, povucite je na željeno mjesto, a zatim klikom na element prenesite sliku s računala.

Da bi se kalkulator brže učitavao na vašoj web lokaciji, koristite slike s minimalnim brojem slika
Da bi se kalkulator brže učitavao na vašoj web lokaciji, koristite slike s minimalnim brojem slika

Korak 8

Da biste odredili raspon cijena usluga i bilo koje druge numeričke parametre, prijeđite na karticu "Formula". Vidjet ćete dijagram kalkulatora u koji možete unijeti vrijednosti koje su vam potrebne.

Bilo koji broj može predstavljati količinu i težinu ili, na primjer, udaljenost
Bilo koji broj može predstavljati količinu i težinu ili, na primjer, udaljenost

Korak 9

Svakom elementu kalkulatora na dijagramu dodijeljeno je slovo. Zamjenom slova u okvir s lijevom i dodavanjem matematičkih znakova možete stvoriti jednu ili više formula: na primjer, ako trebate dati cijenu s popustom ili bez njega, napravite dvije formule dodavanjem množenja s brojem manjim od 1 u drugom (na primjer, 0,8 značit će popust od 20% i tako dalje).

Druga ili treća formula može se postaviti ako želite zasebno prikazati cijenu za materijal i za rad itd
Druga ili treća formula može se postaviti ako želite zasebno prikazati cijenu za materijal i za rad itd

Korak 10

Ako želite primati zahtjeve kupaca poštom ili SMS-om, vratite se na karticu "Dizajn", kliknite gumb na vašem kalkulatoru. Možete odrediti u postavkama. Tamo ćete pronaći i postavke plaćanja - ako želite prihvatiti plaćanje unaprijed putem Yandex. Checkout.

Ovdje također možete postaviti izgled gumba (ovalni, kvadratni itd.) I dodatnu boju gumba kada zadržite miš iznad njega
Ovdje također možete postaviti izgled gumba (ovalni, kvadratni itd.) I dodatnu boju gumba kada zadržite miš iznad njega

11. korak

Da biste klijentu poslali rezultat izračuna ili druge podatke (promotivni kod, veza, poruka "Narudžba prihvaćena"), u postavkama gumba kliknite "Obavijesti klijenta" i ispunite predložak pisma. Da biste prikupili kontakte s kupcima, dodajte element "polje" u kalkulator i u postavkama navedite "e-mail", "telefonski broj" i tako dalje.

Svi osobni podaci klijenata prenose se putem SLL-a - drugim riječima, nitko ih ne može presresti
Svi osobni podaci klijenata prenose se putem SLL-a - drugim riječima, nitko ih ne može presresti

Korak 12

Dakle, kalkulator je spreman. Da biste ga stavili na web mjesto, kliknite gumb "Spremi" u desnom kutu - i pred vama će se pojaviti prozor s gotovim kodom widgeta. Kopirajte kod i zalijepite ga u novu ili postojeću stranicu na web mjestu.

Kôd vašeg kalkulatora ne može se kopirati s vašeg web mjesta i zalijepiti na tuđi
Kôd vašeg kalkulatora ne može se kopirati s vašeg web mjesta i zalijepiti na tuđi

Korak 13

Ako niste sigurni u svoje sposobnosti, upotrijebite gotove upute za dodavanje kalkulatora. Web stranica uCalc ilustrirala je savjete za instaliranje kalkulatora na CMS Wordpress, Joomla, Drupal, NetCat, graditelje web stranica uKit, uCoz, Tilda i Wix i druge poznate platforme. Ako na popisu niste pronašli svoju platformu, otvorite bilo koji opis i slijedite analogiju.

Upute su u odjeljku FAQ
Upute su u odjeljku FAQ

14. korak

Ako nakon instalacije na web mjestu odlučite bilo što promijeniti (dizajn, cijene, broj elemenata itd.), Kalkulator koji ste stvorili može se uređivati u konstruktoru i spremiti. Izmjene će se automatski prikazati na web mjestu.

Preporučeni: