Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo. Consigli pratici per aiutare i nostri clienti a creare e personalizzare il proprio sito realizzato cone le nostre soluzioni.

1. Crea il tuo SuperSite
ARUBA SUPERSITE, SEMPLICI PASSI
PER IMPARARE AD UTILIZZARLO

2. Questa guida fa parte del supporto che ti forniremo per esplorare la nostra piattaforma e capire come
utilizzare tutti i tool presenti e personalizzare il tuo spazio virtuale nel modo che preferisci.
Si procederà gradualmente, cercando di affrontare tutti gli aspetti legati alla progettazione, creazione e
gestione dei contenuti online. Cercheremo di darti suggerimenti utili e numerosi consigli per rendere il
tuo SuperSite visibile online grazie ad un layout accattivante, all’utilizzo dei widget forniti e di tutte le
opzioni aggiuntive per cui opterai.
Vediamo insieme come…
2

3. Creare un sito con il nostro prodotto sarà sicuramente un progetto semplicissimo, prima di esplorare la
piattaforma, però, ti suggeriamo di:
- preparare una bozza della struttura dei contenuti che intendi inserire nel tuo spazio virtuale, con
carta e penna alla mano. Guarda gli altri siti online, capisci quale potrebbe essere
interessante per te e fatti ispirare;
- definire il CONCEPT del sito delineando la strategia comunicativa che intendi adottare.
Come intendi rivolgerti agli utenti che vedranno i tuoi testi e le tue immagini?
Crea un database con tutti i contenuti che, man mano, caricherai sulla piattaforma.
Una volta terminata la raccolta dei contenuti, avrai un’idea molto più chiara della struttura delle
pagine, della loro sequenza e del layout.
Prima di creare il tuo SuperSite
3

4. 3 semplici step per iniziare:
Una volta fatto il login, ti saranno mostrati i numerosi template disponibili. Ognuno ha una grafica
particolare, realizzata appositamente per poterti fornire dei modelli professionali e di buon gusto.
4
Primi passi per creare il tuo SuperSite
Data la vasta scelta, potrai
selezionare la categoria
di settore che più ti
interessa – ad esempio
Informatica e Tecnologia,
Musica & spettacolo,
Commercio e prodotti, Arte
e Fotografia, Hotel, viaggi
e Turismo e molti altre…
Scegli in base alle tue esigenze!

5. Hai scelto le immagini migliori da inserire sul sito? Hai scritto i tuoi testi? Hai video, documenti e file
che vuoi far vedere ai tuoi visitatori? Bene, allora sei pronto per riempire le tue pagine
…con dei semplici drag&drop!
Dopo aver eseguito il login, potrai personalizzare qualsiasi elemento del tuo sito dall’editor.
Dalla barra laterale a sinistra potrai scegliere con un solo click i widget da aggiungere alle tue pagine.
Eccone alcuni:
• Google Maps
• SiteMap
• Moduli Contatti
5
Testi, immagini, video per renderlo esclusivo! 1/2
• RSS Feed
• Twitter e Facebook
• Template
• Slideshow
• Video
• …e tanti altri!

6. I widget sono stati sviluppati proprio per rendere il tuo spazio virtuale interattivo ed avere un layout
dinamico ed esclusivo per differenziare il tuo sito dagli altri:
• sono fondamentali per implementare le funzionalità del tuo spazio virtuale
• soprattutto, sono ‘ready-to-use’…basterà sceglierli e posizionarli dove preferisci!
Scegli i font, il colore, la divisione in paragrafi e inserisci i collegamenti di testo dove meglio credi.
Semplicemente muovendo il tuo mouse, ti renderai conto di poter spostare tutti i box, creando in totale
libertà il tuo esclusivo layout!
6
Testi, immagini, video per renderlo esclusivo! 2/2

7. E adesso vediamo a cosa servono:
- Google Maps. Seleziona e trascina il widget all’interno del tuo modello grafico e inserisci l’indirizzo
della tua location per far apparire la mappa relativa;
- Sitemap. Crea una mappa del tuo sito per mostrare la varie pagine di cui si compone. Potrai
definirne le Impostazioni, modificando lo ‘Stile’ del sito o il CSS;
- Moduli contatti. Crea contatti con i visitatori! Seleziona il widget e completa i dettagli nei campi
7
Widget: vediamo come si usano 1/3
richiesti. Poi aggiungi diversi elementi, come la casella
di testo, il date picker e le immagini per
personalizzarlo. Inoltre, automaticamente,
tutti i dati verranno salvati in un database
interno, in modo da poter raccogliere le
Informazioni dei tuoi utenti!

8. • RSS Feed. Questo widget è fondamentale per poter sapere quando un sito viene aggiornato, senza
dover andare sul sito stesso. I feed, infatti, sono dei file generati automaticamente che possono
essere letti automaticamente dai lettori: si tratta dei cosiddetti Feed Reader.
• Twitter & Facebook. Questi widget permettono ai tuoi visitatori di condividere – postare e/o
twittare – qualsiasi contenuto di tua creazione: così darai spazio alla visibilità del tuo sito sui social
network!
• Template. Questo widget è fondamentale per creare quella parte del sito, sempre uguale, che si
vuole riutilizzare in tutte le pagine: si tratta generalmente dell’header o del footer. All’interno del
box ‘template’, infatti, è possibile inserire gli altri widget e creare, così, un modello da poter
riutilizzare nel resto del sito!
Widget: vediamo come si usano 2/3
8

9. Puoi personalizzare liberamente la tua slideshow, inserendo le tue immagini preferite o quelle dei
prodotti che vuoi mostrare ai visitatori e scegliendo la durata della presentazione e le transizione tra
un’immagine e l’altra.
• Video. Per caricare i tuoi video, basta selezionare questo widget
dalla barra laterale e trascinarlo dove preferisci.
In seguito, dovrai cliccare su ‘Impostazioni’ ed inserire l’embed code
del video che vuoi caricare.
9
Widget: vediamo come si usano 3/3
Inoltre, sempre sulla barra laterale, è presente il tab ‘Carica’: grazie ad esso,
si ha la possibilità di caricare file ed immagini direttamente dal tuo
computer, semplicemente cliccando su ‘Aggiungi’.
Slideshow. Questo widget può essere considerato come la
tua vetrina online. Si tratta, infatti, di una galleria di
immagini che appaiono in sequenza.

10. • HTML5 E CSS3 EDITABILI
La piattaforma si basa sull’ HTML5, un insieme di tecnologie che prevedono l’utilizzo di strumenti con
funzionalità avanzate e, allo stesso tempo, un’interfaccia user-friendly, semplice e comprensibile, per
svolgere le attività che necessiti comodamente e facilmente.
L’HTML5, infatti, consente anche a chi non ha esperienza di grafica e programmazione di creare il
proprio sito in modo estremamente intuitivo: servono solo semplici drag&drop per inserire contenuti e
modificare il layout.
Allo stesso tempo, i più esperti potranno, invece, aggiungere e modificare parti di codice personalizzato,
integrando tutte le funzionalità necessarie. Inoltre, grazie al nuovo standard CSS3 è possibile
implementare le proprie pagine web con nuove ed esaltanti caratteristiche grafiche.
HTML5, cos’è? Perché?
10

11. Tra le numerose funzionalità avanzate, la tecnologia HTML5 permette la compatibilità delle pagine del
sito con i dispositivi mobile.
In questo modo, ogni SuperSite può essere raggiungibile dai visitatori che utilizzano questi supporti,
ovunque essi si trovino. Garantire la visibilità della tua creazione in mobilità è ormai essenziale e con
l’html5 i tuoi visitatori visualizzeranno il tuo sito proprio come sullo schermo del computer.
11
Il tuo SuperSite su Smartphone, Tablet e iPad
Basti pensare che nel 2012 il traffico da dispositivi mobili è cresciuto di oltre 4
volte rispetto al 2011! *
(*Dati: Network 7Pixel - indagine sulla propensione del consumatore italiano all’uso di dispositivi mobile nelle ricerche correlate allo shopping.)

12. Inoltre è possibile gestire in modo autonomo le opzioni SEO
del tuo sito web e, se lo ritieni opportuno, quello delle singole
pagine in modo da essere ancora più visibile sul web. Potrai
inserire titoli, descrizione e le parole chiave più ricercate."
In questo modo, sarà facile accrescere la propria visibilità
online ed essere trovati dagli utenti durante le loro ricerche.
Per prima cosa, è importante sapere che Aruba SuperSite fornisce dei template già ottimizzati in
partenza, per Google e gli altri motori di ricerca in generale.
12
Altri vantaggi: siti già ottimizzati per il SEO

13. 13

14. 14
http://supersite.aruba.it/