Contenuti

Caso d'uso del campo di pagamento

Calculoid fornisce il campo di pagamento per i piani a pagamento. Ti consente di connetterti direttamente con il tuo account PayPal (o Stripe). Calculoid non prende alcuna commissione dai pagamenti effettuati con i calcolatori. Diamo un'occhiata a come puoi configurarlo e usarlo per il tuo progetto.

Lascia che i tuoi clienti paghino ciò che calcolano

Con il campo di pagamento, la tua calcolatrice diventa il carrello della spesa. Ovviamente non è una soluzione per grandi soluzioni di e-commerce. Ma ci sono casi in cui Calculoid è la soluzione migliore come strumento di pagamento. Considera questi esempi:

Un piccolo panificio

Una piccola panetteria di famiglia è specializzata in tipi di torta 5. Ogni prezzo della torta si differenzia per la dimensione della torta, i materiali di copertura e gli ingredienti di riempimento diversi. In questo caso, non è difficile creare una calcolatrice, inserire un paio di campi di testo per ottenere l'indirizzo del cliente e la data di consegna e quindi lasciare che i clienti calcolino il prezzo e paghino direttamente per la loro torta personalizzata. Quindi copialo e modificalo 4 più volte per adattarlo a ogni tipo di torta con la foto dell'illustrazione, inseriscilo nel tuo sito Web e la soluzione di e-commerce è pronta.

Agenzia di marketing

Immagina un'agenzia di marketing che vende il tempo degli esperti per ogni compito. Hanno un grafico, uno sviluppatore web, un copywriter, un esperto PPC e un project manager. Ogni esperto ha una tariffa oraria diversa. Inoltre, vogliono fornire uno sconto sulla quantità. In questo caso, la calcolatrice avrebbe una casella di controllo per ogni esperto e un cursore per quante ore vogliono acquistare il tempo dell'esperto. In questo modo i clienti possono facilmente calcolare l'entità del costo per il loro progetto e possono acquistarlo con un clic del pulsante.

Quindi con il campo di pagamento puoi vendere beni e servizi personalizzati. Il cliente può configurare esattamente ciò di cui ha bisogno.

Principali funzionalità di e-commerce

Calculoid offre più funzionalità per soddisfare le tue esigenze di e-commerce rispetto a un semplice pulsante di pagamento.

  • I pagamenti possono essere elaborati con carte di pagamento tramite Cancello di pagamento a strisce o tramite PayPal.
  • Tu e il cliente potete ottenere email personalizzata sul pagamento con tutti i valori del campo della calcolatrice.
  • La lista degli ordini è disponibile con tutti i dettagli del cliente e di pagamento e recensioni per ogni calcolatrice.
  • Gli ordini possono essere anche esportato in CSV quindi puoi aprirlo in un processore di foglio elettronico come MS Excel.
  • Webhooks ti consente di elaborare i dati dell'ordine in tempo reale. Invia le informazioni al tuo CRM o all'app di fatturazione.
  • Stiamo anche lavorando su integrazioni facili da configurare come quella per Redmine.

La configurazione del campo di pagamento

Non devi pagare per configurare e testare il campo di pagamento. Il campo è disponibile nel piano gratuito. Semplicemente non verrà visualizzato solo per te, quando avrai effettuato l'accesso. Sarà nascosto agli altri.

1. Login o Registrati

Se non lo hai ancora fatto, iscriviti!

2. Crea una nuova calcolatrice

Vai su Calcolatrici e fare clic sul Nuovo calcolatore pulsante. O sai, modifica quello che vuoi usare come calcolatore di pagamento. O copiare un calcolatore esistente. Potrebbe farti risparmiare tempo se trovi una calcolatrice simile come quella nella tua mente.

3. Aggiungi il campo di pagamento

Puoi trovare il campo di pagamento in questo modo:

calculoid-add-pagamento-campo

Clicca sul Pagamenti tipo di campo. Aggiungerà il nuovo campo alla tua calcolatrice. 

4. Modifica il campo

Dopo aver selezionato il tipo di campo che vuoi aggiungere alla tua calcolatrice, il campo verrà aggiunto ad esso, quindi vedrai questo:

calculoid-pagamento-campo

Si noti che se si passa il mouse sul campo, verranno visualizzate più opzioni. Vedrai l'ID campo che è importante per la formula. C'è il pulsante di modifica che aprirà il modulo di modifica per questo campo. Poi c'è una maniglia che ti permetterà di muovere il campo. Non è rilevante ora quando abbiamo un solo campo, ma sarà utile in seguito. E anche, se sei sopra un bordo del campo, sarai in grado di ridimensionarlo.

5. Aggiungi alcuni campi per calcolare con

Ora, abbiamo il campo di pagamento lì, ma non abbiamo alcun valore da pagare con esso. Aggiungiamo 2 più campi per calcolare il valore. Apri il "Aggiungi campo"scheda di nuovo, e aggiungere un Radio Box, un Slider e Campo di formula. Il risultato dovrebbe essere simile a questo:

calculoid-prime-fields

6. Cambia il layout della calcolatrice

È abbastanza sufficiente spazio per una calcolatrice così piccola. Usiamo la funzione di ridimensionamento per renderla più piccola. Ad esempio in questo modo:

calculoid-shrinked

7. Modifica le opzioni del campo

Modifichiamo la casella radio e il campo cursore per aggiungere alcune opzioni da scegliere per i nostri clienti. Preparerò una calcolatrice per un'app SaaS in cui ci sono piani 3 tra cui scegliere e quantità di utenti. Non mostrerò tutte le opzioni di modifica qui. Scopri le opzioni disponibili facendo clic sul pulsante Modifica come mostrato sopra.

8. Costruisci la formula

Diamo uno sguardo più da vicino come viene costruita la formula. Quindi modifica il campo Formula, assegnagli un nome (l'ho chiamato "Il prezzo finale"), il prefisso ($), postfix (/ mese), ingrandisci il font o lo stile come desideri. Il nucleo del campo formula e l'intero calcolatore è la formula stessa. Abbiamo campi 2 in cui il cliente può inserire le sue informazioni. Vogliamo semplicemente moltiplicare i valori di quei campi. Ogni campo ha un ID univoco. Quindi la formula per noi è: "Scegli il piano" * "Quanti utenti hai bisogno?" = F40981 * F40982. Se aggiungiamo i valori correnti, 20 * 5 = 100. Sembra che la calcolatrice conti correttamente. Ora torniamo al campo di pagamento e lo configuriamo.

calculoid-formula-edit

9. Configura il campo di pagamento

L'importante è collegare il campo di pagamento con il campo che contiene il prezzo. Questo può essere fatto facilmente modificando il campo di pagamento selezionando il campo dai campi disponibili:

calculoid-pagamento-edit

Ora puoi notare che lo stesso valore numerico appare nel pulsante di pagamento. Il resto dei campi qui è facile da indovinare cosa fanno. Prendiamo il passaggio finale, la configurazione di PayPal.

10. La configurazione di PayPal

Apriamo la scheda PayPal nella configurazione del campo di pagamento:

calculoid-paypal-edit

Se si passa il mouse sui campi qui, verrà spiegato più dettagliatamente cosa significa quindi descriverò il flusso di lavoro qui. PayPal fornisce un cancello di pagamento di prova in cui è possibile verificare i pagamenti prima di andare in diretta. In questo modo sai che l'intero processo funziona e, se sei sicuro, puoi passare a Production Payment Gate e ricevere i pagamenti reali. Quindi ecco cosa dovresti fare:

  1. Accedere sandbox.paypal.com e creare un cliente di prova. Dai un'occhiata al Guida ai test di PayPal se hai bisogno di maggiori informazioni
  2. Assicurati di aver salvato la tua calcolatrice, perché il test di pagamento PayPal ti reindirizzerà al gate di PayPal e potresti perdere le impostazioni non salvate.
  3. Ora inserisci un indirizzo email di prova nell'area email del campo Pagamento (non un campo di configurazione, il campo Email effettivo nel campo Pagamento ... questo diventa un po 'confuso. Spero di non averti ancora perso.) E fai clic sul Pulsante di pagamento. Questo ti reindirizzerà al cancello di pagamento di sandbox in cui puoi inserire l'e-mail del cliente di prova che hai creato nel passaggio 1 e procedere con il pagamento.
  4. Se tutto è andato bene, passa al cancello di produzione in modo da non dimenticarlo più tardi. L'ho fatto;)

Altre possibilità

Probabilmente lo vorrai inserisci la tua calcolatrice sul tuo sito web. Non dimenticare di configurare la calcolatrice e contrassegnarla come "Finito". Questo è necessario per far funzionare l'embed.

Quindi il tuo calcolatore di pagamenti PayPal è finito. Ma forse vorresti anche permettere ai tuoi clienti di pagare con loro carta di pagamento tramite cancello di pagamento Stripe. Gli invii / ordini possono essere visionato e / o scaricato. Se si desidera connettere gli ordini con un altro servizio, controlla i webhooks. E se ti sei perso in qualche passaggio di questo tutorial o se vuoi fare qualche domanda, CONTATTACI.

Il calcolatore di esempio

Dai un'occhiata all'ultima calcolatrice live che ho creato in questo tutorial. Se vuoi copiarlo e usarlo come base per la tua calcolatrice, puoi trovarlo qui: http://app.calculoid.com/#/calculator/7595

Informazioni aggiuntive

Inizia gratis Tour

Crea la tua calcolatrice web in pochi minuti.
Prova tutte le funzionalità nella prova gratuita di 30-day. 

Registrati gratis

Non sono necessarie carte di credito o installazioni