Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare un modulo Airtable personalizzato in WordPress (in modo semplice)

Molti proprietari di siti web lottano con moduli complicati e dati disordinati. Questo può essere un vero mal di testa e far perdere tempo prezioso. In questo caso, linkare il modulo ad Airtable può essere utile.

Airtable è uno strumento fantastico per la creazione di applicazioni basate sui dati. Aiuta a raccogliere e gestire le informazioni con facilità.

Fortunatamente, creare un modulo Airtable personalizzato per il vostro sito WordPress è più facile di quanto si possa pensare. Noi di WPBeginner abbiamo guidato innumerevoli utenti in questo processo.

In questo articolo vi spiegheremo come creare un modulo personalizzato Airtable in WordPress. Non avete competenze di codifica? Nessun problema. Il nostro metodo è semplice e adatto ai principianti.

Create custom Airtable form

Perché creare un modulo Airtable personalizzato in WordPress?

Immaginate di gestire un sito web molto frequentato, con una grande quantità di dati provenienti da moduli di contatto, sondaggi e domande dei clienti. Tenere traccia di tutte queste informazioni può diventare rapidamente un incubo.

Ci si ritrova persi in un mare di email, fogli di calcolo e dati mal organizzati, perdendo tempo prezioso nel tentativo di dare un senso a tutto ciò. È qui che vengono in soccorso i moduli personalizzati di Airtable.

Airtable è uno strumento di gestione dei dati che consente di creare applicazioni personalizzate basate sui dati. In questo modo, potrete visualizzare meglio i dati raccolti sul vostro sito web utilizzando i moduli di WordPress.

Ad esempio, è possibile utilizzare i dati dei moduli di contatto di WordPress in Airtable come strumento di CRM (Customer Relationship Management) per gestire i contatti acquisiti dai moduli di WordPress.

È anche possibile memorizzare i dati dei sondaggi degli utenti su Airtable.

Ecco alcuni altri casi di utilizzo di Airtable con WordPress:

  • Organizzate le attività per progetto, assegnate le responsabilità e utilizzate le viste Kanban per visualizzare i progressi del progetto.
  • Create un calendario per i contenuti, tenete traccia delle date di pubblicazione e assegnate scrittori e redattori per aumentare il traffico del vostro blog.
  • Mantenere un database di articoli in inventario per tenere traccia delle quantità per il vostro negozio online.

In pratica, potete utilizzare i dati raccolti dai moduli di contatto di WordPress in Airtable per creare applicazioni, flussi di lavoro e strumenti personalizzati per la vostra azienda.

Con queste premesse, vediamo come creare facilmente un modulo personalizzato di Airtable in WordPress.

Come creare un modulo Airtable personalizzato in WordPress

Per creare il nostro modulo Airtable personalizzato in WordPress, creeremo prima un modulo di contatto utilizzando WPForms.

È il miglior plugin per la creazione di moduli di contatto per WordPress presente sul mercato e consente di creare facilmente qualsiasi tipo di modulo utilizzando una semplice interfaccia trascina e rilascia.

Successivamente, collegheremo il nostro modulo ad Airtable utilizzando un servizio chiamato Uncanny Automator.

Uncanny Automator funziona come un ponte per collegare due applicazioni diverse senza alcun codice. È possibile utilizzarlo con decine di applicazioni online, tra cui WPForms e Airtable.

Ecco una panoramica dei passaggi che verranno messi in copertina in questa pubblicazione:

Pronti? Iniziamo.

Creare il modulo in WPForms

Per prima cosa, è necessario installare e attivare il plugin WPForms. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Nota: è possibile utilizzare la versione gratuita di WPForms per integrare Airtable con WPForms. Tuttavia, l’aggiornamento alla versione premium di WPForms vi permetterà di sbloccare tutti gli oltre 1900 template di moduli, di utilizzare caratteristiche avanzate dei moduli come la logica condizionale, di connettervi a un maggior numero di opzioni di pagamento e altro ancora!

Dopo l’attivazione, è necessario andare alla pagina WPForms ” Impostazioni.

Nella scheda “Generale”, inserite la chiave di licenza dal vostro account sul sito web di WPForms e premete “Verifica chiave”.

verify key in WPForms

Successivamente, è necessario visitare la pagina WPForms ” Aggiungi nuovo nel cruscotto di WordPress. Si aprirà l’interfaccia del builder di WPForms, dove si potrà scegliere tra oltre 1900 template precostituiti.

Assicuratevi di dare un nome al vostro modulo, in modo da potervi fare facilmente riferimento.

name your WPForms

Per questa esercitazione, utilizzeremo il “Modulo di contatto semplice”.

Fare clic su “Usa modello”.

Use template for simple contact form

Da qui si accede all’editor drag-and-drop, dove è possibile personalizzare facilmente il modulo.

Supponiamo di creare un modulo di contatto per raccogliere contatti da potenziali clienti B2B. In questo caso, vorremo aggiungere “Azienda” e “Numero di telefono” al nostro modulo di contatto.

Per aggiungere la “Società”, è necessario aggiungere un elemento “Testo a riga singola”, quindi fare clic sull’elemento e rinominare il campo in “Società”.

Add company field to WPForms

Se si desidera che i potenziali clienti forniscano il loro numero di telefono, è sufficiente trascinare l’opzione di campo “Telefono” nell’editor.

Sentitevi liberi di aggiungere qualsiasi altro campo che si adatti alle vostre esigenze. Per maggiori dettagli, potete consultare la nostra guida su come creare un modulo di contatto in WordPress.

Phone field

Una volta impostato il modulo, è necessario aggiungerlo al sito web WordPress.

È sufficiente premere il pulsante “Incorpora” in alto.

embed button

Si può scegliere di incorporare il modulo di contatto in una pagina esistente o in una nuova pagina.

In questo caso, sceglieremo “Seleziona pagina esistente”.

Select existing page

Scegliere la pagina desiderata e selezionare il pulsante “Let’s Go!

In questo modo si accede all’editor di WordPress di quella pagina.

Embed in a page

Tutto ciò che dovete fare è premere il pulsante “+” nell’angolo in alto a sinistra.

Quindi, trovare e selezionare il widget WForms per aggiungerlo alla pagina.

WPforms block

Da qui si può scegliere il modulo di contatto appena creato.

Questo incorporerà automaticamente il modulo nella vostra pagina.

choose contact form

Successivamente, assicuratevi di premere il pulsante “Aggiorna” in alto.

Ora il modulo dovrebbe essere aggiunto alla pagina di WordPress.

update button

Dopo aver aggiunto il modulo al vostro sito web, create una voce di prova. Questo verrà utilizzato per impostare e verificare la connessione tra WPForms e Airtable.

Ecco la nostra voce di prova, con nome, e-mail, telefono, nome della società e un messaggio:

Contact form entry

Creare un account Airtable

Prima di integrare Airtable con Uncanny Automator, assicuriamoci di avere un account Airtable.

Sul sito web è sufficiente fare clic sul pulsante “Iscriviti gratuitamente” per iniziare.

Signing up for Airtable

Verrà quindi richiesto di inserire il proprio indirizzo email. In alternativa, è possibile utilizzare Single Sign On o l’account Google esistente per creare un account Airtable.

Scegliete liberamente il metodo che preferite. Noi sceglieremo “Continua con Google”.

Creating a free account in Airtable

Successivamente, è sufficiente seguire la configurazione guidata dell’account.

Dopo aver creato un account, è possibile passare alla scheda “Automazioni” in alto a sinistra di Airtable.

Automations tab in Airtable

Fate clic sul pulsante “+ Aggiungi trigger”.

Si aprirà la voce di menu a discesa e si dovrà fare clic su “Quando si riceve un webhook”.

Selecting when webhook received trigger

Una volta aggiunto, si dovrebbe vedere una barra laterale destra da cui si può accedere all’URL unico del webhook.

Questo URL vi servirà per la prossima parte dell’esercitazione, quindi fate clic sul pulsante “Copia” accanto ad esso.

The copy webhook URL button

Quindi, è possibile memorizzare temporaneamente questo URL nel blocco note. Lo utilizzeremo più avanti nella guida.

Impostare una base e un tavolo in Airtable

Successivamente, dobbiamo creare una base in Airtable per memorizzare tutte le informazioni raccolte dal nostro modulo di contatto.

Se siete nuovi ad Airtable, potreste non sapere come impostare una base e un tavolo.

Innanzitutto, la base è il database in alto utilizzato per organizzare e memorizzare le informazioni. Una tabella in Airtable è simile a un foglio di un foglio elettronico.

Nel vostro account Airtable, fate clic sull’opzione “Inizia da zero” nella vostra home dashboard.

Se si dispone di un foglio di calcolo esistente che si desidera migrare su Airtable, è sufficiente fare clic sull’opzione “Carica rapidamente”.

Start from scratch

Procedere con l’assegnazione di un nome alla base e alla tabella.

Abbiamo deciso di chiamare la nostra base ‘Sales CRM’ e la tabella ‘Contatti’.

Rename base and table in Airtable

Quindi, modificare le etichette della colonna superiore in modo che corrispondano ai campi del modulo appena creato in WPForms.

In questo caso, abbiamo aggiunto le etichette “Nome”, “Società”, “Email” e “Telefono”.

Change labels

È consigliabile tenere aperta questa scheda, poiché vi faremo riferimento in seguito per verificare se la nostra automazione di WordPress funziona.

Integrare Uncanny Automator con WPForms

Ora torniamo alla vostra Bacheca di WordPress.

Per creare un ponte tra WPForms e Airtable, utilizzeremo Uncanny Automator. Si tratta di uno dei migliori e più popolari plugin di automazione presenti sul mercato, utilizzato da oltre 40.000 utenti di WordPress.

Inoltre, è possibile utilizzare la versione gratuita di Uncanny Automator per collegare WPForms e Airtable.

Quindi, installiamo e attiviamo il plugin Uncanny Automator. Se avete bisogno di aiuto, potete fare riferimento alla nostra guida su come installare un plugin di WordPress.

Dopo l’installazione, si dovrà navigare in Automator ” Aggiungi nuovo per creare una nuova ricetta. Nel pop-up che appare, scegliamo “Tutti”.

Choosing Everyone for the recipe type

Nell’editor, procedete a dare un nome alla vostra ricetta.

Si consiglia di utilizzare un nome semplice, in modo da potervi fare facilmente referer ogni volta che se ne ha bisogno. Ad esempio, useremo ‘Airtable Automation’ come nome della ricetta.

Naming the recipe as Airtable Automation

Passiamo ora alla sezione ‘Trigger’.

Scegliere WPForms e selezionare il trigger dall’elenco disponibile nel menu a discesa. Scegliamo “Un modulo viene inviato”.

Choosing WPForms trigger

Dopodiché, dovrete scegliere il modulo con cui triggerare l’automazione.

Scegliere quello appena creato dal menu a discesa. Quindi, non dimenticate di fare clic sul pulsante ‘Salva’.

Choosing the form from the dropdown

Fatto questo, scorriamo giù fino alla sezione “Azione”.

Da qui, facendo clic su “Aggiungi azione” e selezionando “Airtable”.

Selecting Airtable as an action

Verrà quindi fatto clic su “Invia dati a Airtable webhook”.

Procedere con la selezione dell’opzione.

Sending data to Airtable webhook option

Da qui, si deve aprire la nota in cui è stato memorizzato l’URL unico del webhook di Airtable nel passaggio precedente. Copiare semplicemente l’URL negli appunti.

Quindi, restituiamo la scheda WordPress.

Incollare l’URL del webhook nel campo “URL”.

Pasting the webhook URL

Dopo di che, è possibile lasciare invariate tutte le altre impostazioni e scorrere fino alla parte inferiore del pannello.

Qui vengono visualizzate alcune opzioni. Se si vuole, si può fare clic su “Invia test” per vedere se il proprio account Airtable riceve i dati. C’è poi il pulsante “Controlla formato dati”, che consente di vedere l’anteprima dei dati in uscita.

Quando si è soddisfatti di tutto, si può fare clic sul pulsante “Salva”.

Saving Automator recipe

Una volta impostati il trigger e l’azione della ricetta, volete davvero assicurarvi che inizi a funzionare.

È sufficiente attivare/disattivare l’interruttore sul pannello di destra da “Bozza” a “Live”.

Making recipe live

E questo è tutto!

Ora, ogni volta che qualcuno invia un modulo, i dati vengono inviati ad Airtable.

Bonus: Come inviare messaggi SMS ai vostri clienti

Se questa integrazione vi è stata utile, potreste voler inviare anche notifiche via SMS alle persone che hanno completato il vostro modulo di contatto.

Questo è un ottimo modo per tenerli aggiornati sullo stato della loro richiesta.

Ad esempio, supponiamo di avere dei potenziali clienti che visitano la vostra pagina di destinazione e poi compilano il modulo, indicando interesse per i vostri servizi. Mentre i dati del modulo vengono inseriti in una Airtable, vorrete un’altra connessione che invii automaticamente messaggi SMS ai vostri clienti, in modo che sappiano cosa si aspettano da voi.

L’opzione migliore è quella di utilizzare Brevo, un servizio di email marketing che consente anche di inviare messaggi SMS ai propri contatti.

Brevo website

Con questo software, potrete importare i vostri contatti e poi inviare campagne di messaggi di testo. Per maggiori informazioni, seguite il nostro tutorial su come inviare messaggi SMS agli utenti di WordPress.

Speriamo che questo articolo vi abbia aiutato a capire come creare un modulo Airtable personalizzato in WordPress. Potreste anche dare un’occhiata alle nostre guide sui migliori servizi telefonici aziendali e su come ottenere messaggi di testo SMS dai vostri moduli WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

3 commentiLascia una risposta

  1. Jiří Vaněk

    I have some polls on my blog, but this way is more comfortable for doing sheets with answers an data of users on my blog. This is a good idea how to do it in better way. Thanks a lot.

  2. ibrar

    This is really helpful to me, thank you! Keep up the good work.

    • WPBeginner Support

      Glad our guide was helpful :)

      Admin

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.