---
title: "GUIDA APP iOS/ANDROID"
canonical: "https://help-desk-yellgo.refined.site/space/SUP/1692139523/GUIDA%20APP%20iOS%2FANDROID"
format: markdown
---
**INDICE**

> Macro (toc)

---

> ℹ️ # <span style="color: #ffffff">**INTRODUZIONE**</span>

Questa guida è dedicata alla configurazione e alla modifica delle impostazioni legati all’app IOS e ANDROID. Inoltre, per la corretta configurazione dell’app, è necessaria la creazione delle chiavi API Google Maps / Autocompilazione indirizzo.


> ℹ️ **GUIDA**: per maggiori informazioni riguardante la creazione delle chiavi API seguire la guida
> ℹ️ 
> ℹ️ [https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1398439937](https://yellgo.atlassian.net/wiki/spaces/SUP/pages/1398439937)


---

> ℹ️ ## <span style="color: #bf2600">**01**</span>** → PER INIZIARE**

---

[PERCORSO] ** Configurazione > Impostazioni > App**

---

Per modificare tutte le impostazioni grafiche dell’app IOS e Android andare in **Configurazione > Impostazioni > App** e cliccare su “**Accedi alla sezione**“.

![app-imp.jpg](media://8cf71a1f-aac2-40a6-8463-efd7e2c20d6e)


All’interno di questa sezione è possibile modificare le impostazioni visive e la struttura della home page dell’app. In particolare è possibile:

- Modificare la **visualizzazione dello “Slider”** > <span style="color: #97a0af">per visualizzare lo slider</span> <span style="color: #97a0af">selezionare il relativo checkbox</span>

![app-slider-ui.jpg](media://d6c0319e-8a43-4d14-b777-826a47c56bb0)


- Modificare la **posizione del blocco “Negozi“** > <span style="color: #97a0af">inserire nel campo il numero corrispondente alla posizione in cui si desidera collocare il blocco. Il numero inserito indica la posizione che il blocco assumerà partendo subito sotto lo slider (lo slider rimane fisso in alto)</span>

> ℹ️ **ESEMPIO: **se si desidera posizionare il blocco “**Negozio**” e il blocco “**Fidelity**” subito dopo lo slider, sarà necessario inserire il numero 1 nel campo relativo al blocco “**Negozio**” e il numero 2 in quello del blocco “**Fidelity**”.

![app-negozi.jpg](media://da5f1009-6f62-4b61-a3f7-a3261070f3ea)


- Modificare la **posizione del blocco “Fidelity“** > <span style="color: #97a0af">inserire nel campo il numero corrispondente alla posizione in cui si desidera collocare il blocco. Il numero inserito indica la posizione che il blocco assumerà partendo subito sotto lo slider (lo slider rimane fisso in alto)</span>

- Modificare la **visualizzazione del blocco “Coupon”** > <span style="color: #97a0af">per visualizzare il blocco coupon</span> <span style="color: #97a0af">selezionare il relativo checkbox</span>

![app-coupon.jpg](media://eaf4382d-a22d-4ba8-b994-4c959325c84d)


- Modificare la **posizione del blocco “Coupon“** > <span style="color: #97a0af">inserire nel campo il numero corrispondente alla posizione in cui si desidera collocare il blocco. Il numero inserito indica la posizione che il blocco assumerà partendo subito sotto lo slider (lo slider rimane fisso in alto)</span>

- Modificare la **posizione del blocco “News“** > <span style="color: #97a0af">inserire nel campo il numero corrispondente alla posizione in cui si desidera collocare il blocco. Il numero inserito indica la posizione che il blocco assumerà partendo subito sotto lo slider (lo slider rimane fisso in alto)</span>

- Modificare la **posizione del blocco “Selforder“ **> <span style="color: #97a0af">inserire nel campo il numero corrispondente alla posizione in cui si desidera collocare il blocco. Il numero inserito indica la posizione che il blocco assumerà partendo subito sotto lo slider (lo slider rimane fisso in alto)</span>

- Modificare la **visualizzazione del blocco “News”** > <span style="color: #97a0af">per visualizzare il blocco news selezionare il relativo checkbox</span>

![app-home-page.jpg](media://03bd39b4-f25b-4eeb-a8a0-e26026fd4b4a)

Una volta completato l’inserimento di tutte le informazioni necessarie cliccare sul tasto “**Salva**“ in basso a sinistra.


---

> ℹ️ ## <span style="color: #bf2600">**02**</span>** → CREAZIONE E MODIFICA SLIDER**

---

[PERCORSO] ** CMS > Slides **

---

Per andare a creare uno slider è necessario andare nella sezione** CMS > Slides **e cliccare sul tasto** “Inserisci“** in alto a destra.

![app-creazione-slider.jpg](media://4ac6caf7-5ef0-4323-852c-a9e25ecef90c)

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

![slider-imp-1.jpg](media://23bed265-e08a-4563-a40c-8eb066c5d22a)

È possibile modificare rapidamente 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.

![slider-modifica-veloce.jpg](media://316d157b-8961-44a1-b78f-66e229fe4c1c)


Una volta completato l’inserimento cliccare sul tasto “**Salva**“ i basso a sinistra. 


---

> ℹ️ ## <span style="color: #bf2600">**03**</span>** → 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.  


![news-inserisci.jpg](media://1357f4ca-d84f-458a-824f-942d18cc7788)

Successivamente, compilare i campi richiesti inserendo le seguenti informazioni:

- **Data** > <span style="color: #97a0af">la data di creazione della news</span>
- **Immagine** > <span style="color: #97a0af">un'immagine rappresentativa della news</span>
- **Titolo** > <span style="color: #97a0af">il titolo della news, da inserire per ciascuna lingua disponibile</span>
- **Testo** > <span style="color: #97a0af">il contenuto della news, da inserire per ciascuna lingua disponibile</span>
- **URL esterno** > <span style="color: #97a0af">un link esterno a cui la news dovrà rimandare</span>

![news-imp.jpg](media://17f3f4a5-7879-4d89-9142-ff561081ddf0)


Una volta completato l’inserimento cliccare sul tasto “**Salva**“ i basso a sinistra. 


---

> ℹ️ ## <span style="color: #bf2600">**04**</span>** → MODIFICA ETICHETTE**

---

[PERCORSO] ** Configurazione > Etichette**

---

Per modificare tutti i testi presenti all’interno dell’app, accedere alla sezione **Configurazione > Etichette**. All’interno di questa schermata, è possibile filtrare le etichette disponibili selezionando “App” nel campo “Tipo”, situato nella parte superiore dell’interfaccia.

In questo modo verranno visualizzate tutte le etichette relative all’app, e sarà possibile modificarne il contenuto cambiando direttamente i rispettivi campi testuali.

![etichette-modifica.jpg](media://355e501b-a145-4d39-a4d6-cebc4e83d19c)