Creare una pagina di benvenuto per il tuo prodotto WordPress Introduzione

Subito dopo aver aggiornato WordPress, verrai reindirizzato per visualizzare una pagina di benvenuto. Questa pagina di benvenuto ti aiuta a comprendere meglio le nuove funzionalità e le correzioni dei bug nell'aggiornamento corrente. Lo stesso è il caso con alcuni plugin. Quando gli utenti installano uno di questi plugin o li aggiornano, vengono reindirizzati a una pagina di benvenuto. Quella pagina di benvenuto è ciò che costruiremo in questa serie.

Nel corso di questa serie in quattro parti, spiegherò il processo di creazione di una pagina di benvenuto per un plug-in di WordPress. Alla fine della serie, saprai come codificare una pagina di benvenuto che potrebbe contenere un video promozionale, funzionalità di plug-in, modulo di iscrizione, ecc. Quindi, arriviamo ad esso.

La strategia

Prima di immergerci, lascia che ti spieghi come porterò avanti questa serie. Ci sono quattro parti di questa serie: 

  • Prima parte: Introduzione alle pagine di benvenuto e discussione sull'architettura dei plugin
  • Seconda parte: Quali sono i transienti in WordPress? Spiegazione con alcuni esempi
  • Parte terza: Creazione della pagina di benvenuto n. 1: logica dietro il plug-in della pagina di benvenuto
  • Parte quarta: Creazione della pagina di benvenuto n. 2: codice per la creazione di una pagina di benvenuto con HTML e CSS

Che cos'è una pagina di benvenuto?

Se crei una pagina introduttiva per il tuo plug-in WordPress che elenca tutte le funzionalità e i passaggi relativi al prodotto, quella pagina può essere definita una pagina di benvenuto. 

L'idea di creare questa pagina è fornire agli utenti alcune informazioni sul prodotto appena installato. Può avere qualsiasi informazione relativa al tuo prodotto, come un video esplicativo o una guida su cosa fare dopo. 

Questo è ciò che costruiremo. 

costituenti

Creerò a Pagina di benvenuto di WP Boilerplate sotto forma di un plugin per WordPress che potrebbe essere utilizzato in qualsiasi progetto. Analizziamo l'architettura del nostro plug-in Welcome Page. Ci sono due componenti di un plug-in di benvenuto:

  • Pagina di benvenuto: Costruito con PHP, HTML e CSS
  • reindirizzamento: Logica per reindirizzare l'utente in sicurezza all'attivazione alla pagina di benvenuto

Pagina di benvenuto

La pagina di benvenuto nel suo insieme è l'ingrediente principale di questa intera serie. Può contenere elementi come:

  • caratteristiche chiave del tuo prodotto
  • un video esplicativo o tutorial
  • un modulo di iscrizione per la tua newsletter
  • plugin e prerequisiti consigliati
  • una sezione per le domande frequenti
  • confronto tra versione gratuita e premium, ecc.

Stiamo andando a costruire questa pagina con PHP, HTML e CSS. Alcune parti di questa pagina saranno dinamiche, ad es. il numero di versione del tuo prodotto.

Pseudo-Algoritmo per il reindirizzamento

Che ne dici di scrivere qualcosa come uno pseudo-algoritmo per il reindirizzamento? Essendo uno sviluppatore WordPress, penso che sia una parte importante del tuo flusso di lavoro di sviluppo per iniziare con uno pseudo-algoritmo (e facoltativamente convertirlo in pseudo-codice). 

Pertanto, il plug-in della pagina di benvenuto deve reindirizzare l'utente alla pagina di benvenuto. Proprio come i seguenti passaggi:

  • Il plugin è installato e attivato.
  • Imposta un transitorio per circa 60 secondi sull'attivazione del plug-in.
  • Controllare se esiste il transitorio impostato.
  • Se il transitorio non è impostato, non fare nulla.
  • Bail se si attiva da siti di rete o di massa.
  • Se il transitorio esiste, elimina il transiente e reindirizza la sicurezza dell'utente alla nostra pagina di benvenuto.

Questo è praticamente tutto quello che c'è da sapere su questo plugin. Nel prossimo articolo, spiegherò come funziona l'API transients in WordPress.

Esempi di pagina di benvenuto

Finora, ho menzionato la linea di azione che adotterò mentre codifico la pagina di benvenuto per il mio plugin. Prima di entrare nei dettagli tecnici, diamo un'occhiata ad alcuni esempi esistenti di pagine di benvenuto nella comunità di WordPress.

La maggior parte dei plugin WordPress non sono abituati all'idea di aggiungere una pagina di benvenuto. Mi chiedo perché lo sia. Penso che le pagine di benvenuto siano superbe per quanto riguarda l'esperienza dell'utente. Aiutano a connettersi e colmare il divario invece di lasciare gli utenti nel bel mezzo del nulla subito dopo aver installato il prodotto.

Ecco alcuni esempi di pagine di benvenuto.

Pagina di benvenuto predefinita di WordPress

Sarebbe ingiusto se mi fossi perso la pagina di benvenuto predefinita che appare quando aggiorni WordPress. Al momento della stesura, la versione 4.4.2 di WordPress ha una schermata di benvenuto ricca di funzionalità.

Quello che mi piace di più è la scheda Video e Credits che riconosce tutti i contributori (dato che puoi trovare anche il mio nome!). Ma tu hai l'idea.

Notifica inoltre agli utenti le correzioni sulla sicurezza e sulla manutenzione. Quindi visualizza il tema predefinito più recente, ovvero Twenty Sixteen. 

WooCommerce

Se chiedi la definizione di un perfetto flusso di lavoro iniziale, allora WooCommerce è la risposta. È di gran lunga la pagina di benvenuto multilivello più ben attrezzata, oppure puoi chiamarla un flusso di lavoro. Aiuta gli utenti a configurare il plugin rivedendo i valori di default o personalizzandoli.

All'attivazione, aiuta gli utenti installando i seguenti elementi:

  • Il page setup
  • Store Impostazioni locali
  • Impostazione di spedizione e tasse
  • Impostazione pagamenti

E infine ti aiuta ad aggiungere il tuo primo prodotto.

In breve, offre una guida turistica completa per i suoi utenti.

Diversi nomi possono essere aggiunti alla lista. Ma per semplicità sto solo citando alcuni famosi come Easy Digital Download, Jetpack, bbPress, ecc., Che hanno anche pagine di benvenuto.

Perché ho creato la pagina di benvenuto?

Ispirato da questi prodotti, ho aggiunto una pagina di benvenuto in uno dei miei plugin relativamente nuovi, CF7 Customizer. Il mio plugin richiede agli utenti di installare Contact Form 7, quindi di creare una pagina con il modulo di contatto 7 shortcode al suo interno e infine personalizzarlo.

Non c'era un modo migliore per comunicare questi passaggi piuttosto che reindirizzare gli utenti a una pagina di benvenuto con Iniziare informazione. Altrimenti, un nuovo utente che installa questo plugin verrebbe lasciato nel mezzo del nulla.

Successivamente visualizza le funzionalità del plugin, un breve video e un modulo di iscrizione.

Qual'è il prossimo?

Quindi, ormai sai come una pagina di benvenuto può aiutare a migliorare l'esperienza dell'utente finale e cosa faremo al riguardo. Nel prossimo articolo, evidenzierò alcuni fatti interessanti sui transitori in WordPress e il loro ruolo nella creazione di una pagina di benvenuto.

Infine, puoi prendere tutti i miei corsi ed esercitazioni sulla mia pagina del profilo, e puoi seguirmi sul mio blog e / o raggiungere Twitter @mrahmadawais dove scrivo dei flussi di lavoro di sviluppo nel contesto di WordPress.

Come al solito, non esitare a lasciare qualsiasi domanda o commento qui sotto e cercherò di rispondere a ciascuno di essi.