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: Архитектура ЭВМ | Основы Операционных Систем | 01 2024, April
Anonim

Za izradu widgeta kalkulatora za web lokaciju obično je potreban plaćeni programer i proračun za tehničku podršku. Međutim, nedavno su se pojavile najmanje tri opcije 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 vizuelno 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

Neophodno je

Prenosni računar ili računar, bilo koji pregledač, 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

Instrukcije

Korak 1

Da bismo započeli sastavljanje 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š lični 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

Korak 3

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 mogu biti postavljeni jedan pored drugog (nekoliko u nizu) ili jedan ispod drugog
Elementi mogu biti postavljeni jedan pored drugog (nekoliko u nizu) ili jedan ispod drugog

Korak 4

Zadržite pokazivač miša iznad bilo kojeg elementa i vidjet ćete ikone postavki - u njima možete postaviti veličine, učiniti element obaveznim, postaviti imena polja za listu 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 što ćete je kliknuti i pritisnuti
Po želji možete izbrisati bilo koju stavku tako što ćete je kliknuti i pritisnuti

Korak 5

Možete promijeniti boju i veličinu naljepnica jednostavnim isticanjem željenog dijela teksta. U tekstove 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 sa palete
Da biste promijenili boju teksta, kliknite sivi krug i odaberite boju sa palete

Korak 6

Da biste promijenili boju pozadine ili promijenili boju klizača i kvačice, koristite 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.

Stil fonta možete promijeniti i klikom na desnu ikonu - trenutno su dostupne 4 opcije
Stil fonta možete promijeniti i klikom na desnu ikonu - trenutno su dostupne 4 opcije

Korak 7

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 sa računara.

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

Korak 8

Da biste odredili raspon cijena usluga i bilo koje druge numeričke parametre, prebacite se 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 polju s formulama s lijeve strane 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 brojem manjim od 1 u drugom (na primjer, 0,8 će značiti popust od 20% i tako dalje).

Druga ili treća formula može se postaviti ako želite zasebno prikazati cijenu materijala i djela itd
Druga ili treća formula može se postaviti ako želite zasebno prikazati cijenu materijala i djela 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 dugmeta kada zadržite miš iznad njega
Ovdje također možete postaviti izgled gumba (ovalni, kvadratni itd.) I dodatnu boju dugmeta kada zadržite miš iznad njega

Korak 11

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

Svi lični podaci klijenata prenose se putem SLL-a - drugim rečima, niko ih ne može presresti
Svi lični podaci klijenata prenose se putem SLL-a - drugim rečima, niko ih ne može presresti

Korak 12

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

Kôd vašeg kalkulatora ne može se kopirati s vaše web lokacije i zalijepiti na tuđi
Kôd vašeg kalkulatora ne može se kopirati s vaše web lokacije 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 se nalaze u odjeljku FAQ
Upute se nalaze u odjeljku FAQ

Korak 14

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

Preporučuje se: