Come creare un modulo WordPress intuitivo (il modo più semplice)

Pubblicato: 2020-08-12

Vuoi creare un modulo WordPress Insightly personalizzato? La creazione del tuo modulo ti consentirà di raccogliere i dettagli di contatto sul tuo sito Web e inviarli automaticamente al tuo Insightly CRM.

In questo articolo, ti mostreremo il modo semplice per creare un modulo Insightly WordPress personalizzato.

Crea ora il tuo modulo WordPress Insightly

Cos'è Insightly?

Insightly è uno strumento di gestione delle relazioni con i clienti (CRM) basato su cloud. Combina il monitoraggio delle vendite e gli strumenti di automazione del marketing in 1 piattaforma.

Insightly ti consente di creare e personalizzare moduli per salvare i dati.

Allora perché non incorporare questi moduli Insightly WordPress di base nel tuo sito?

WPForms è il miglior plugin per WordPress Form Builder. Ottienilo gratis!

Beh, puoi, ma non sono molto facili da usare.

Con i moduli di base di Insightly, dovrai copiare tutto il codice del modulo e incollarlo nell'editor di codice in WordPress. Ogni volta che cambi il modulo, dovrai tornare indietro e ripetere l'intero processo.

Ecco perché useremo WPForms per questo tutorial. WPForms semplifica la creazione di qualsiasi tipo di modulo ed è anche facile e veloce modificare i moduli.

WPForms ti consente anche di aggiungere più funzionalità ai moduli Insightly. Puoi:

  • Cattura la posizione del tuo contatto
  • Salva i dati da moduli non completati
  • Usa la logica condizionale per mostrare o nascondere i campi.

Quindi ora capiamo qualcosa in più sui moduli Insightly WordPress, andiamo avanti e creiamo un modulo personalizzato.

Come creare un modulo WordPress intuitivo

Se sai già come creare moduli Zoho CRM in WordPress, lo troverai facile da seguire. Questo sommario ti guiderà attraverso il tutorial:

  1. Installa il plugin WPForms
  2. Crea il tuo modulo WordPress intuitivo
  3. Aggiungi il tuo modulo informativo a WordPress
  4. Connetti WPForms a Zapier
  5. Connetti Insightly a Zapier
  6. Metti alla prova la tua integrazione di WordPress Insightly

Pronto? Iniziamo installando WPForms.

Passaggio 1: installa il plugin WPForms

Per iniziare, installa il plug-in WPForms sul tuo sito Web WordPress.

Se hai bisogno di aiuto per installare WPForms, dai un'occhiata a questo articolo su come installare un plugin in WordPress.

Non dimenticare di attivare il plugin prima di continuare.

Grande! Il passaggio 1 è completo. Ora costruiamo il modulo.

Passaggio 2: crea il tuo modulo WordPress intuitivo

WPForms ha tonnellate di modelli di moduli WordPress che puoi utilizzare.

Andremo avanti e inizieremo con il modello di modulo di contatto semplice.

Basta fare clic sul modello per aprirlo.

Crea un modulo WordPress Insightly

Ora possiamo aggiungere campi extra per il nostro record di contatto Insightly.

Per fare ciò, fai clic su un campo nel riquadro di sinistra e trascinalo nel riquadro di destra per aggiungerlo al modulo.

Ricordare! Insightly utilizza 2 campi separati per il nome del contatto. Puoi configurarlo in WPForms facendo clic sul campo del nome e modificando il formato in First Last , in questo modo:

Personalizza il campo del nome per il modulo Insightly WordPress

Ecco gli altri campi Insightly che Zapier può utilizzare:

  • Saluto (prefisso)
  • Titolo di lavoro e organizzazione
  • Indirizzo email (vari tipi, ma puoi usarne solo 1)
  • Campi del telefono per lavoro, cellulare, casa e "altro"
  • Numero di fax
  • ID Twitter, URL LinkedIn
  • tag
  • Informazioni di base
  • Indirizzo postale e "altro" indirizzo.

uff. Sono un sacco di campi.

Non è necessario includere tutti questi elementi nel modulo. Tuttavia, se lo fai, ti consigliamo di utilizzare le interruzioni di pagina per creare un modulo in più parti.

Basta trascinare l'interruzione di pagina dove vuoi che appaia nel modulo:

Crea un modulo WordPress Insightly in più parti

Ti mostreremo come appare nel passaggio 3.

Puoi anche rendere il tuo modulo più compatto riducendo i campi corti.

Fare clic sul campo, scorrere verso il basso e impostare la dimensione del campo su Piccolo :

WPForms campo modulo piccolo

Quando il modulo è impostato nel modo desiderato, non dimenticare di fare clic su Salva prima di passare al passaggio successivo.

Passaggio 3: aggiungi il tuo modulo Insightly a WordPress

Ora aggiungeremo il modulo Insightly personalizzato al nostro sito web.

WPForms rende questa parte davvero semplice. Puoi inserire il tuo modulo:

  • In un post
  • In una pagina
  • Nella barra laterale.

Vuoi migliorare le conversioni? Puoi utilizzare l'addon Form Pages per posizionare il tuo modulo su una pagina di destinazione senza distrazioni.

In questo esempio, manterremo le cose semplici e creeremo una nuova pagina per il modulo in WordPress.

Nella dashboard di WordPress, fai clic su Pagine , quindi su Aggiungi nuovo .

Assegna un titolo alla tua pagina, quindi fai clic sull'icona più per aggiungere un nuovo blocco. Cerca WPForms e fai clic sul widget.

Seleziona il blocco WPForms nell'editor dei blocchi

Ora seleziona il modulo che ti serve dal menu a discesa.

Seleziona il modulo Insightly WordPress nell'editor dei blocchi

Questo è tutto! Non dimenticare di pubblicare o aggiornare la tua pagina.

Incorpora e pubblica il modulo Insightly WordPress

Ecco come appare il nostro modulo pubblicato. Hai notato la barra di avanzamento in alto? L'abbiamo trasformato in un modulo a più passaggi, quindi la barra di avanzamento mostra al nostro visitatore quanto ha completato finora.

Modulo WordPress Insightly con barra di avanzamento

Prima di andare avanti, dobbiamo inviare una voce di prova tramite il modulo. Senza questo, Zapier non sarà in grado di connettersi a WPForms nel passaggio successivo.

Vai avanti e compila il modulo, quindi invialo.

Ora siamo pronti per connettere WPForms a Zapier.

Passaggio 4: collega WPForms a Zapier

Zapier collega tra loro diversi servizi. In questo esempio, il nostro modulo Insightly WordPress attiverà lo zap.

Quindi, per prima cosa, fai clic su Crea uno Zap .

Fai uno Zap a Zapier

Cerca WPForms e fai clic sull'icona.

Cerca WPForms in Zapier

Ora avrai bisogno della tua chiave API. Torna alla dashboard di WordPress e fai clic su WPForms, quindi su Integrazioni.

Scorri fino in fondo e fai clic su Zapier per rivelare la tua chiave.

Ottieni la chiave Zapier

Incolla la chiave nella finestra di connessione in Zapier. Quindi fare clic su Sì, continua .

Connessione Zapier WPForms

Zapier ti riporterà alla schermata Crea uno Zap.

Fare di nuovo clic su Continua .

Aggiungi WPForms in Zapier

Successivamente, Zapier ti chiederà di selezionare il modulo che desideri utilizzare per il trigger.

Seleziona il modulo che hai creato nel passaggio 2.

Seleziona il modulo Insightly WordPress

Ora è il momento di connettere Zapier e Insightly in modo da poter inviare i dati del modulo al CRM.

Passaggio 5: collega Insightly a Zapier

Questo passaggio è molto simile al passaggio 4. Questa volta, in Scegli app ed evento , cercheremo Insightly e faremo clic sull'icona.

Zapier ti chiederà la tua chiave API Insightly.

Per trovarlo, fai clic sull'icona dell'utente nell'angolo in alto a destra in Insightly. Quindi fare clic su Impostazioni utente .

Scorri verso il basso e copia la tua chiave API Insightly:

Chiave API Insightly

Incolla la chiave API nella finestra di connessione in Zapier.

Successivamente, dobbiamo selezionare l'azione che vogliamo attivare quando otteniamo una nuova voce del modulo.

Per questo modulo, vogliamo creare un nuovo contatto, quindi vai avanti e selezionalo.

Crea un nuovo contatto nel modulo Insightly WordPress

Ora per la parte importante. Dobbiamo mappare ogni campo dal nostro modulo Insightly WordPress ai campi del modulo in Insightly.

Zapier ti mostrerà la voce di test che hai inviato per guidarti qui.

Crea contatti Insightly da WPForms in Zapier

Una volta che tutto è stato fatto, puoi fare clic su Continua in Zapier per passare al passaggio finale.

Passaggio 6: testa la tua integrazione di WordPress Insightly

Quando tutti i tuoi campi sono stati mappati, Zapier ti chiederà di testare la tua integrazione.

Se tutto ha funzionato, vedrai un messaggio di successo.

Vai avanti e controlla che il tuo record sia stato creato in Insightly. Ecco il nostro:

Contatto modulo WordPress Insightly creato

Questo è tutto! Non dimenticare di accendere il tuo Zap in Zapier prima di uscire.

Ora tutto ciò che devi fare è indirizzare il traffico verso il tuo modulo. Dai un'occhiata a questo articolo su come ottenere più lead per alcuni suggerimenti.

Crea ora il tuo modulo WordPress Insightly

Pensieri finali

Ottimo lavoro! Ora sai come creare un modulo WordPress personalizzato di Insightly. Puoi anche utilizzare tutte le funzionalità extra di WPForms per tenere traccia dei tuoi contatti.

Se desideri salvare le voci del modulo Insightly anche in WordPress, dai un'occhiata a questo tutorial su come salvare le voci del modulo nel tuo database WordPress. Abbiamo anche una guida alla creazione di un'integrazione di WordPress Salesforce utilizzando l'addon WPForms Salesforce.

Pronto a costruire il tuo modulo? Inizia oggi con il plug-in per la creazione di moduli WordPress più semplice. WPForms Pro include oltre 100 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.