Contatti
Creiamo ora la pagina Contatti che permette, a chi visita il sito, di mettersi in contatto con noi.
Creiamo una pagina che contiene il nostro nome, il nostro indirizzo email, altre informazioni e un modulo per inserire la richiesta di informazioni.
La prima cosa da fare è creare il contatto.
Andiamo su Componenti → Contatti → Contatti
Figura 186. Accedere alla lista dei contatti
Si apre la pagina Gestione contatti: Contatti che contiene tutti i contatti creati. Naturalmente, non mostra alcun contatto perché non ne abbiamo creato ancora nessuno.
Prima di creare il contatto, impostiamo le regole generali che verranno applicate a tutti i contatti creati. Clicchiamo, in alto a destra sul pulsante Opzioni
Figura 187. Pulsante Opzioni
Si apre la pagina Opzioni Gestione contatti che permette di impostare i vari elementi che compongono un contatto. Scegliamo di mostrare solamente il nome, l'indirizzo email, altre informazioni (selezioniamo Mostra nei corrispettivi campi) e impostiamo che queste informazioni vengano visualizzate sotto forma di Tabs (campo Visualizza formato). Salviamo le modifiche cliccando sul pulsante Salva e chiudi
Figura 188. Gestione opzioni contatti
Veniamo riportati alla pagina Gestione contatti: Contatti.
Creiamo il nostro primo contatto cliccando sul pulsante Nuovo, in alto a sinistra
Figura 189. Gestione contatti
Si apre la pagina Gestione contatti: Contatto, composta da diverse schede. Viene visualizzata la scheda Nuovo contatto. Compiliamo i campi:
- Nome: inserire il nome del contatto;
- Alias: inserire un alias per il contatto;
- Email: inserire l'indirizzo email della casella di posta nella quale si desidera arrivino le comunicazioni
Figura 190. Creazione di un nuovo contatto
Vogliamo inserire una frase che inviti le persone a mandarci una mail. Spostiamoci, quindi, nella scheda Informazioni. Appare l'editor di testo. Clicchiamo sul pulsante Codice sorgente. Nel riquadro che si apre inseriamo il seguente codice:
<p><span style="font-size: 12pt;">Per qualsiasi informazione potete contattarmi all'indirizzo <a href mailto:Questo indirizzo email è protetto dagli spambots. E' necessario abilitare JavaScript per vederlo. >Questo indirizzo email è protetto dagli spambots. E' necessario abilitare JavaScript per vederlo. </a></span></p>
Clicchiamo su Ok per confermare
Figura 191. Inserimento informazioni
Il riquadro Codice sorgente si chiude e salviamo tutto cliccando sul pulsante Salva e chiudi
Figura 192. Scheda Informazioni varie
Il contatto viene salvato e appare nella lista dei contatti
Figura 193. Lista dei contatti
Adesso dobbiamo creare la voce di menu che permette di visualizzare le informazioni del contatto. Creiamo la voce Contatti nel Menu Principale.
Come abbiamo visto quando abbiamo creato la voce MODELLI, andiamo su Menu → Menu Principale → Nuova voce di menu. Si apre la pagina Gestione menu: Nuova voce di menu. Nella scheda Dettagli, compiliamo i campi:
- Nome voce di menu: Contatti;
- Alias: contatti.
Clicchiamo poi sul pulsante Seleziona del campo Tipo voce di menu. Nel riquadro che si apre selezioniamo Contatti → Singolo contatto
Figura 194. Singolo contatto
Il riquadro, Tipo voce di menu, si chiude e ritorniamo alla schermata precedente.
Nel campo Seleziona contatto clicchiamo sul pulsante Seleziona. Si apre il riquadro Seleziona contatti che mostra la lista dei contatti presenti. Clicchiamo sull'unico contatto presente che è quello che abbiamo creato in precedenza
Figura 195. Lista dei contatti presenti
Il riquadro Seleziona contatto si chiude e ritorniamo alla schermata Gestione menu: Nuova voce di menu, scheda Dettagli
Figura 196. Scheda Dettagli
Spostiamoci nella scheda Helix Page Title e selezioniamo Si nel campo Enable Page Title, in modo da visualizzare la barra orizzontale colorata con il nome della pagina.
La nuova voce di menu viene creata come possiamo vedere nella lista delle voci di menu presenti nel Menu Principale
Figura 197. Elenco voci del Menu Principale
Spostiamoci sul lato sito e aggiorniamo la pagina. Come possiamo vedere ora nel Menu Principale viene visualizzata la voce CONTATTI. Cliccando su questa voce viene visualizzata la pagina con le informazioni del contatto. La pagina contiene tre schede contiene tre schede:
- Informazioni sul contatto, dove viene visualizzato l'indirizzo email
Figura 198. Scheda Informazioni sul contatto
- Modulo contatti, che permette di compilare un modulo contenente la richiesta di informazioni o qualsiasi altro messaggio
Figura 199. Scheda Modulo contatti
- Altre informazioni, dove vengono visualizzate le informazioni che desiderate fornire a chi visita il sito
Figura 200: Scheda Altre informazioni
→ 17 Pubblicità