Crea il tuo SuperSiteARUBA 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…

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

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.

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

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!

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

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 leInformazioni 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

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.

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 EDITABILILa 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é?

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.

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.

Altri vantaggi: siti già ottimizzati per il SEO

13

Lasciati ispirare dai nostri template!

14

http://supersite.aruba.it/