Come creare una casella di contatto mobile in WordPressfloatbox {

Il tuo sito web è un portale primario attraverso il quale te stesso ei tuoi clienti potete comunicare, specialmente nelle aziende in cui molte transazioni avvengono online, quindi è essenziale che i clienti possano trovare facilmente i tuoi dati di contatto. Un modo per farlo è inserire i tuoi dati di contatto in una casella mobile a lato del tuo sito web, che si sposta ogni volta che l’utente scorre. Con la casella di contatto visibile in ogni momento, i tuoi visitatori saranno sempre a un clic di distanza dal contattarti, indipendentemente da dove si trovano sul tuo sito.

1

Accedi al tuo pannello di controllo di amministrazione di WordPress. Fai clic su “Aspetto”, quindi su “Temi”.

2

Fare clic su “style.css” dall’elenco dei file modello a destra dello schermo. Quando viene caricato nell’area di modifica, inizia una nuova riga nella parte inferiore del file, quindi copia e incolla quanto segue:

floatbox {

posizione: fissa; a destra: 10px; in alto: 100 px;

}

3

Modificare i valori per “right” e “top” per posizionare la casella. Questo esempio posiziona il riquadro a 100 pixel dalla parte superiore dell’area di navigazione e lascia uno spazio di 10 pixel dal bordo destro. Puoi anche usare “basso” e “sinistra” se preferisci.

4

Aggiungi qualsiasi altro stile CSS alla casella che ti piace, inclusi bordi, stili di carattere e colori di sfondo. Fai clic su “Aggiorna file” quando hai finito.

5

Fare clic su “header.php” dall’elenco dei file. Scorri fino alla fine del file, inizia una nuova riga e quindi incolla quanto segue:

I tuoi dati di contatto qui.

Sostituisci il testo di esempio con il tuo indirizzo e-mail oppure, se utilizzi un modulo di contatto sul tuo sito, puoi aggiungere un collegamento “Contattaci”. Se comunichi con i tuoi clienti tramite siti di social media come Facebook o Twitter, puoi anche creare collegamenti alle tue pagine su questi siti poiché alcuni clienti potrebbero preferire contattarti in questo modo.

6

Fai clic su “Aggiorna file”. La casella di contatto apparirà ora sul tuo sito.