Cercate una soluzione semplice per creare un calcolatore di prezzi per il vostro sito web e iniziare a vendere articoli online?
Per aiutarvi a gestire le vostre esigenze di eCommerce, tutto ciò che vi serve è un modulo d'ordine facile da usare e che calcoli automaticamente i prezzi.
In questo articolo vi guideremo attraverso il processo di creazione di un semplice modulo d'ordine con un calcolatore di prezzo automatico per il vostro sito web.
Perché utilizzare un calcolatore di prezzi per WordPress?
Utilizzate ancora semplici moduli d'ordine che non prevedono calcolatori di prezzo o gateway di pagamento per i visitatori del vostro sito web?
Se non lo fate, vi state perdendo un vantaggio fondamentale nel mercato digitale di oggi. Vediamo i motivi:
- Preventivi in tempo reale: Con un calcolatore di prezzi automatizzato sulle pagine di destinazione, i potenziali clienti ottengono preventivi istantanei, migliorando la loro esperienza di acquisto.
- Miglioramento del checkout: L'integrazione delle opzioni di pagamento contribuisce all'ottimizzazione del checkout, aumentando la probabilità di concludere le vendite.
- Appeal professionale: I clienti moderni si aspettano strumenti sofisticati. L'offerta di prezzi dinamici dimostra che la vostra azienda è incentrata sul cliente.
- Riduce l'abbandono del carrello: Una struttura di prezzi trasparente con metodi di pagamento semplici aiuta a ridurre i casi di abbandono del carrello.
- Risparmio di tempo: i calcoli automatizzati riducono gli interventi manuali, consentendo alle aziende di concentrarsi sulle attività principali e sul servizio clienti.
Detto questo, passiamo ora alle istruzioni passo-passo su come creare un modulo d'ordine con risultati di calcolo automatico del prezzo utilizzando WPForms!
Come creare un calcolatore di prezzi per il vostro sito web
Calcolare il prezzo totale con una calcolatrice web utilizzando WPForms è estremamente semplice. Tutto ciò che dovete fare è seguire questi semplici passaggi:
In questo articolo
Passo 1: Installare e attivare WPForms Pro
Se state cercando un plugin per la creazione di moduli che vi permetta di creare moduli di contatto o moduli d'ordine di ogni tipo, non cercate oltre WPForms.
Supporta diversi gateway di pagamento, ha più di 2.000 modelli di moduli WordPress e molti addon premium per aumentare le funzionalità del vostro sito web.
Per gli scopi di questo tutorial, utilizzeremo la versione Pro di WPForms per costruire una calcolatrice e un modulo d'ordine personalizzati nel modo più veloce possibile.
Una volta pronti a procedere, acquistate l'abbonamento a WPForms Pro e installate il plugin sul vostro sito web WordPress.
Passo 2: Collegare WPForms con Stripe
Dopo aver installato WPForms, è necessario ottenere l'addon Stripe Pro. Dal menu di amministrazione di WordPress, selezionate WPForms " Addons.
Quindi, per trovare l'addon Stripe Pro, basta inserire il suo nome nel campo Cerca addon. Dopodiché, fare clic su Installa addon.
Per configurare le impostazioni di pagamento di Stripe, è necessario andare su WPForms " Impostazioni e cliccare sulla scheda Pagamenti.
Per modificare la valuta utilizzata nel sito, selezionare la valuta desiderata dal menu a discesa prima di procedere.
Quando si è pronti a collegare i pagamenti di Stripe alla propria piattaforma, è sufficiente scorrere verso il basso e fare clic sul pulsante blu Connect with Stripe .
Ora vi verrà chiesto di inserire le vostre credenziali Stripe per collegare WPForms al vostro account Stripe. Non avete un account? Createlo subito!
Dopo aver completato il processo di connessione a Stripe, andare su WPForms " Impostazioni " Pagamenti. Dovreste vedere un segno di spunta verde accanto a Stato della connessione.
Ottimo lavoro! Ora siete pronti a creare il vostro modulo d'ordine e a integrarlo con Stripe per iniziare ad accettare pagamenti in pochissimo tempo.
Fase 3: Selezionare un modello di modulo d'ordine
È arrivato il momento di creare il vostro modulo d'ordine. Fate clic sul pulsante Aggiungi nuovo dopo aver selezionato WPForms dalla vostra dashboard di WordPress.
Si accede così alla schermata successiva. Per iniziare, si deve indicare un nome per il modulo e selezionare un modello.
Una volta trovato un modello adatto, fare clic sul pulsante Usa modello. Per questa esercitazione, selezioneremo il modulo di fatturazione/ordine.
Il modello è dotato di un campo Articoli multipli e di un campo Totale che può essere utilizzato per calcolare il costo di un ordine in WordPress.
È possibile modificare il modello per includere diversi campi di opzione del prodotto e incorporare calcoli per aggiornare il campo Prezzo totale.
Personalizzazione del campo Articoli multipli
Per questa esercitazione, siamo partiti dal campo standard Multiple Items e lo abbiamo modificato per includere alcuni tipi diversi di camicie.
Facendo clic sul campo Elementi multipli, è possibile modificarne le opzioni, proprio come abbiamo fatto in questo esempio. Ecco alcune opzioni utili:
- Etichetta: Qui si può dire che cosa riguardano le scelte sottostanti.
- Articoli: Queste sono le diverse opzioni e il loro costo.
- Mostra il prezzo dopo le etichette degli articoli: Se si desidera mostrare il prezzo finale di ciascun articolo separatamente, selezionare questa casella.
Ora, quando un utente sceglie un prodotto in questo modulo, il calcolo del campo Importo totale cambia immediatamente per adattarsi al prezzo di quell'articolo.
Supporto della selezione di più prodotti
Supponiamo che, invece di dare agli utenti la possibilità di selezionare un solo prodotto, si voglia che essi selezionino più prodotti. Anche questo è possibile!
Ad esempio, se un utente desidera acquistare una maglietta e una felpa, è possibile offrirgli la possibilità di ordinare entrambi gli articoli con un unico modulo.
A tal fine, si deve andare nel menu Campi di pagamento e utilizzare il campo Casella di controllo Elementi. In questo campo è possibile inserire le opzioni del prodotto.
Ora, se un utente seleziona più prodotti, il campo Importo totale visualizzerà automaticamente l'importo combinato degli articoli selezionati.
Aggiunta di un campo carta di credito Stripe
La cosa più importante di un modulo d'ordine è fornire ai clienti un modo efficiente e semplice per effettuare i pagamenti online.
In precedenza, abbiamo attivato l'addon Stripe Pro e collegato Stripe a WPForms per iniziare ad accettare i pagamenti.
Per abilitare i pagamenti per il modulo d'ordine, sotto i Campi di pagamento, selezionare il campo Carta di credito Stripe.
Successivamente, andare alla scheda Pagamenti e aprire le impostazioni di Stripe. Quindi, attivare l'opzione Abilita pagamenti una tantum.
Ora siete pronti per consentire ai vostri clienti di acquistare diversi prodotti, ottenere il prezzo totale dei loro ordini ed effettuare i pagamenti attraverso un unico modulo!
Passo 4: Utilizzare i calcoli per i totali avanzati (facoltativo)
L'addon Calcoli di WPForms può rendere le cose ancora più interessanti, consentendo di modificare il calcolo del prezzo totale.
È molto semplice aggiungere l'addon Calcoli al vostro sito WordPress. Dal cruscotto di WordPress, andate su WPForms " Componenti aggiuntivi.
Immettere "Calcoli" nel campo Cerca componenti aggiuntivi. Quindi, fare clic sul pulsante Installa addon. Successivamente, fare clic sul pulsante Attiva.
Con l'addon Calcoli installato e attivato, è ora possibile creare formule più interattive e complesse per modificare il prezzo totale del modulo.
Ad esempio, è possibile aggiungere un campo per la quantità o inserire una detrazione fiscale standard, a seconda del tipo di calcolatore di cui si ha bisogno.
Aggiunta di un campo quantità
Per aggiungere un campo quantità al modulo, è sufficiente trascinare un campo a discesa sull'anteprima del modulo situata sul lato destro.
A questo punto, passare alle Opzioni di campo del campo a discesa appena aggiunto e modificare l'etichetta in "Quantità".
Quindi, inserire le quantità disponibili nella sezione Scelte e assicurarsi che il campo sia contrassegnato come Obbligatorio.
Una volta fatto ciò, scegliere il campo Oggetto singolo e aggiungerlo al modulo trascinandolo o facendo clic su di esso.
Ora è possibile modificare l'etichetta della casella Articolo singolo in qualcosa come "Prezzo totale". Quindi, passare alla scheda Avanzate e attivare l'opzione Abilita calcoli.
Nella casella Formula, è possibile collegare facilmente il campo Articoli multipli al campo a discesa Quantità, utilizzando una semplice moltiplicazione.
$FX_amount * $FX
- $FX: Valore del campo con ID #X (#1).
- $FX_amount: Il valore dell'importo del campo di pagamento con ID #X.
Ora aprite il campo Elementi multipli e annotate l'ID del campo. Questo si trova nelle Opzioni di campo, proprio sotto la scheda Generale.
In seguito, ripetere la stessa procedura per il campo a discesa "Quantità". Questo passaggio è fondamentale per la parte successiva.
Ora combiniamo gli ID e li aggiungiamo alla formula (prezzo del prodotto per quantità). $FX_amount * $FX la formula diventerà $F5_amount * $F10
Ora siete pronti per inserire il calcolo $F5_amount * $F10 nella casella Formula del file Articolo singolo campo "Prezzo totale". Una volta fatto, fare clic su Convalidare la formula.
Ora, ogni volta che un utente sceglie un prodotto e aggiunge una quantità, il prezzo totale viene calcolato automaticamente.
Aggiunta di una detrazione fiscale standard
Quando si considerano le imposte, di solito si calcolano moltiplicando il subtotale (prezzo del prodotto moltiplicato per la quantità) per l'aliquota fiscale applicabile.
Come già detto, la formula per calcolare il subtotale nel nostro caso d'uso è il prezzo del prodotto moltiplicato per la quantità.
$F5_amount * $F10
Supponiamo che l'importo dell'imposta sia calcolato come il 10% del subtotale. La formula per il calcolo dell'imposta standard è la seguente:
0.10 * ($F5_amount * $F10)
Per calcolare il totale generale, che include l'imposta, è necessario sommare il subtotale e l'imposta. L'equazione appare come segue:
($F5_amount * $F10) + (0.10 * ($F5_amount * $F10))
La formula può essere aggiunta ovunque si voglia visualizzare il totale finale. Ad esempio, utilizzeremo la formula nel campo Articolo singolo che abbiamo etichettato come "Prezzo totale + tasse".
È importante ricordare che quando si aggiunge una formula, è necessario inserire l'ID campo corretto affinché i calcoli funzionino correttamente.
Passo 5: Pubblicare il modulo di fatturazione/ordine
Una delle migliori caratteristiche di WPForms è la possibilità di incorporare facilmente il modulo in una nuova pagina senza dover modificare alcun codice.
Dopo aver personalizzato il modulo d'ordine per includere le varie opzioni di prodotto e il calcolo automatico dell'importo, fare clic sul pulsante Salva.
Per procedere, fare clic sul pulsante Incorpora situato accanto all'opzione Salva. A questo punto è possibile scegliere tra Creare una nuova pagina o Selezionare una pagina esistente.
Successivamente, vi verrà richiesto di fornire un nome alla vostra pagina. Al termine, fare clic sul pulsante Let's Go.
A questo punto, WPForms vi porterà automaticamente all'editor di WordPress, dove troverete il vostro modulo già incorporato nella nuova pagina.
Per rendere operativi il modulo d'ordine e la calcolatrice online con i calcoli di WPForms, basta cliccare sul pulsante Pubblica. Ora è tutto pronto!
Per assicurarsi che non ci siano problemi, è importante testare il modulo incorporato dopo la pubblicazione e verificare che funzioni come previsto.
Domande frequenti sulla creazione di un calcolatore di prezzi per il vostro sito web
I moduli di calcolo sono un argomento molto popolare tra i nostri lettori. Ecco le risposte a diverse domande frequenti su questo argomento per aumentare il vostro know-how:
Come posso creare una calcolatrice per il mio sito web?
Per creare un semplice calcolatore di prezzi per il vostro sito, optate per i plugin di WordPress o per gli strumenti online fatti su misura per questo scopo. WPForms Pro con l'addon Calcoli è un'ottima opzione, in quanto facilita una tonnellata di formule avanzate e viene fornito con un enorme elenco di modelli di calcolo già pronti!
Come si crea un calcolatore di prezzi in WordPress?
Creare un calcolatore di prezzi in WordPress è semplice con gli strumenti giusti. WPForms Pro è un plugin per la creazione di calcolatori e moduli che consente di generare calcolatori di prezzo dinamici senza alcuno sforzo. Basta installarlo, impostare i campi e attivare i calcoli consultando questo foglio di calcolo.
Come si crea una formula di prezzo?
Per il calcolo del costo totale si utilizza una formula di prezzo. In genere, tiene conto del prezzo base, del valore aggiunto, dell'imposta standard e di potenziali sconti o ricarichi. Con WPForms Pro e il suo Addon Calcoli, è possibile inserire cursori numerici, formule personalizzate e molto altro ancora, garantendo agli utenti un calcolo dei prezzi accurato e in tempo reale.
Quindi, scegliete il giusto plugin SMTP per migliorare la deliverability delle e-mail per il vostro sito web.
Dopo che gli utenti acquistano un prodotto compilando il modulo d'ordine, è importante inviare loro un'e-mail di conferma per generare lead. Per farlo, è fondamentale scegliere il plugin SMTP giusto. Date quindi un'occhiata a questo confronto tra WP Mail SMTP Lite e Pro.
Correggete subito le vostre e-mail di WordPress
Siete pronti a sistemare le vostre e-mail? Iniziate oggi stesso con il miglior plugin SMTP per WordPress. Se non avete il tempo di sistemare le vostre e-mail, potete ottenere l'assistenza completa di White Glove Setup come acquisto aggiuntivo e c'è una garanzia di rimborso di 14 giorni per tutti i piani a pagamento.
Se questo articolo vi è stato utile, seguiteci su Facebook e Twitter per altri consigli e tutorial su WordPress.
