PIATTAFORMA INTEGRATA PER LA CONDIVISIONE DI ESPERIENZE TURISTICHE, LA PROMOZIONE, LA VALORIZZAZIONE E LO SVILUPPO DEL PATRIMONIO TURISTICO-CULTURALE NEL COMUNE DI GIOIA DEL COLLE Manuale Vetrina Virtuale AREA PROMOZIONI Utilizzo del front-office Inserimento/aggiornamento dei contenuti Regione Puglia Comune Gioia del Colle SMAU BARI 2014 "L'Italia che innova. I casi di successo" Progetto finalista del premio SMART CITY Partecipazione come raggruppamento sotto l'host del Distretto produttivo dell'informatica pugliese alla richiesta di adesione alla rete EnoLL (European Network of Living Labs) del LIVING LAB Puglia Cultural Fingerprint. Regione Puglia - Area Politiche per lo Sviluppo, il Lavoro e l'innovazione, Servizio Ricerca Industriale e Innovazione, Ufficio Servizi e-government e ICT - P.O. FESR PUGLIA 2007/2013 - ASSE I - Linea di intervento 1.4 - Azione 1.4.2 - Investiamo nel vostro futuro SUPPORTO ALLA CRESCITA E SVILUPPO DI PMI SPECIALIZZATE NELL'OFFERTA DI CONTENUTI E SERVIZI DIGITALI Apulian ICT Living Labs, Verso Puglia Digitale 2020 [Digitare il testo]
Sommario Accesso... 3 Gestione Contenuti Vetrina Virtuale : menu principale... 4 Profilo... 5 Il tuo Profilo.... 5 Modifica il tuo Profilo.... 5 Vetrina Virtuale... 6 Dati aziendali... 6 Contenuti Vetrina... 7 Video... 10 Catalogo Prodotti & Servizi... 11 Modalità di acquisto... 11 Gestione Prodotti & Servizi... 11 La Vetrina Virtuale: Lato Pubblico... 14 L acquisto in modalità PayPal... 15 Pag. 2
Accesso L area PROMOZIONI di Visit Gioia Lab offre a tutte le aziende e/o fornitori di servizi presenti sul territorio, l opportunità di promuovere la propria attività e/o produzione attraverso la pubblicazione di una personale VETRINA VIRTUALE con cui è possibile vendere o farsi contattare. Per poter accedere a questo servizio è sufficiente REGISTRARSI compilando un form che richiede alcuni dati anagrafici e poi attendere l autorizzazione dell amministratore del sito. Il Box REGISTRATI è presente nella colonna destra della Home Promozioni. Dopo aver ricevuto conferma di accesso sarà possibile accedere al vostro store online, e quindi al menu di gestione dei contenuti della Vetrina Virtuale, attraverso il LOGIN, inserendo EMAIL e PASSWORD. Il Box LOGIN è presente nella colonna destra della Home Promozioni; è possibile anche chiedere di ricevere la propria password, se dimenticata. Sono previsti due tipi di utenza: Master: accesso ai servizi amministrativi delle aziende (l utente Master accede al relativo back office dai link in header) Utente Vetrina virtuale : accesso alla Gestione Contenuti e quindi al catalogo prodotti. L indirizzo web per l accesso all applicativo ovvero l URL lato sito, dove è possibile inserire i dati di accesso personali è il seguente: http://vetrinavirtuale.visitgioiadelcolle.com Figura 1 Home Promozioni Pag. 3
Gestione Contenuti Vetrina Virtuale : menu principale Una volta effettuato il login l Azienda visualizzerà, nel box VETRINA VIRTUALE Gestione Contenuti (nella colonna destra) il menu con le voci corrispondenti alle attività per l inserimento e/o la modifica dei contenuti. Profilo. Da qui si accede alla gestione e visualizzazione dei dati inseriti in fase di registrazione. Vetrina Virtuale. Da qui si accede all area dedicata all inserimento dei contenuti istituzionali/di attività dell utente visibili al pubblico (testi, dati anagrafici, mappa, immagini, video, SEO, tag). Catalogo Prodotti & Servizi. Da qui si accede all area dedicata all inserimento delle specifiche di vendita e/o contatto dei prodotti e al rispettivo catalogo (nome, descrizione, foto, eventuale costo). MENU PRINCIPALE Figura 2 Box menu Gestione Contenuti A seguire le specifiche delle singole attività. Pag. 4
Profilo In questa sezione sono presenti due voci: Il tuo Profilo Modifica il tuo Profilo Il tuo Profilo. Presenta in elenco i dati inseriti in fase di Registrazione. Figura 3 Profilo Modifica il tuo Profilo. Consente di modificare i dati già inseriti. Perché sia autorizzata e salvata ogni modifica è necessario inserire la propria password. Da questo pannello è possibile modificare la password, digitandone semplicemente una nuova nel rispettivo campo di inserimento dati. Figura 4 Modifica profilo Pag. 5
Vetrina Virtuale In questa sezione sono presenti tre voci: 1. Dati aziendali. 2. Contenuti Vetrina. 3. Video. Dati aziendali Presenta in elenco i dati visibili al pubblico, inseriti in prima istanza nel form di Registrazione. Consente di modificare e/o integrare i dati presenti. La Google Map presente corrisponde all indirizzo inserito; è possibile modificare o correggere sia i dati di Latitudine e Longitudine sia l indirizzo stesso, al fine di migliorare l identificazione in street view. Figura 5 Dati anagrafici e Geolocalizzazione Google Map Pag. 6
Contenuti Vetrina Presenta tre panel di inserimento dati per: Contenuti Il pannello di inserimento può ospitare i medesimi contenuti in tre modalità: Default : ospita i contenuti obbligatori Italiano: ospita contenuti opzionali (essendo l Italiano la lingua di Default) Inglese: ospita i contenuti in seconda lingua; se non compilata è sostituita online dai contenuti di Default. In questo pannello è possibile inserire i contenuti descrittivi dell azienda e/o della rispettiva attività: a. Titolo. Nome dell azienda e/o della rispettiva attività. Per motivi di formattazione e di corretta impaginazione consigliamo, in ogni caso, che il titolo sia composto da un numero non superiore ai 45 caratteri (spazi inclusi). b. Descrizione. Descrizione lunga (formato HTML) dell azienda e/o della rispettiva attività. Il testo può contenere inserimenti di link, indirizzi email, formattazione, utilizzando la barra di formattazione. c. Ulteriori informazioni. Brevi contenuti (formato HTML) di varia tipologia che vanno ad integrare la descrizione principale con specifici dati: date di apertura/chiusura dell esercizio, periodi promozionali, tariffe, scontistica, indicazioni di percorso, servizi, ecc. d. Tags. È possibile inserire una parola relativa sia all attività sia a luoghi limitrofi di particolare interesse; costituiranno l oggetto di ricerca per visualizzare articoli presenti nell area Informazioni. Pag. 7
Figura 6/ 6 bis Panel Contenuti Vetrina / DEFAULT (Italiano) / INGLESE Pag. 8
SEO I meta tag SEO sono campi di testo che vengono inseriti all interno delle pagine HTML al fine di agevolare l indicizzazione delle Vetrine Virtuali sui più comuni motori di ricerca web; VGL utilizza tecniche di Search Engine Optimization (SEO) gestibili dinamicamente attraverso il back office. Può ospitare i medesimi contenuti in tre modalità: Default : ospita i contenuti obbligatori Italiano: ospita contenuti opzionali (essendo l Italiano la lingua di Default) Inglese: ospita i contenuti in seconda lingua; se non compilata è sostituita online dai contenuti di Default. Le parti gestibili si dividono in: a. Meta keywords. Campo di testo in cui si riportano le parole chiave separate da virgola del contenuto o della pagina web che si sta visualizzando. b. Meta Titolo. Campo di testo in cui si riporta il titolo del contenuto o della pagina web che si sta visualizzando. c. Meta Descrizione. Campo di testo esteso in cui si riporta una descrizione sintetica del contenuto o della pagina web che si sta visualizzando. Figura 7 Panel SEO Pag. 9
Immagini In questo panel è possibile associare alla propria Vetrina Virtuale le immagini/foto da visualizzare in slideshow. Utilizzare Scegli file per selezionare il file direttamente dal proprio dispositivo. NOTA BENE: è possibile utilizzare file in formato jpg, gif o png, da escludere pdf o tiff. Preferibilmente in bassa risoluzione 72 dpi, metodo colore RGB, formato in proporzione 800x600 c.a, al fine di ottenere immagini leggere e velocemente visualizzabili (anche su smartphone). Per un visualizzazione fluida e regolare, sarebbe preferibile utilizzare immagini della stessa dimensione. E possibile: sostituire l immagine, eliminarla e impostare un ordine di visualizzazione tra più immagini. Figura 8 Panel Immagini Video Da questo form è possibile associare alla propria Vetrina Virtuale un video. Dal proprio browser è necessario copiare l url corrispondente al video che si desidera associare alla propria pagina (YouTube, Vimeo) e incollarlo nel rispettivo campo dati. E possibile: sostituire il video, eliminarlo e impostare un ordine di visualizzazione tra più video. Figura 9 Panel Video Pag. 10
Catalogo Prodotti & Servizi In questa sezione sono presenti due voci: Modalità di acquisto. Gestione Prodotti & Servizi. Modalità di acquisto In questo form sono presenti tre campi dati da compilare secondo necessità. NOTA BENE: prima di procedere alla gestione dei prodotti è necessario compilare ALMENO UNO di questi campi. PayPal : deve contenere l indirizzo email associato, se attivato, al proprio account di PAYPAL. Url Ecommerce: deve contenere l indirizzo web (url) del proprio sito di commercio online, se attivo. Email: deve contenere l indirizzo email individuato per ricevere le richieste degli utenti. Figura 10 Dati Modalità di acquisto e contatto Gestione Prodotti & Servizi Al primo accesso visualizzeremo una schermata vuota, potremo quindi subito procedere cliccando su INSERISCI NUOVO PRODOTTO. In elenco presenta i dati più significativi per singolo prodotto inserito. E possibile: modificare il prodotto, eliminarlo o inserirne uno nuovo. Figura 11 Panel di riepilogo Prodotti inseriti Pag. 11
Inserisci nuovo prodotto In questo form è possibile inserire i contenuti relativi ai prodotti e servizi dell azienda e/o della rispettiva attività, al fine di creare il catalogo, in formato box, consultabile dagli utenti. Può ospitare i medesimi contenuti in tre modalità: Default : ospita i contenuti obbligatori Italiano: ospita contenuti opzionali (essendo l Italiano la lingua di Default) Inglese: ospita i contenuti in seconda lingua SOLO PER TITOLO E DESCRIZIONE; se non compilata è sostituita online dai contenuti di Default. Queste le informazioni richieste: 1. Il titolo. Corrisponderà al nome del prodotto e/o servizio visibile al pubblico. 2. Descrizione. Ospita i dettagli legati all articolo (massimo 500 caratteri, incluso spazi). 3. Foto. Utilizzare Scegli file per selezionare il file direttamente dal proprio dispositivo. NOTA BENE: è possibile utilizzare file in formato jpg, gif o png, da escludere pdf o tiff. Preferibilmente in bassa risoluzione 72 dpi, metodo colore RGB, formato in proporzione 800x600 c.a, al fine di ottenere immagini leggere e velocemente visualizzabili (anche su smartphone). Per un visualizzazione fluida e regolare, sarebbe preferibile utilizzare immagini della stessa dimensione. 4. Prezzo. Inserire il relativo costo in Euro (comprensivo di IVA). NOTA BENE: se le quantità del prodotto proposte in vendita sono maggiori di 1 unità, è necessario che il costo indicato corrisponda a quello complessivo. 5. Quantità. Indicare numeri interi, in relazione al prezzo indicato: 1, 2, 3, ecc. 6. Ordine di visualizzazione. Corrisponde alla visualizzazione da sinistra verso destra, dall alto al basso (nella pagina visibile al pubblico). 7. Modalità di acquisto. La modalità di acquisto/contatto è obbligatoria. Ogni prodotto può utilizzare una sua rispettiva modalità. Pag. 12
Figura 12 / 12 bis Inserimento / Scheda Nuovo prodotto / DEFAULT (Italiano) / INGLESE Pag. 13
Manuale Vetrina Virtuale / AREA PROMOZIONI La Vetrina Virtuale: Lato Pubblico Al completamento dell inserimento di tutti i dati necessari (o anche durante la compilazione) è possibile verificare il risultato, visibile al pubblico. NOTA BENE: l upload dei contenuti avviene in real time! Per la visualizzazione è possibile cliccare sull icona in alto a sinistra, associata al nome > Figura 13 Esempio di Vetrina Virtuale LATO PUBBLICO Pag. 14
L acquisto in modalità PayPal La scelta da parte dell azienda, e/o della rispettiva attività, di utilizzare la modalità di vendita attraverso il proprio account creato sulla piattaforma PayPal, rende necessaria, per chi desideri effettuare l acquisto online, la REGISTRAZIONE alla Community VGL. Nel caso l utente risulti già registrato sarà sufficiente utilizzare il LOGIN per accedere al servizio. Figura 14 Esempio di Alert in popup per l acquisto ACQUISTA Dopo aver effettuato il login, l acquirente può tornare sull articolo di interesse. Cliccando sul link Acquista visualizzerà il form dove inserire i DATI DI FATTURAZIONE e, se diversi dai precedenti, i DATI DI SPEDIZIONE. I dati inseriti sono memorizzati dal sistema (gli ultimi, in ordine temporale) e verranno riproposti ai successivi acquisti. Gli stessi dati potranno essere modificati secondo necessità, di volta in volta. Pag. 15
Figura 15 Form Acquista: DATI DI FATTURAZIONE e SPEDIZIONE Dopo il click su Procedi con l acquisto l utente visualizzerà le schermate relative all account di PayPal, con l articolo selezionato e il metodo di pagamento per completare la procedura di acquisto. Pag. 16
L utente può scegliere se accedere al proprio conto (anch esso presente sulla piattaforma PayPal) oppure, cliccare su Crea un conto PayPal. Figura 16 PayPal: Pagamento su conto personale Potrà così effettuare l acquisto con carta prepagata PayPal o altra Carta di Credito. Vedi schermata. L azienda riceverà un email esclusivamente informativa a riguardo; l effettivo acquisto potrà essere verificato dalla stessa, direttamente dal proprio accont PayPal. Pag. 17
Figura 17 PayPal: Pagamento con Carta Pag. 18