Come creare un calcolatore di preventivi in ​​WordPress (passo dopo passo)

come creare un calcolatore di preventivi in ​​wordpress


Vuoi creare un calcolatore di preventivi in ​​WordPress?

Un calcolatore di preventivi consente ai tuoi clienti di selezionare i prodotti / servizi che desiderano ottenere un preventivo o un prezzo istantaneo.

In questo articolo, ti mostreremo come creare un calcolatore di preventivi in ​​WordPress, passo dopo passo senza scrivere alcun codice.

Creazione di un calcolatore di preventivi con WordPress

Con un calcolatore di preventivi, i clienti possono selezionare diversi prodotti o servizi e applicare filtri per verificare i prezzi prima di inviare i propri ordini.

Per creare un calcolatore di preventivi, devi utilizzare il plug-in Formidable Forms.

Mentre ci sono molti plugin diversi che ti forniscono il calcolo del preventivo, qui ci sono alcuni modi in cui Formidable Forms si distingue da loro.

  • Creare un modulo di preventivo complesso o modulo d’ordine facilmente con troppe variabili.
  • Creare un modulo d’ordine autonomo e mostra immediatamente il prezzo totale.
  • Integrazione con WooCommerce per creare un’esperienza di acquisto senza interruzioni.

Il plug-in Formidable Forms viene fornito con più modelli di modulo che è possibile utilizzare per creare rapidamente qualsiasi modulo. Questi modelli di modulo sono facili da personalizzare grazie al builder drag and drop. Puoi anche utilizzare il modello vuoto per aggiungere campi personalizzati e impostare un modulo che ti piace.

Controlla la nostra recensione completa sui moduli formidabili per maggiori dettagli.

Diamo un’occhiata a questa guida passo passo su come creare correttamente un calcolatore di preventivi in ​​WordPress.

Passaggio 1: creare un modulo di offerta

Naturalmente, la prima cosa che devi fare è installare Formidable Forms sul tuo sito. Offre un modello che è possibile utilizzare per creare immediatamente il modulo di offerta.

Ma prima di farlo assicurati di aver aggiunto i prodotti / servizi che vuoi vendere e specifica i loro costi. Esistono diversi modi per visualizzare le opzioni di prezzo nel modulo. È possibile utilizzare caselle radio, caselle di controllo o campi a discesa per aggiungere i prodotti.

Caselle di controllo e pulsanti di opzione

Utilizzare il builder trascina selezione per aggiungere tipi di campi per visualizzare le opzioni.

Successivamente, puoi fare clic su qualsiasi campo per visualizzare le opzioni sul lato sinistro dello schermo. Le opzioni predefinite saranno “Opzione 1”, “Opzione 2”, ecc. Puoi andare avanti e sostituire il testo con i nomi dei tuoi prodotti.

Ora controlla Usa valori separati opzione per aggiungere prezzi accanto a ciascun prodotto. Sentiti libero di aggiungere più opzioni all’elenco, se lo desideri.

Usa valori separati

Questi valori saranno utili per calcolare automaticamente i prezzi totali per i prodotti selezionati.

È possibile utilizzare le opzioni avanzate per personalizzare le impostazioni di stile per diversi campi.

Passaggio 2: aggiungere un campo di sola lettura per visualizzare il prezzo totale

Successivamente, è necessario aggiungere un Numero campo nel modulo per visualizzare il prezzo totale. Questo campo numerico deve essere impostato in sola lettura in modo che gli utenti non possano modificare il prezzo totale.

Nel Opzioni avanzate sezione, troverai un Valore predefinito opzione. Devi fare clic sull’icona della calcolatrice e quindi fare clic sull’icona del menu.

Opzioni avanzate

Verrà visualizzato il Calcola il valore predefinito opzioni. In questa sezione, è necessario aggiungere le cifre decimali. Il valore suggerito è “2” per il calcolo del prezzo.

Valore predefinito

Nel Elenco campi sezione sottostante, puoi andare avanti e cercare i campi che desideri calcolare nel modulo. Seleziona il nome o l’id dei campi per aggiungerli all’elenco.

Puoi vedere un esempio di come il plugin mostrerà i prezzi totali sulla base della selezione del prodotto dell’utente.

Calcolo del prezzo totale

Ogni volta che l’utente cambia prodotti o categorie, aggiornerà automaticamente il prezzo nel calcolatore del preventivo.

Passaggio 3: aggiungere i metodi di pagamento nel modulo del calcolatore del preventivo

Dopo aver calcolato e visualizzato il prezzo totale, è necessario aggiungere il metodo di pagamento per consentire agli utenti di completare l’acquisto. Il plug-in Formidable Forms viene fornito con più componenti aggiuntivi per aggiungere opzioni di pagamento, tra cui Stripe, Authorize.net, PayPal, ecc.

Puoi selezionare un metodo di pagamento. La maggior parte di questi metodi utilizza le carte di credito come opzione per riscuotere i pagamenti online.

Carta di credito

Aggiungi il campo della carta di credito e personalizzalo in Opzioni di campo sezione.

Passaggio 4: pubblicare e visualizzare il calcolatore di preventivi in ​​WordPress

Ora il modulo per il preventivo è pronto. Puoi pubblicarlo e visualizzarlo su qualsiasi pagina del prodotto in WordPress.

Per pubblicare il modulo nell’editor di blocchi Gutenberg, è possibile aggiungere un nuovo blocco e scegliere Formidable Forms. Quindi, è possibile selezionare il modulo del calcolatore di preventivo.

Se stai utilizzando l’editor classico, fai clic sull’icona Formidabile sopra l’editor. Si aprirà un popup e puoi selezionare il modulo del calcolatore di preventivo. Clicca sul Inserire per aggiungere il modulo alla tua pagina.

È tutto.

Speriamo che questo articolo ti abbia aiutato a imparare come creare un modulo per il preventivo in WordPress. Puoi anche consultare la nostra guida su come inviare un modulo senza aggiornamento della pagina in WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map