Com Fer Una Calculadora Per A Un Lloc Web Sense Programador. Primera Part: Constructor De Calculadores

Taula de continguts:

Com Fer Una Calculadora Per A Un Lloc Web Sense Programador. Primera Part: Constructor De Calculadores
Com Fer Una Calculadora Per A Un Lloc Web Sense Programador. Primera Part: Constructor De Calculadores

Vídeo: Com Fer Una Calculadora Per A Un Lloc Web Sense Programador. Primera Part: Constructor De Calculadores

Vídeo: Com Fer Una Calculadora Per A Un Lloc Web Sense Programador. Primera Part: Constructor De Calculadores
Vídeo: App inventor Calculadora 2024, De novembre
Anonim

Normalment, la creació d’un widget de calculadora per a un lloc web requereix un programador de pagament i un pressupost d’assistència tècnica. Recentment, però, han aparegut almenys tres opcions sobre com estalviar temps i diners en crear i mantenir una calculadora: comencem per la més senzilla i assequible: un constructor de calculadores gratuït que us ajudarà a muntar una calculadora visualment, igual que emplenar un perfil en una xarxa social.

Un exemple de calculadora creada sense coneixement de tecnologia i contractant programadors
Un exemple de calculadora creada sense coneixement de tecnologia i contractant programadors

És necessari

Ordinador portàtil o ordinador, qualsevol navegador, entre 10 i 30 minuts de temps, bústia de correu o compte de xarxa social (Facebook, Vkontakte, Google+, UID), a més d’entendre com ha de ser la vostra calculadora

Instruccions

Pas 1

Per començar a muntar i gestionar la vostra calculadora en el futur, ens registrem al servei uCalc.pro per correu o a una de les xarxes socials més populars.

Després del registre, rebreu un correu electrònic amb consells sobre el disseny de calculadores per correu
Després del registre, rebreu un correu electrònic amb consells sobre el disseny de calculadores per correu

Pas 2

Després del registre, se us dirigirà al vostre compte personal, on s’emmagatzemaran les vostres calculadores. Aquí podeu triar una plantilla ja feta o començar a muntar la calculadora des de zero.

Fent clic a la icona
Fent clic a la icona

Pas 3

Després de triar a favor d’una plantilla o d’un muntatge automàtic, s’obrirà un editor visual davant vostre: arrossegant els elements (llista, control lliscant, marca de selecció, casella de selecció, camps de contacte o un botó) des de la columna de l’esquerra, podeu muntar una calculadora.

Els elements es poden col·locar un al costat de l’altre (diversos seguits) o sota l’altre
Els elements es poden col·locar un al costat de l’altre (diversos seguits) o sota l’altre

Pas 4

Passeu el cursor per sobre de qualsevol element amb el ratolí i veureu les icones de configuració: en elles podeu definir mides, fer obligatori un element, establir els noms dels camps de la llista i canviar-ne els llocs. I fent clic al marc verd clar que apareix al voltant de l’element, podeu reordenar-lo per sobre o per sota de la resta de parts de la calculadora.

Opcionalment, podeu suprimir qualsevol element fent-hi clic i prement
Opcionalment, podeu suprimir qualsevol element fent-hi clic i prement

Pas 5

Podeu canviar el color i la mida de les etiquetes simplement ressaltant el text desitjat. És millor afegir explicacions als textos: si parlem d'amplada, afegiu "metres" o "mm", sobre preus "rubles", "rubles per metre", etc.

Per canviar el color del text, feu clic al cercle gris i seleccioneu un color de la paleta
Per canviar el color del text, feu clic al cercle gris i seleccioneu un color de la paleta

Pas 6

Per canviar el color de fons o canviar el color del control lliscant i la marca de selecció, utilitzeu les icones situades a sobre de la calculadora. La icona esquerra és responsable del color de fons; és millor pintar-la amb els colors de la pàgina del vostre lloc web. La icona central és el color dels elements: podeu triar entre 10 esquemes ja fets.

També podeu canviar l’estil de lletra fent clic a la icona de la dreta; actualment hi ha 4 opcions disponibles
També podeu canviar l’estil de lletra fent clic a la icona de la dreta; actualment hi ha 4 opcions disponibles

Pas 7

Per a més claredat, podeu afegir imatges a la calculadora: es pot afegir una imatge tant a la capçalera com a qualsevol dels elements de la calculadora. Per fer-ho, seleccioneu la icona "Imatge" al tauler esquerre, arrossegueu-la a la ubicació desitjada i, tot seguit, fent clic a l'element, pengeu la imatge des de l'ordinador.

Per fer que la calculadora es carregui més ràpidament al vostre lloc, utilitzeu imatges amb un mínim
Per fer que la calculadora es carregui més ràpidament al vostre lloc, utilitzeu imatges amb un mínim

Pas 8

Per especificar un ventall de preus dels serveis i qualsevol altre paràmetre numèric, canvieu a la pestanya "Fórmula". Veureu un diagrama de calculadora en què podeu introduir els valors que necessiteu.

Qualsevol número pot representar tant la quantitat com el pes o, per exemple, la distància
Qualsevol número pot representar tant la quantitat com el pes o, per exemple, la distància

Pas 9

A cada element de la calculadora del diagrama se li assigna una lletra. En substituir les lletres al quadre de fórmules de l’esquerra i afegir signes matemàtics, podeu crear una o més fórmules: per exemple, si heu de donar un preu amb o sense descompte, feu dues fórmules afegint la multiplicació per un nombre inferior a 1 a la segona (per exemple, 0,8 significarà un descompte en un 20%, etc.).

La segona o tercera fórmula es pot establir si voleu mostrar per separat el preu del material i de l'obra, etc
La segona o tercera fórmula es pot establir si voleu mostrar per separat el preu del material i de l'obra, etc

Pas 10

Si voleu rebre les sol·licituds dels clients per correu electrònic o SMS, torneu a la pestanya "Disseny" i feu clic al botó de la calculadora. Podeu especificar-ho a la configuració. Allà també hi trobareu la configuració de pagament, si voleu acceptar el prepagament mitjançant Yandex. Checkout.

Aquí també podeu configurar l’aspecte del botó (ovalat, quadrat, etc.) i el color addicional del botó quan passeu el ratolí per sobre
Aquí també podeu configurar l’aspecte del botó (ovalat, quadrat, etc.) i el color addicional del botó quan passeu el ratolí per sobre

Pas 11

Per enviar al client el resultat del càlcul o altra informació (codi promocional, enllaç, missatge "Comanda acceptada"), feu clic a "Notifica al client" a la configuració del botó i empleneu la plantilla de carta. Per recollir contactes amb els clients, afegiu l'element "camp" a la calculadora i especifiqueu "correu electrònic", "número de telèfon", etc. a la configuració.

Totes les dades personals dels clients es transmeten mitjançant SLL, és a dir, ningú no els pot interceptar
Totes les dades personals dels clients es transmeten mitjançant SLL, és a dir, ningú no els pot interceptar

Pas 12

Per tant, la calculadora està a punt. Per posar-lo al lloc, feu clic al botó "Desa" que hi ha a l'extrem dret i apareixerà una finestra amb un codi de widget a punt. Copieu el codi i enganxeu-lo a una pàgina nova o existent del lloc.

El codi de la calculadora no es pot copiar del vostre lloc i enganxar-lo a un altre
El codi de la calculadora no es pot copiar del vostre lloc i enganxar-lo a un altre

Pas 13

Si no esteu segurs de les vostres capacitats, utilitzeu les instruccions ja preparades per afegir una calculadora. El lloc web uCalc il·lustra consells per instal·lar una calculadora a CMS Wordpress, Joomla, Drupal, NetCat, els creadors de llocs uKit, uCoz, Tilda i Wix i altres plataformes conegudes. Si no heu trobat la vostra plataforma a la llista, obriu qualsevol descripció i seguiu l'analogia.

Les instruccions es troben a la secció de PMF
Les instruccions es troben a la secció de PMF

Pas 14

Si decidiu canviar qualsevol cosa després d’instal·lar-lo al lloc (disseny, preus, nombre d’elements, etc.), la calculadora que heu creat es pot editar al constructor i desar-la. Els canvis realitzats es mostraran automàticament al lloc.

Recomanat: