Hvordan Lage En Kalkulator For Et Nettsted Uten Programmerer. Del 1: Kalkulatorbygger

Innholdsfortegnelse:

Hvordan Lage En Kalkulator For Et Nettsted Uten Programmerer. Del 1: Kalkulatorbygger
Hvordan Lage En Kalkulator For Et Nettsted Uten Programmerer. Del 1: Kalkulatorbygger

Video: Hvordan Lage En Kalkulator For Et Nettsted Uten Programmerer. Del 1: Kalkulatorbygger

Video: Hvordan Lage En Kalkulator For Et Nettsted Uten Programmerer. Del 1: Kalkulatorbygger
Video: Likninger (kalkulator) 2024, Kan
Anonim

Å lage en kalkulator-widget for et nettsted krever vanligvis en betalt programmerer og et teknisk supportbudsjett. Nylig har det imidlertid dukket opp minst tre alternativer for hvordan du kan spare tid og penger på å lage og vedlikeholde en kalkulator: la oss begynne med det enkleste og rimeligste - en gratis kalkulatorbygger som vil hjelpe deg med å montere en kalkulator visuelt - akkurat som å fylle ut en profil på et sosialt nettverk.

Et eksempel på en kalkulator laget uten kunnskap om teknologi og ansette programmerere
Et eksempel på en kalkulator laget uten kunnskap om teknologi og ansette programmerere

Det er nødvendig

Bærbar PC eller datamaskin, hvilken som helst nettleser, 10-30 minutters tid, postkasse eller sosialt nettverkskonto (Facebook, Vkontakte, Google+, UID), pluss en forståelse av hvordan kalkulatoren din skal være

Bruksanvisning

Trinn 1

For å begynne å samle og i fremtiden administrere kalkulatoren din, registrerer vi deg på uCalc.pro-tjenesten via post eller et av de populære sosiale nettverkene.

Etter registrering vil du motta en e-post med råd om kalkulatordesign via post
Etter registrering vil du motta en e-post med råd om kalkulatordesign via post

Steg 2

Etter registrering blir du ført til din personlige konto, der kalkulatorene dine blir lagret. Her kan du velge en ferdig mal, eller begynne å montere kalkulatoren fra bunnen av.

Ved å klikke på ikonet
Ved å klikke på ikonet

Trinn 3

Etter å ha valgt til fordel for en mal eller egenmontering, åpnes en visuell redaktør foran deg: ved å dra elementer - en liste, glidebryter, hake, avkrysningsrute, kontaktfelt eller en knapp - fra kolonnen til venstre, kan du sette sammen en kalkulator.

Elementer kan plasseres hver side ved side (flere på rad) eller under hverandre
Elementer kan plasseres hver side ved side (flere på rad) eller under hverandre

Trinn 4

Hold markøren over ethvert element med musen, så vil du se innstillingsikoner - i dem kan du angi størrelser, gjøre et element obligatorisk, angi navnene på feltene for listen og endre plassering. Og ved å klikke på den lysegrønne rammen som vises rundt elementet, kan du omorganisere den over eller under resten av kalkulatorens deler.

Eventuelt kan du slette et hvilket som helst element ved å klikke på det og trykke
Eventuelt kan du slette et hvilket som helst element ved å klikke på det og trykke

Trinn 5

Du kan endre fargen og størrelsen på etikettene ved å bare markere ønsket stykke tekst. Det er bedre å legge til forklaringer i tekstene: hvis vi snakker om bredde, legg til "meter" eller "mm", om priser "rubler", "rubler per meter" og så videre.

For å endre fargen på teksten, klikk på den grå sirkelen og velg en farge fra paletten
For å endre fargen på teksten, klikk på den grå sirkelen og velg en farge fra paletten

Trinn 6

For å endre bakgrunnsfargen eller endre fargen på glidebryteren og haken, bruk ikonene over kalkulatoren. Det venstre ikonet er ansvarlig for bakgrunnsfargen - det er bedre å male den i fargene på hjemmesiden din. Midtikonet er fargene på elementene: du kan velge mellom 10 ferdige ordninger.

Du kan også endre skriftstilen ved å klikke på høyre ikon - det er for øyeblikket fire alternativer tilgjengelig
Du kan også endre skriftstilen ved å klikke på høyre ikon - det er for øyeblikket fire alternativer tilgjengelig

Trinn 7

For klarhetens skyld kan du legge til bilder i kalkulatoren: et bilde kan legges til både i overskriften og til hvilket som helst av kalkulatorens elementer. For å gjøre dette, velg "Bilde" -ikonet fra venstre panel, dra det til ønsket sted, og last deretter opp bildet fra datamaskinen ved å klikke på elementet.

For å få kalkulatoren til å lastes raskere på nettstedet ditt, bruk bilder med minimalt
For å få kalkulatoren til å lastes raskere på nettstedet ditt, bruk bilder med minimalt

Trinn 8

For å spesifisere et utvalg av priser for tjenester og andre numeriske parametere, bytt til "Formel" -fanen. Du vil se et kalkulatordiagram der du kan skrive inn verdiene du trenger.

Et hvilket som helst tall kan representere både mengde og vekt eller for eksempel avstand
Et hvilket som helst tall kan representere både mengde og vekt eller for eksempel avstand

Trinn 9

Hvert element i kalkulatoren på diagrammet tildeles en bokstav. Ved å erstatte bokstaver i formelboksen til venstre og legge til matematiske tegn, kan du opprette en eller flere formler: Hvis du for eksempel trenger å gi en pris med eller uten rabatt, lager du to formler ved å legge til multiplikasjon med et tall mindre enn 1 i det andre (for eksempel vil 0,8 bety en rabatt på 20% og så videre).

Den andre eller tredje formelen kan angis hvis du vil vise prisen for materialet og for arbeidet, og så videre
Den andre eller tredje formelen kan angis hvis du vil vise prisen for materialet og for arbeidet, og så videre

Trinn 10

Hvis du ønsker å motta kundeforespørsler via post eller SMS, går du tilbake til "Design" -fanen, klikker på knappen på kalkulatoren. Du kan spesifisere i innstillingene. Der finner du også betalingsinnstillingene - hvis du vil godta forskuddsbetaling via Yandex. Checkout.

Her kan du også angi utseendet til knappen (oval, firkantet osv.) Og tilleggsfargen på knappen når du holder musen over den
Her kan du også angi utseendet til knappen (oval, firkantet osv.) Og tilleggsfargen på knappen når du holder musen over den

Trinn 11

For å sende klienten resultatet av beregningen eller annen informasjon (kampanjekode, lenke, melding "Ordre akseptert"), klikker du på "Meld klient" i knappinnstillingene og fyll ut brevmalen. For å samle kundekontakter, legg til "felt" -elementet i kalkulatoren og spesifiser "e-post", "telefonnummer" og så videre i innstillingene.

Alle personopplysninger om klienter overføres via SLL - med andre ord, ingen kan fange dem opp
Alle personopplysninger om klienter overføres via SLL - med andre ord, ingen kan fange dem opp

Trinn 12

Så, kalkulatoren er klar. For å sette det på nettstedet, klikk på "Lagre" -knappen i høyre hjørne - og et vindu med en ferdig widgetkode vises foran deg. Kopier koden og lim den inn på en ny eller eksisterende side på nettstedet.

Kalkulatorkoden din kan ikke kopieres fra nettstedet ditt og limes inn på andres
Kalkulatorkoden din kan ikke kopieres fra nettstedet ditt og limes inn på andres

Trinn 13

Hvis du ikke er trygg på dine evner, kan du bruke de ferdige instruksjonene for å legge til en kalkulator. Nettstedet uCalc har illustrerte tips for å installere en kalkulator på CMS Wordpress, Joomla, Drupal, NetCat, byggherrer uKit, uCoz, Tilda og Wix og andre kjente plattformer. Hvis du ikke fant plattformen din i listen, åpner du en beskrivelse og følger analogien.

Instruksjonene er i FAQ-delen
Instruksjonene er i FAQ-delen

Trinn 14

Hvis du bestemmer deg for å endre noe etter at du har installert det på nettstedet (design, priser, antall elementer osv.), Kan kalkulatoren du har opprettet redigeres i konstruktøren og lagres. Endringene som vises er automatisk vist på nettstedet.

Anbefalt: