Integrazione con WooCommerce di WPForms: connettiti senza codice

Pubblicato: 2023-09-06

Stai cercando un metodo di integrazione WPForms + WooCommerce semplice?

WPForms e WooCommerce sono entrambi potenti plugin per il tuo sito web di e-commerce. WooCommerce offre soluzioni flessibili per la gestione dei prodotti e il pagamento, mentre WPforms semplifica la creazione di moduli di contatto, moduli di iscrizione e moduli d'ordine e include anche componenti aggiuntivi per accettare pagamenti e generare coupon.

Puoi creare un'esperienza cliente migliore, semplificare il flusso di lavoro, risparmiare tempo e guadagnare di più collegando WPForms a WooCommerce.

In questo tutorial ti mostreremo come utilizzare il plugin Uncanny Automator per connettere WPForms a WooCommerce in pochi minuti, senza bisogno di codice!

Crea ora il tuo modulo WordPress

WPForms si integra con WooCommerce?

Sebbene WPForms non si integri direttamente con WooCommerce, puoi collegare facilmente i due plugin con Uncanny Automator.

Uncanny Automator

Uncanny Automator è un plug-in di automazione che semplifica e velocizza la connessione di plug-in, app e siti Web senza codice e API complicati.

La semplice interfaccia di Automator ti consente di impostare "trigger" in un plug-in che causeranno un'azione nell'altro plug-in. Ad esempio, il trigger in WPForms potrebbe essere un utente che invia un modulo.

Quando si verifica questo trigger, puoi scegliere quale azione desideri attivare automaticamente in WooCommerce, ad esempio impostare lo stato dell'ordine su "annullato".

Il modo migliore per capire come funziona è fare un esempio. Continua a leggere per istruzioni dettagliate sulla configurazione di WPForms e WooCommerce e sull'utilizzo di Uncanny Automator per collegarli insieme per creare un modulo di annullamento automatico dell'ordine.

Integrazione WooCommerce di WPForms

In questo articolo

  • Passaggio 1: installa WPForms
  • Passaggio 2: installa WooCommerce
  • Passaggio 3: crea un modulo di annullamento dell'ordine
  • Passaggio 4: installa Uncanny Automator
  • Passaggio 5: crea una ricetta Uncanny Automator per connettere WPForms a WooCommerce
  • Passaggio 6: testare l'integrazione di WPForms WooCommerce
  • Domande frequenti

Passaggio 1: installa WPForms

Se non hai ancora installato il plugin WPForms, puoi seguire questa guida su come installare e attivare i plugin in WordPress.

Puoi connettere qualsiasi versione di WPForms a WooCommerce, incluso WPForms Lite.

Passaggio 2: installa WooCommerce

Ora che hai installato WPForms, puoi procedere e installare WooCommerce se non è già in esecuzione sul tuo sito.

WooCommerce è un plugin gratuito e puoi installarlo direttamente dalla dashboard di WordPress. Segui la guida all'installazione del plugin se non sei sicuro del processo.

Passaggio 3: crea un modulo di annullamento dell'ordine

In questo esempio, creeremo un modulo di annullamento dell'ordine in WPForms. Collegheremo quindi questo modulo a WooCommerce in modo che lo stato dell'ordine venga automaticamente impostato su "annullato" quando il modulo viene inviato.

Per iniziare, dobbiamo creare un modulo di annullamento dell'ordine di base.

Vai su WPForms »Aggiungi nuovo e inserisci un nome per il tuo modulo, qualcosa come "Annullamento ordine".

Poiché si tratterà di un modulo molto semplice, inizieremo con un modulo vuoto invece di utilizzare un modello. Fare clic sul pulsante Crea modulo vuoto .

Create a blank form in WPForms

Per creare il tuo modulo, tutto ciò che devi fare è trascinare e rilasciare i campi del modulo dal pannello a sinistra.

Inizia trascinando un campo Email , seguito da un campo Numeri .

Add an email field and a numbers field to your form in the form builder

Fai clic sul campo Numeri e modifica l' etichetta nel pannello Opzioni campo in "Numero ordine".

Change numbers label to "order number"

Infine, modifichiamo il messaggio di conferma quando un utente invia il modulo. Nel generatore di moduli, vai su Impostazioni »Conferme.

Form confirmations

Modifica il messaggio di conferma in qualcosa come "Il tuo ordine è stato annullato".

Order cancelled confirmation message

In questo esempio, abbiamo creato un modulo di annullamento dell'ordine molto semplice, ma se lo desideri puoi aggiungere più campi e persino utilizzare la logica condizionale per creare un modulo con più funzionalità.

Ora che il tuo modulo è stato creato, puoi pubblicarlo sul tuo sito. Fai clic sul pulsante Incorpora , che avvierà un popup.

Form builder embed button

Fai clic su Crea nuova pagina per creare una pagina per il modulo.

Create new page

Digita un nome per la tua pagina e fai clic su Let's Go! Pulsante per creare la tua pagina.

embed form in a page

Se lo desideri, puoi aggiungere testo e altri elementi a questa pagina. Quando sei soddisfatto, fai clic sul pulsante Pubblica .

Publish order cancellation form

Ti verrà chiesto di ricontrollare le tue impostazioni. È anche una buona idea cambiare la visibilità della pagina in Privata o protetta da password in modo da poter testare il modulo prima di renderlo pubblico. Fai clic sul pulsante Pubblica finale per rendere attivo il modulo sul tuo sito.

Confirm form publication

Ora che il modulo di annullamento dell'ordine è pronto per l'uso, il passaggio successivo è installare Uncanny Automator in modo da poter inviare le voci del modulo a WooCommerce.

Passaggio 4: installa Uncanny Automator

Se vuoi provare Uncanny Automator, puoi iniziare con la versione gratuita, che include centinaia di trigger di automazione, come un utente che invia un modulo in WPForms o un utente che completa un ordine di prodotto WooCommerce.

Uncanny Automator Pro include oltre 1.000 trigger e azioni, inclusi trigger aggiuntivi per WooCommerce, come:

  • Un utente aggiunge un prodotto al carrello
  • Un utente recensisce un prodotto
  • Lo stato dell'ordine di un utente cambia in uno stato specifico
  • Il pagamento di un ordine non riesce

Alcune delle azioni professionali che puoi creare in WooCommerce e WPForrns includono:

  • Creare un ordine con un prodotto
  • Modificare il prezzo di un prodotto
  • Imposta un ordine su uno stato specifico
  • Registra un nuovo utente

Per questo esempio, vogliamo impostare un ordine specifico su uno stato specifico ("annullato"), quindi dobbiamo installare Uncanny Automator Pro.

Vai alla pagina dei prezzi di Uncanny Automator e fai clic sul pulsante per ottenere il piano scelto.

Get Uncanny Automator

Compila i dettagli di pagamento e fai clic sul pulsante per completare il pagamento.

Una volta acquistato il plug-in, puoi accedere al tuo account Uncanny Automator e scaricarlo dalla pagina Download .

Download Uncanny Automator

Avrai bisogno anche della chiave di licenza, che potrai copiare dopo aver fatto clic su Licenze nel menu.

Uncanny Automator license key

Ora torna al tuo sito WordPress e installa il plugin. Passare a Plugin »Aggiungi nuovo e fare clic sul pulsante Carica plugin .

Upload plugin

Fai clic sul pulsante Scegli file e trova il file zip scaricato da Uncanny Automator. Fare clic sul pulsante Installa ora per installare il plug-in. L'operazione dovrebbe richiedere solo pochi istanti.

Install Uncanny Automator

Infine, fai clic sul pulsante Attiva plugin .

Activate Uncanny Automator

Assicurati di attivare il plugin inserendo la chiave di licenza. Puoi farlo dalla dashboard di Uncanny Automator. Vai su Automator nel menu della dashboard di WordPress e fai clic sul pulsante Attiva la tua licenza .

Activate Uncanny Automator license

Incolla la licenza che hai copiato dal sito Uncanny Automator e fai clic sul pulsante Attiva licenza .

Activate license

Dovresti vedere un messaggio di conferma che la tua licenza è attiva.

Uncanny Automator license active

Dopo aver installato e attivato Uncanny Automator, puoi procedere con la connessione di WooCommerce e WPForms.

Passaggio 5: crea una ricetta Uncanny Automator per connettere WPForms a WooCommerce

Per connettere WPForms a WooCommerce, dobbiamo creare un'automazione del flusso di lavoro. Questa si chiama ricetta in Uncanny Automator.

Nella dashboard di WordPress, vai su Automator »Aggiungi nuovo file .

Add new Uncanny Automator recipe

Vedrai un invito a selezionare un tipo di ricetta. Se scegli Utenti registrati , solo gli utenti che hanno effettuato l'accesso al tuo sito WordPress possono attivare la ricetta. Le ricette per tutti possono essere attivate sia dagli utenti che hanno effettuato l'accesso che dai visitatori generici.

È importante scegliere l'opzione giusta qui, poiché non potrai modificarla in seguito. Le ricette per tutti sono disponibili solo in Uncanny Automator Pro.

Ai fini di questo tutorial, utilizzeremo gli utenti che hanno effettuato l'accesso. Ciò aiuterà anche a impedire agli spammer di inviare il modulo. Tuttavia, se hai abilitato il pagamento come ospite in WooCommerce, dovrai creare la ricetta per tutti, poiché i tuoi clienti non avranno un account sul tuo sito.

Scegli Utenti registrati e fai clic sul pulsante Conferma per continuare.

Create recipe for logged-in users

Inserisci un nome per la tua ricetta. Come in questo esempio, attiveremo una modifica dello stato dell'ordine dall'invio di un modulo, abbiamo chiamato la nostra ricetta "Annullamento dell'ordine".

Quindi, fai clic su WPForms per selezionare un trigger.

Create WPForms trigger

Scegli " Un utente invia un modulo " come trigger.

Choose "User submits a form" as the trigger

Ora scorri il menu a discesa per trovare il modulo di annullamento dell'ordine creato in precedenza. Selezionalo e fai clic sul pulsante Salva .

Choose order cancellation form as the trigger

Il tuo trigger ora dovrebbe essere attivo.

Uncanny Automator trigger is live

Scorri verso il basso fino a Azioni e fai clic sul pulsante Aggiungi azione .

Add action

Scorri verso il basso per trovare l'integrazione WooCommerce e fai clic per selezionarla.

WooCommerce integration

Trova l'azione " Imposta un ordine specifico su uno stato specifico " nel menu a discesa e selezionala.

Set a specific order to a specific status

Fai clic sull'icona dell'asterisco accanto al campo ID ordine .

Select order ID

Nel menu a discesa visualizzato, scorri fino a Trigger . Fai clic sulla freccia accanto a " Un utente invia l'annullamento dell'ordine 1 volta(e) " per scegliere il campo del modulo da collegare all'ID ordine in WooCommerce.

Order ID Trigger

Scorri verso il basso per trovare il campo Numero ordine e fai clic per selezionarlo.

Choose order number as order ID

Fai clic sul pulsante Salva e continua a scegliere l'azione specifica che desideri intraprendere.

Save order number as order ID

Nel menu a discesa, scorri verso il basso e seleziona " Annullato ".

Choose "cancelled" as order status to set

Fare clic sul pulsante Salva per salvare l'azione.

Save Action

La tua azione ora dovrebbe essere Live .

Uncanny Automator action is live

Infine, non dimenticare di cambiare lo stato della tua ricetta da Bozza a Live .

Set recipe to live to activate the WPForms WooCommerce integration.

Controlliamo che funzioni!

Passaggio 6: testare l'integrazione di WPForms WooCommerce

Puoi creare alcuni ordini fittizi in WooCommerce per testarli. Un modo semplice per farlo è attivare “Contrassegno” come metodo di pagamento nelle impostazioni di pagamento di WooCommerce. Potrai quindi completare liberamente il checkout e creare un ordine con dati fittizi.

Prendi nota del numero dell'ordine e dell'indirizzo email che hai inserito al momento del pagamento e controlla che l'ordine sia andato a buon fine e sia visibile nella dashboard di WordPress in WooCommerce »Ordini .

WooCommerce order

Ora torna al front-end del tuo sito e vai alla pagina di cancellazione dell'ordine.

Inserisci l'indirizzo email e il numero dell'ordine fittizio e invia il modulo.

test order cancellation form

Vedrai un messaggio di conferma che il tuo ordine è stato annullato. Dovresti anche ricevere un'e-mail di notifica che ti informa della cancellazione.

Order has been cancelled

Ora torna ai tuoi ordini WooCommerce nella dashboard di WordPress e controlla lo stato dell'ordine.

Se tutto è stato impostato correttamente, dovresti vedere che lo stato dell'ordine è passato a "Annullato".

Confirm order cancelled

Ben fatto! Hai collegato con successo WPForms a WooCommerce e creato un modulo di annullamento dell'ordine.

Ricorda, questo è solo un esempio di automazione che puoi impostare con Uncanny Automator. Oltre a connettere WPForms a WooCommerce, puoi anche inviare dati dai tuoi moduli online al tuo CRM, alla piattaforma di email marketing e a Zapier per creare integrazioni e automazioni quasi illimitate.

Consulta l'elenco completo di trigger e azioni per avere un'idea di cos'altro puoi automatizzare ora che hai imparato a connettere i plug-in.

Domande frequenti

Hai ancora domande sull'integrazione e l'automazione di WPForms WooCommerce? Di seguito sono riportate alcune risposte alle domande più comuni

Come posso inviare automaticamente le fatture in WooCommerce?

WooCommerce ti consente solo di inviare fatture manualmente, ma puoi automatizzare il processo con il plug-in Uncanny Automator. Tutto quello che devi fare è creare una nuova ricetta con un utente che completa un ordine come trigger. Quando un ordine viene completato, è possibile impostare questa opzione per attivare un'e-mail di fattura da inviare automaticamente all'utente, personalizzata con i dettagli dell'ordine.

Posso creare un modulo d'ordine in WPForms?

Puoi creare facilmente moduli d'ordine e moduli di pagamento in WPForms con il generatore di moduli drag-and-drop. WPForms è inoltre dotato di integrazione Stripe integrata, quindi puoi consentire agli utenti di pagare gli ordini direttamente con carta di credito senza la necessità di un altro plug-in eCommerce.

Come posso creare automaticamente ordini in WooCommerce?

Puoi creare automaticamente ordini in WooCommerce utilizzando il plugin Uncanny Automator. Ad esempio, se desideri inviare un regalo gratuito agli utenti quando si registrano sul tuo sito, puoi connettere WPForms a WooCommerce in modo che venga creato automaticamente un ordine quando viene inviato il modulo di registrazione.

Come posso creare un modulo di registrazione WooCommerce personalizzato?

Il modulo di registrazione dell'utente WooCommerce è piuttosto semplice. Anche se puoi personalizzarlo modificando il codice, è molto più semplice utilizzare un plugin per moduli come WPForms per creare il tuo modulo di registrazione personalizzato. Puoi quindi connettere questo modulo a WooCommerce per creare automaticamente un utente quando il modulo viene inviato.

Esiste un'alternativa a WooCommerce?

Se desideri vendere prodotti sul tuo sito Web WordPress senza installare WooCommerce, dovresti considerare WPForms come alternativa. WPForms semplifica la ricezione di ordini e pagamenti se vendi solo pochi prodotti e non vuoi il fastidio di installare e mantenere una piattaforma di e-commerce completa.

Crea ora il tuo modulo WordPress

Successivamente, installa più plugin WooCommerce per migliorare il tuo negozio

Ora che hai avuto un piccolo assaggio di come altri plugin di WordPress possono migliorare l'esperienza del cliente e rendere la gestione del tuo negozio più semplice e veloce, potresti prendere in considerazione alcune altre opzioni.

Abbiamo compilato un elenco dei migliori plugin WooCommerce che ti aiuteranno a ottenere il massimo dal tuo negozio online.

Puoi anche scoprire come archiviare le voci WPForms in Fogli Google in modo da poter tenere traccia delle cancellazioni degli ordini e di altri invii di moduli.

Pronto a costruire il tuo modulo? Inizia oggi con il plug-in per la creazione di moduli WordPress più semplice. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.

Se questo articolo ti ha aiutato, seguici su Facebook e Twitter per ulteriori tutorial e guide gratuiti su WordPress.