---
title: "GUIDA SITO WEB"
canonical: "https://help-desk-yellgo.refined.site/space/SUP/1663074305/GUIDA%20SITO%20WEB"
format: markdown
---
INDICE
> Macro (toc)
---
> ℹ️ # **INTRODUZIONE**
Guida introduttiva relativa al set-up della **dashboard** nella gestione di tutti gli aspetti legati all’utilizzo del sito web per delivery, takeaway e prenotazione del tavolo.
---
> ℹ️ ## **01**** → PER INIZIARE**
---
[PERCORSO] ** Configurazione > Impostazioni**
---
### **Compilazione delle impostazioni**
Accedere alla **dashboard**.
Nella sidebar a sinistra andare nella sezione **Configurazione** **> impostazioni**.
Andare a compilare, cliccando sul pulsante “accedi alla sezione“ relativo al box di riferimento, le impostazioni:
> ℹ️ #### **Globali**
Compilare i campi testuali presenti con le informazioni dell’attività e, una volta completato, cliccare su **Salva **in basso a sinistra.
---
> ℹ️ #### **Menù**
Flaggare i box relativi alle funzionalità che si vuole attivare legate al menù. Una volta terminato cliccare su **Salva.**
---
> ℹ️ #### **Ordini**
> ℹ️ **GUIDA**
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1665957889](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1665957889)
---
> ℹ️ #### **Back-office**
All’interno di questa sezione è possibile scegliere quali informazioni rendere obbligatorie, da parte del cliente, in fase di registrazione. La funzionalità di login via SMS, nel caso in cui si volesse attivare, richiederà un plugin di invio SMS configurato. Una volta terminato cliccare su **Salva.**
---
> ℹ️ #### **Clienti**
Nella sezione “**Impostazioni generali”** andare a flaggare e scegliere, attraverso i menù a tendina, le caratteristiche desiderate. Queste riguardano principalmente le modalità di gestione degli ordini visibili all’interno del software di back-office.
Nella sezione “**Colori**“ è possibile personalizzare, inserendo il codice esadecimale (esempio: #000000), i colori di sfondo e di testo con i quali verranno visualizzate, suddivise per stato, tutte le prenotazioni.
**solo se ce modulo prenotazioni**
Una volta completato l’inserimento cliccare su **Salva.**
---
> ℹ️ #### **Email**
Inserire un singolo o più indirizzi Email al fine di ricevere tutte le notifiche relativi ad ordini e prenotazioni.
Una volta completato l’inserimento cliccare su **Salva.**
---
> ℹ️ #### **Statistiche**
---
> ℹ️ #### **Google Login/Maps**
Configurare la possibilità di accedere a sito e app con account Google e i permessi di configurazione della Mappa Google.
> ℹ️ **GUIDA: **creazione di una Google Maps API Key
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1359839233](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1359839233)
> ℹ️ **GUIDA: **creazione di una Google Maps API Key
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1359806470](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1359806470)
---
> ℹ️ #### **Profili social**
Inserire il link alle pagine social dell’attività nei rispettivi campi. Questi saranno poi visibili sul sito web.
Una volta completato cliccare su **Salva.**
---
> ℹ️ #### **Plugins**
Nella sezione “Sistemi di cassa“ è possibile gestire l’implementazione dei plugin relativi alla cassa utilizzata:
> ℹ️ **GUIDA: **Scegli la guida inerente alla tua cassa
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1351286796](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1351286796)
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1340309507](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1340309507)
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1384316930](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1384316930)
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1416167425](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1416167425)
---
> ℹ️ #### **Sito Web**
In questa sezione puoi gestire tutte le impostazioni grafiche del sito web per delivery, takeaway e prenotazione del tavolo.
Nella sezione “**Impostazione generali**”, oltre a compilare i campi relativi agli URL di riferimento all’interno del sito, flaggare i campi legati all’attivazione/disattivazione di pagine, sezioni e banner all’interno del sito.
Nella sezione “**Visualizzazione**“ inserire il logo dell’attività che verrà mostrato nelle diverse parti del sito e, allo stesso tempo, scegliere i colori con i quali si vuole personalizzare l’interfaccia utente.
Nella sezione “**Impostazioni Analytics**“ inserire i codici e gli ID richiesti, nei rispettivi campi, per poter monitorare tutti gli eventi attraverso Google Analytics o Facebook.
Nella sezione “**CSS personalizzato**“ è possibile inserire del codice CSS personalizzato al fine di andare ad apportare variazioni visive alla struttura del sito.
Nella sezione “**Link App Store**“ compilare i campi con i link dai quali sarà possibile installare la versione Android e IOS dell’applicazione. Verranno in automatico visualizzati all’interno del footer del sito.
Nella sezione “**Testi personalizzati**“ compilare i campi andando a modificare i testi e le immagini presenti sul sito web in base ai bisogni di comunicazione. Inoltre, è possibile inserire del codice HTML personalizzato applicabile ai box presenti nella home page del sito web.
Nella sezione “**Newsletter**“ compilare i campi inserendo l’etichetta ed il testo relativo alla newsletter dell’attività.
Una volta completato cliccare su **Salva.**
---
> ℹ️ ## **02 ****→ Inserimento del negozio**
In questa sezione viene spiegato come inserire all’interno del software un nuovo “Negozio“.
---
[PERCORSO] ** Negozi** **> Negozi**
---
Il prossimo passaggio riguarda l’inserimento dei dati relativi al negozio.
Per fare ciò andare nella sezione **Negozi** **> Negozi **presente nella sidebar e cliccare su **Inserisci **in alto a destra.
Andare quindi a compilare le tab:
- **Info**: inserire tutte le informazioni relative ai dati dell’indirizzo del negozio e, dove necessario, inserire le informazioni aggiuntivi negli appositi campi testuali.
- **Metodi di pagamento**: andare ad attivare o disattivare, per ciascun metodo e a seconda delle proprie esigenze, le modalità di pagamento in relazione ai servizi offerti.
- **YellGo Pay: **configurare, mediante menù a tendina, i client sui quali utilizzare Yellgo Pay e le possibili funzionalità aggiuntive relative alla divisione dei pagamenti.
- **Mapping: **all’interno di questa sezione è possibile gestire alcune impostazioni per la connessione, dove presenti, con i delivery partner (JustEat, Deliveroo, Glovo).
- **Consegna**: compilare il campo “Consegna“ in base ai servizi offerti dal negozio appena inserito.
> ⚠️ **ATTENZIONE**: la tab “Consegna“ risulterà visibile solo se il servizio di delivery è attivo in **Configurazione** **> impostazioni** **> Ordini** **> impostazioni** **delivery.**
- **Asporto**: compilare il campo “Consegna“ in base ai servizi offerti dal negozio appena inserito insieme alla tabella relativa agli orari in cui il servizio viene reso disponibile.
> ⚠️ **ATTENZIONE**: la tab “Asporto“ risulterà visibile solo se il servizio di takeaway è attivo in **Configurazione** **> impostazioni** **> Ordini** **> impostazioni** **takeaway.**
- **Carico**:
> ℹ️ **GUIDA: **Per maggiori informazioni riguardanti la configurazione del carico seguire la guida
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1690173441](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1690173441)
- **Sconti**: configurare, a seconda delle necessità, gli sconti offerti in base all’età inserendo quindi il limite di età in cui lo sconto è applicabile, il nome della promozione e il suo valore.
Una volta completato cliccare su **Salva.**
---
> ℹ️ ## **03 ****→ Configurazione del servizio di delivery e takeaway**
Questa parte della guida riguarderà la configurazione del back-office per l’attivazione dei servizi di delivery e takeaway.
### **Attivazione servizio di delivery**
> ℹ️ **GUIDA: **configurazione degli ordini con delivery
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1399422977](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1399422977)
### **Attivazione servizio di takeaway**
---
[PERCORSO] ** Configurazione** **> Impostazioni > Ordini**
---
Andare su **Configurazione** **> Impostazioni > Ordini **e scendere nella sezione dedicata al takeaway.
Una volta qui flaggare la voce “abilita takeaway“ e impostare il minimo dell’ordine necessario per le ordinazione takeaway.
Una volta fatto ciò dirigersi su **Negozi** **> Negozi**.
Se il negozio è già stato creato cliccare sull’icona “Modifica“ visibile a fianco dei dati relativi al negozio. Se invece si volesse creare un nuovo negozio e renderlo disponibile per il takeaway cliccare in alto a destra il tasto “Inserisci“.
Una volta aperto il menù andare sulla tab “**Asporto**“.
#### **Imposta qui gli orari per gli ordini asporto**
---
[PERCORSO] ** Negozi** **> Negozi > Tab Asporto**
---
Qui andare a compilare le voci:
- **“Asporto”**: selezionando “Si“ dal menù a tendina, nel negozio selezionato, verrà reso disponibile il servizio di takeaway.
- **“Minuti preordine”**: inserire il range temporale che il cliente dovrà aspettare per la preparazione del suo ordine.
- **“Orari asporto”**: andare ad inserire gli orari, per ciascun giorno della settimana, durante i quali il servizio di takeaway verrà reso disponibile.
Una volta completato cliccare su **Salva**.
---
> ℹ️ ## **04 ****→ Collegamento cassa ed import/export menù**
Questa sezione di guida comprenderà le istruzioni per collegare e poi sincronizzare i sistemi di cassa con YellGo.
Per prima cosa occorrerà collegare il proprio strumento di cassa a YellGo.
Se si dispone di un collegamento cassa seguire la guida dedicata al proprio sistema:
> ℹ️ **GUIDA: **Scegli la guida inerente alla tua cassa
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1351286796](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1351286796)
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1340309507](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1340309507)
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1384316930](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1384316930)
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1416167425](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1416167425)
Nel caso in cui non si disponesse di un collegamento di cassa la guida da seguire è:
> ℹ️ **GUIDA: **Import menu tramite file excel
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1365147657](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1365147657)
---
> ℹ️ ## **05 ****→ Configurazione menù - listino**
In questa sezione potrai inserire e configurare il tuo menù e i tuoi listini
---
[PERCORSO] ** Menù**
[PERCORSO] ** Listini & Assortimento**
---
Il passo successivo comprende l’impostazione delle sezioni “**Menù**” e “**Listini & Assortimento**“ posizionate nella sidebar.
> ℹ️ **GUIDA: **inserimento e modifica dei menù.
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1661009923](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1661009923)
> ℹ️ **GUIDA: **inserimento e modifica dei listini.
> ℹ️
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1660977203](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1660977203)
---
> ℹ️ ## **06 ****→ Configurazione home page sito web (facoltativa)**
Questa sezione è facoltativa, poiché la visualizzazione della home page può essere disattivata accedendo a **Configurazione > Impostazioni > Sito web** e selezionando l'opzione “**Nascondi home page (store come pagina iniziale)**”.
Nel caso in cui questa impostazione venga attivata, la pagina **Store** verrà utilizzata come home page.
> ℹ️ #### **Creazione Slide**
---
[PERCORSO] ** CMS** **> Slides**
---
Per configurare la home page del sito web è necessario, per prima cosa, andare nella sezione **CMS** **> Slides**. Una volta qui cliccare sul tasto “**inserisci**“ in alto a destra.
Compilare quindi tutti i campi inserendo:
- **nome dello slider**
- **titolo, testo dello slider e testo del pulsante** dello slider per ogni lingua disponibile
- **le immagini** che andranno a comporre lo slider
- **lo stato di attivazione dello slider**
- **l’azione** che si desidera far fare al pulsante > attraverso il menu a tendina è possibile selezionare l'azione che si desidera associare al pulsante
- **l’url** della pagina al quale rimandare > inserire nel campo testuale l'URL della pagina alla quale il pulsante dovrà rimandare
- **la pagina** (già creata all’interno della sezione **CMS** **> Pagine**) alla quale indirizzare il pulsante > utilizzando il menu a tendina, è possibile scegliere una pagina già creata nella sezione CMS > Pagine alla quale indirizzare il pulsante.
- **l’allineamento del contenuto** > attraverso il menu a tendina è possibile selezionare il tipo di allineamento da applicare al contenuto dello slider
- **La modalità di apertura dell'URL** > scegliere se l'URL debba aprirsi nella stessa finestra oppure in una nuova scheda del browser.
- **l’altezza** dello slider > inserire un valore percentuale che definisce l’altezza dello slider rispetto all’altezza dello schermo del dispositivo utilizzato per visualizzare il sito.
- **il colore di sfondo **> selezionare, tramite la barra dei colori, il colore di sfondo desiderato per lo slider
- **il colore del testo **> selezionare, tramite la barra dei colori, il colore del testo dello slider
- **il colore di sfondo del pulsante **> selezionare, tramite la barra dei colori, il colore di sfondo desiderato per il pulsante dello slider
- **il colore del testo pulsante **> selezionare, tramite la barra dei colori, il colore del testo desiderato per il pulsante all’interno dello slider
- **il brand **> inserire, mediante il menù a tendina, a quale brand associare questo nuovo slider. Per questa funzionalità deve essere attivato il servizio “Multibrand“
- **un countdown **> è possibile inserire una data verso cui verrà avviato un countdown visibile all’interno dello slider
Una volta completato l’inserimento di tutte le informazioni necessarie cliccare sul tasto “**Salva**“ in basso a sinistra.
È possibile modificare rapidamente alcuni di questi campi selezionando o deselezionando i checkbox presenti nella schermata **CMS > Slides**, relativi al servizio per cui si desidera aggiornare lo stato di attivazione dello slider.
Nella stessa schermata è possibile selezionare l'area del sito o degli altri servizi in cui si desidera visualizzare il nuovo slide.
Per farlo è necessario, dall’elenco degli slide creati, individuare quello desiderato e selezionare l’area di destinazione tramite il checkbox corrispondente.
Ecco un esempio di slide creato:
> ℹ️ #### **Creazione pagine**
---
[PERCORSO] ** CMS** **> Pagine**
---
In questa sezione è possibile andare a creare delle nuove pagine per il proprio sito.
> ℹ️ **NOTA**: tutte le pagine create in questo modo saranno visibili all’interno del menù di navigazione del sito web
Per creare una nuova pagina cliccare sul tasto “**Inserisci**“ in alto a destra.
Compilare quindi i campi:
- **Immagine** >
- **Titolo** > inserire titolo della pagina
- **Testo** > inserire il testo che verrà visualizzato all’interno della pagina
- **Website header** > scegliere se visualizzare l’header del sito all’interno della pagina
- **Website footer** > scegliere se visualizzare il footer del sito all’interno della pagina
- **Selforder** > scegliere se attivare la visualizzare della nuova pagina attraverso il Selforder
- **URL esterno** >
- **Slides** > selezionare quali slider inserire all’interno della pagina
Una volta completato l’inserimento di tutte le informazioni necessarie cliccare sul tasto “**Salva**“ in basso a sinistra.
> ℹ️ #### **Creazione news**
---
[PERCORSO] ** CMS > News**
---
Per creare delle “News“ che verranno poi visualizzate all’interno del blocco news dell’app andare nella sezione **CMS > News **e cliccare su** “Inserisci“ **in alto a destra.
Successivamente, compilare i campi richiesti inserendo le seguenti informazioni:
- **Data** > la data di creazione della news
- **Immagine** > un'immagine rappresentativa della news
- **Titolo** > il titolo della news, da inserire per ciascuna lingua disponibile
- **Testo** > il contenuto della news, da inserire per ciascuna lingua disponibile
- **URL esterno** > un link esterno a cui la news dovrà rimandare
Una volta completato l’inserimento cliccare sul tasto “**Salva**“ i basso a sinistra.
> ℹ️ #### **Creazione pop-up**
---
[PERCORSO] ** CMS > Popups**
---
Per creare dei nuovi pop-up che verranno visualizzati all’interno del sito andare nella sezione **CMS > Popups **e cliccare sul tasto** “inserisci“** in alto a destra.
Compilare quindi i campi:
- **Titolo **> inserire il titolo del pop-up
- **Testo **> inserire il testo descrittivo da visualizzare all'interno del pop-up
- **Testo pulsanti **> inserire il testo che sarà visualizzato sul pulsante del pop-up
- **Immagine **> inserire un'immagine da associare al pop-up, che verrà visualizzata insieme al messaggio
- **Data inizio **> inserire la data di inizio del periodo di visualizzazione del pop-up
- **Data fine **> inserire la data di fine del periodo di visualizzazione del pop-up
- **Attivo **> selezionare lo stato di attivazione del pop-up
- **Website **> scegliere, mediante il menù a tendina, se attivare la visualizzazione del pop-up sul sito
- **Selforder **> scegliere, mediante il menù a tendina, se attivare la visualizzazione del pop-up sul portale di Selforder
- **App **> scegliere, mediante il menù a tendina, se attivare la visualizzazione del pop-up all’interno dell’app
- **Negozi **> selezionare dall’elenco i negozi da associare al pop-up
Una volta completato l’inserimento cliccare sul tasto “**Salva**“ i basso a sinistra.
Per modificare i dati relativi ai pop-up creati cliccare sul tasto “**Modifica**“ posizionato a lato di ogni pop-up.
Alcune di queste impostazioni possono essere modificate rapidamente dalla schermata **CMS > Popups,** selezionando i checkbox corrispondenti alle opzioni del popup da aggiornare.
> ℹ️ #### **Prodotti in evidenza**
---
[PERCORSO] ** Menù > Prodotti**
---
Per visualizzare dei prodotti in evidenza all’interno della home page è necessario andare nella sezione **Menù > Prodotti.**
Una volta qui andare a modificare, tramite pulsante “**Modifica**“, il prodotto da voler mettere in evidenza oppure, cliccando “**Inserisci**“ in alto a destra, inserire un prodotto nuovo.
Per evidenziare il prodotto selezionato, accedere alla scheda “**Etichette**” e impostare su “**Sì**” il campo “**In evidenza**”.
Una volta completato cliccare su “**Salva**“ in basso a sinistra.
---
> ℹ️ ## **06 ****→ INSERIMENTO DATI FOOTER**
Le informazioni del footer vengono compilate in automatico con le informazione del negozio
> ℹ️ #### **Logo**
---
[PERCORSO] ** Configurazione > Impostazioni > Sito Web**
---
Per inserire il proprio logo all’interno del footer modificare il campo “**Logo footer**“ al percorso **Configurazione > Impostazioni > Sito Web **all’interno della sezione** “Visualizzazione“.**
> ℹ️ #### **Social**
---
[PERCORSO] ** Negozi > Negozi**
---
Per aggiungere i link ai propri profili social nel footer, è necessario compilare la sezione **Configurazione > Impostazioni > Profili social**, inserendo gli URL delle rispettive pagine. Se i campi vengono lasciati vuoti, i relativi pulsanti non saranno visibili ai clienti.
Una volta completato cliccare su “**Salva**“ in basso a sinistra.
> ℹ️ #### **Negozi**
---
[PERCORSO] ** Negozi > Negozi**
---
L’elenco dei negozi e le relative informazioni presenti nel footer vengono prelevati direttamente dai dati inseriti nel backoffice, nella sezione **Negozi > Negozi**. Tutti i negozi registrati in questa sezione saranno automaticamente visualizzati nel footer.
Per modificare le informazione legate ai negozi cliccare il pulsante “**Modifica**“ presente a lato di ciascun negozio.
> ℹ️ #### **Informazioni aziendali**
---
[PERCORSO] ** Configurazione > Impostazioni > Globali**
---
Per andare ad inserire i dati della società all’interno del footer è necessario compilare, all’interno della sezione **Configurazione > Impostazioni > Globali,** i seguenti campi:
- **Ragione sociale**
- **Partita IVA**
- **Codice fiscale**
- **Capitale sociale**
- **Numero REA**
> ℹ️ #### **Download app**
---
[PERCORSO] ** Configurazione > Impostazioni > Sito web**
---
Se si dispone anche dell'app per iOS e Android, è possibile mostrare i pulsanti di download compilando i campi “**Link app Android**” e “**Link app iOS**”, presenti nella sezione “**Link app store**” al percorso **Configurazione > Impostazioni > Sito web**. In questi campi vanno inseriti i link alle rispettive pagine di download.
---
> ℹ️ ## **07 ****→ PAGINA NEGOZI**
La pagina “Negozi” viene generata automaticamente e i dati vengono prelevati dalla sezione **Negozi > Negozi**.
> ℹ️ **NOTA**: Per poter essere inseriti all’interno della pagina devono risultare “Attivi“.
Al suo interno vengono riportate tutte le informazioni, prese da quelle già inserite all’interno del backoffice, relative all’indirizzo del negozio, agli orari di apertura, all’indirizzo email e al numero di telefono associati. Se attivi per il singolo negozio, vengono inoltre visualizzati i pulsanti relativi ai servizi di ordinazione e prenotazione tavoli.
Il tipo di layout della pagina può essere scelto attraverso il menù a tendina alla voce “**Template pagina negozi**“ all’interno delle “impostazioni generali” della sezione **Configurazione > Impostazioni > Sito web.**
Scegliendo l’opzione “**Template 1**“ la pagina avrà la seguente struttura:
Mentre scegliendo l’opzione “**Template 2**“ la pagina avrà la seguente struttura:
