Come Creare Una Calcolatrice Per Un Sito Web Senza Un Programmatore. Parte 1: Generatore Di Calcolatrici

Sommario:

Come Creare Una Calcolatrice Per Un Sito Web Senza Un Programmatore. Parte 1: Generatore Di Calcolatrici
Come Creare Una Calcolatrice Per Un Sito Web Senza Un Programmatore. Parte 1: Generatore Di Calcolatrici

Video: Come Creare Una Calcolatrice Per Un Sito Web Senza Un Programmatore. Parte 1: Generatore Di Calcolatrici

Video: Come Creare Una Calcolatrice Per Un Sito Web Senza Un Programmatore. Parte 1: Generatore Di Calcolatrici
Video: Sapevi che Google nasconde una calcolatrice? (e molto più) 2024, Maggio
Anonim

In genere, la creazione di un widget calcolatrice per un sito Web richiede un programmatore pagato e un budget per il supporto tecnico. Di recente, tuttavia, sono apparse almeno tre opzioni su come risparmiare tempo e denaro nella creazione e nella manutenzione di una calcolatrice: iniziamo con il più semplice e conveniente: un generatore di calcolatrici gratuito che ti aiuterà ad assemblare visivamente una calcolatrice, proprio come compilando un profilo su un social network.

Un esempio di calcolatrice creata senza la conoscenza della tecnologia e l'assunzione di programmatori
Un esempio di calcolatrice creata senza la conoscenza della tecnologia e l'assunzione di programmatori

È necessario

Laptop o computer, qualsiasi browser, 10-30 minuti di tempo, casella di posta o account di social network (Facebook, Vkontakte, Google+, UID), oltre a capire come dovrebbe essere la tua calcolatrice

Istruzioni

Passo 1

Per iniziare ad assemblare e in futuro a gestire la tua calcolatrice, ci registriamo al servizio uCalc.pro via mail o su uno dei popolari social network.

Dopo la registrazione, riceverai un'e-mail con consigli sul design della calcolatrice via posta
Dopo la registrazione, riceverai un'e-mail con consigli sul design della calcolatrice via posta

Passo 2

Dopo la registrazione, verrai indirizzato al tuo account personale, dove verranno archiviate le tue calcolatrici. Qui puoi scegliere un modello già pronto o iniziare ad assemblare la calcolatrice da zero.

Cliccando sull'icona
Cliccando sull'icona

Passaggio 3

Dopo aver scelto un modello o un autoassemblaggio, si aprirà davanti a te un editor visivo: trascinando gli elementi - un elenco, un cursore, un segno di spunta, una casella di controllo, campi di contatto o un pulsante - dalla colonna a sinistra assemblare una calcolatrice.

Gli elementi possono essere posizionati uno accanto all'altro (più di una fila) o uno sotto l'altro
Gli elementi possono essere posizionati uno accanto all'altro (più di una fila) o uno sotto l'altro

Passaggio 4

Passa il mouse su qualsiasi elemento con il mouse e vedrai le icone delle impostazioni: in esse puoi impostare le dimensioni, rendere obbligatorio un elemento, impostare i nomi dei campi per l'elenco e cambiarne la posizione. E facendo clic sulla cornice verde chiaro che appare intorno all'elemento, puoi riorganizzarlo sopra o sotto il resto delle parti della calcolatrice.

Facoltativamente, puoi eliminare qualsiasi elemento facendo clic su di esso e premendo
Facoltativamente, puoi eliminare qualsiasi elemento facendo clic su di esso e premendo

Passaggio 5

Puoi modificare il colore e la dimensione delle etichette semplicemente evidenziando la parte di testo desiderata. È meglio aggiungere spiegazioni ai testi: se stiamo parlando di larghezza, aggiungi "metri" o "mm", sui prezzi "rubli", "rubli al metro" e così via.

Per cambiare il colore del testo, clicca sul cerchio grigio e seleziona un colore dalla tavolozza
Per cambiare il colore del testo, clicca sul cerchio grigio e seleziona un colore dalla tavolozza

Passaggio 6

Per cambiare il colore di sfondo o cambiare il colore del cursore e del segno di spunta, usa le icone sopra la calcolatrice. L'icona a sinistra è responsabile del colore di sfondo: è meglio dipingerla con i colori della pagina del tuo sito web. L'icona centrale sono i colori degli elementi: puoi scegliere tra 10 schemi già pronti.

Puoi anche cambiare lo stile del carattere facendo clic sull'icona a destra: al momento sono disponibili 4 opzioni
Puoi anche cambiare lo stile del carattere facendo clic sull'icona a destra: al momento sono disponibili 4 opzioni

Passaggio 7

Per chiarezza, puoi aggiungere immagini alla calcolatrice: un'immagine può essere aggiunta sia all'intestazione che a qualsiasi elemento della calcolatrice. Per fare ciò, seleziona l'icona "Immagine" dal pannello di sinistra, trascinala nella posizione desiderata, quindi, facendo clic sull'elemento, carica l'immagine dal tuo computer.

Per caricare più velocemente la calcolatrice sul tuo sito, usa le immagini con il minimo
Per caricare più velocemente la calcolatrice sul tuo sito, usa le immagini con il minimo

Passaggio 8

Per specificare un intervallo di prezzi per i servizi e qualsiasi altro parametro numerico, passare alla scheda "Formula". Vedrai un diagramma della calcolatrice in cui puoi inserire i valori di cui hai bisogno.

Qualsiasi numero può rappresentare sia la quantità che il peso o, ad esempio, la distanza
Qualsiasi numero può rappresentare sia la quantità che il peso o, ad esempio, la distanza

Passaggio 9

Ad ogni elemento della calcolatrice sul diagramma viene assegnata una lettera. Sostituendo le lettere nella casella della formula a sinistra e aggiungendo segni matematici, puoi creare una o più formule: ad esempio, se devi dare un prezzo con o senza sconto, crea due formule sommando la moltiplicazione per un numero inferiore a 1 nel secondo (ad esempio, 0,8 significherà uno sconto del 20% e così via).

La seconda o la terza formula può essere impostata se si vuole mostrare separatamente il prezzo per il materiale e per il lavoro, e così via
La seconda o la terza formula può essere impostata se si vuole mostrare separatamente il prezzo per il materiale e per il lavoro, e così via

Passaggio 10

Se desideri ricevere le richieste dei clienti tramite posta o SMS, torna alla scheda "Progettazione", fai clic sul pulsante della tua calcolatrice. È possibile specificare nelle impostazioni. Lì troverai anche le impostazioni di pagamento, se desideri accettare il pagamento anticipato tramite Yandex. Checkout.

Qui puoi anche impostare l'aspetto del pulsante (ovale, quadrato, ecc.) e il colore aggiuntivo del pulsante quando ci passi sopra con il mouse
Qui puoi anche impostare l'aspetto del pulsante (ovale, quadrato, ecc.) e il colore aggiuntivo del pulsante quando ci passi sopra con il mouse

Passaggio 11

Per inviare al cliente il risultato del calcolo o altre informazioni (codice promozionale, link, messaggio "Ordine accettato"), fare clic su "Notifica cliente" nelle impostazioni del pulsante e compilare il modello di lettera. Per raccogliere i contatti dei clienti, aggiungi l'elemento "campo" alla calcolatrice e specifica "e-mail", "numero di telefono" e così via nelle impostazioni.

Tutti i dati personali dei clienti vengono trasmessi tramite SLL - in altre parole, nessuno può intercettarli
Tutti i dati personali dei clienti vengono trasmessi tramite SLL - in altre parole, nessuno può intercettarli

Passaggio 12

Quindi, la calcolatrice è pronta. Per inserirlo sul sito, fai clic sul pulsante "Salva" nell'angolo destro e apparirà una finestra con un codice widget già pronto. Copia il codice e incollalo in una pagina nuova o esistente del sito.

Il codice della calcolatrice non può essere copiato dal tuo sito e incollato su quello di qualcun altro
Il codice della calcolatrice non può essere copiato dal tuo sito e incollato su quello di qualcun altro

Passaggio 13

Se non sei sicuro delle tue capacità, usa le istruzioni già pronte per aggiungere una calcolatrice. Il sito Web uCalc ha illustrato suggerimenti per l'installazione di una calcolatrice su CMS Wordpress, Joomla, Drupal, NetCat, i costruttori di siti uKit, uCoz, Tilda e Wix e altre piattaforme ben note. Se non hai trovato la tua piattaforma nell'elenco, apri qualsiasi descrizione e segui l'analogia.

Le istruzioni sono nella sezione FAQ
Le istruzioni sono nella sezione FAQ

Passaggio 14

Se decidi di cambiare qualcosa dopo averlo installato sul sito (design, prezzi, numero di elementi, ecc.), il calcolatore che hai creato può essere modificato nel costruttore e salvato. Le modifiche apportate verranno visualizzate automaticamente sul sito.

Consigliato: