Come aggiungere un widget di prenotazione a WordPress

Non c'è niente da installare sul lato WordPress: nessun plugin, nessuna connessione di account, nessuna chiave API. L'intera integrazione sono due righe di HTML che generi una volta sola.

In SitPup, apri la pagina Widget, aggiungi i tuoi servizi e prezzi, attiva gli animali che accetti, poi apri la sezione Incorpora widget e pubblica. Il codice appare solo dopo la pubblicazione. Assomiglia a un div con alcuni attributi di dati, seguito da un tag script.

Questo è l'editor predefinito di WordPress e il caso che frega più persone. Se incolli il codice incorporato in un blocco Paragrafo, WordPress rimuove il tag script quando salva. Non c'è nessun messaggio di errore; il codice smette semplicemente di essere codice in silenzio, e ottieni niente o una riga di testo visibile sulla pagina.

Il blocco che gestisce correttamente questo è HTML personalizzato.

Se il tuo tema è stato costruito con Elementor, Divi, Bricks o un builder simile, non userai affatto l'editor a blocchi per quella pagina, e il builder ha il suo elemento equivalente.

In Elementor è il widget HTML, in Divi è il modulo Codice, in Bricks è l'elemento Codice. Sono tutti di solito archiviati nel gruppo Base o Generale nel pannello degli elementi. Trascinalo nella posizione che vuoi e incolla il codice al suo interno.

Molti siti di pet care più datati usano ancora il Classic Editor, direttamente o tramite un plugin che lo ripristina. La regola qui è semplice ma facile da dimenticare: la scheda Visuale riformatta l'HTML alle tue spalle e può eliminare del tutto il tag script.

Clicca sulla scheda Testo prima di incollare, metti il codice dove vuoi nel markup, e salva senza tornare a Visuale. Se torni a Visuale e poi salvi di nuovo, controlla la pagina pubblicata, perché il codice potrebbe non essere sopravvissuto.

Se vuoi il pulsante disponibile su tutto il sito invece che su una singola pagina, aggiungerlo manualmente a ogni pagina è un problema di manutenzione in attesa di succedere.

Un plugin per script di header e footer risolve bene questo problema. Incolli il codice una volta nelle sue impostazioni e scegli dove viene caricato. Questa è anche l'opzione più pulita se qualcun altro gestisce il tuo sito, perché c'è un solo posto da controllare quando qualcosa deve cambiare.

Nove volte su dieci è questione di cache o ottimizzazione, non del codice. I siti WordPress di solito eseguono almeno un plugin che mette in cache le pagine, minifica le risorse o rimanda il JavaScript, e questi plugin sono aggressivi con gli script di terze parti per impostazione predefinita.

Prova questi passaggi in ordine prima di presumere che l'incorporamento sia rotto:

L'anteprima dell'editor è una resa del tuo contenuto, non una copia fedele della pagina pubblicata, e non esegue lo stesso livello di ottimizzazione che colpisce i tuoi visitatori.

Apri l'URL pubblicato in una finestra privata del browser, clicca sul pulsante, e invia a te stesso una vera richiesta di prova. Conferma che arrivi sotto Prenotazioni nel tuo pannello SitPup. Poi apri la stessa pagina sul tuo telefono, perché è da lì che arriva la maggior parte del traffico di pet care ed è dove di solito emerge un incorporamento mal posizionato.