creaRe ed EditaRE un site

Operazioni per creare ed editare un nuovo Site:

*evidenzio in giallo le parti da revisionare-completare

Operazioni preliminari: reperire info e materiali

1

Ricevere dal cliente

Le URL di
Sito Padre / E-Coomerce MT


es.Url del Sito Padre: https://www.villazito.it
es.Url E-Commerce: villazito.madeticket .it
(dove il cliente deve indicare la parte iniziale in rosso, mentre madeticket.it rimane invariata)

2

Ricevere dal cliente

Scheda Tecnica dell'Evento

Contiene alcuni contenuti utitli  all'edit delle pagine (oltre alle info tecniche necessarie per le configurazioni) 

(Nome ufficiale dell'evento / data /specifiche dei prodotti, indirizzi ecc.)

3

Reperire / Ricevere dal cliente

Materiale grafico e testuale

A volte il clinete fornisce Logo / Testi/ Banner per le pagine di vendita. Solitamente è più funzionale e rapido raccoglierli in autonomia dal sito padre

Vedi tutto


I seguenti materiali e informazioni possono essere estratti direttamente sul sito padre:

  • Logo
  • Brand cromatico
  • Testi (titolo sottotitolo e testi introduttivi) da inserire nella home e nei bundle
  • Info di contatto (telefono, email, indirizzo) Immagine principale (per losfondo della home e per l'header dei bundle)
  • Favicon: (per aggiornare le 4 png sella cartella Icons, in particolare 32x32.png che si visualizza sul tab del browser)

Alcuni clienti più intraprendenti possono fornire del materiale seguendo queste linee guida:

(se il cliente non è particolarmente performante spesso chiederli a lui vuol dire perdere tempo senza ottenere molti risultati)

Chiudi

a) Form Siti BO: creare il Site

  • Aprire la form Backoffice: Parck/CMS/Siti e creare una nuova riga
  • Tab dettaglio - editare i campi: Descrizione/Url/Prefisso Banca  - Titolare Dati/Paramentri
  • Tab parametri - editare i parametri:
     Nome (obbligatorio)
    - Campi parametrici (solo nel caso si voglia personalizzare i campi di vendita)
    - Popup  Cookie Policy (solo nel caso si voglia disabilitare)
  • Aggiungere il site alla CDN (con supporto dei sistemisti), affinché sia visibile online

Tab Paramentri: è possibile aggiungere del codice per inserire e gestire altri campi oltre quelli presenti di default nella form di registrazione
Titolare Dati: valutare se inserire MadeTicket (scelta di default tranne per gli eventi civita) o il cliente. Attivare di default i consensi marketing e profilazione (se non ci sono contrordini in merito)

Vedi dettagli sui parametri


BO/ Park / CMS/ Siti / Tab parametri:
è possibile integrare il codice per gestire i campi di registrazione e la popup della cookie policy

1)Aggiungere e gestire dei campi di registrazione ulteriori, impostandoli come:

  • Opzionali (Optional)
  • Obbligatori (Madatory)
  • Nascosti (Hiddden). Utile per esempio per il campo  "Telefono" che è presente di default

"RegistrationParameters": {
    "Fields": {
      "Telefono": "Hidden",
      "Cap": " Optional ",
      "Paese": " Mandatory ",
      "Provincia": " Mandatory ",
      "DataDiNascita": " Mandatory ",
      "LuogoDiNascita": " Hidden ",
      "Ruolo": " Hidden ",
      "Genere": " Optional "
    }
  }


 Aggiungendo la stringa dei campi parametrici al codice dei parametri bisogna stare attenti a:

  • Inserirlo prima dell'ultima chiusura di parentesi graffa del codice esistente
  • Assicurarsi che dopo ogni campo ci sia la virgola, tranne che per l'ultimo
  • Mettere la virgola alla fine di quella che era l'ultima riga del codice (prima dell'inserimento dei nuovi campi)

Ecco un esempio della parte finale del Codice Parametri in cui bisogna ancora inserire il codice dei nuovi campi

  "GoogleTagManagerId": null,
  "PixelId": "820733453739708",
  "SMTPParameters": null,
  "CustomLayoutParameters": null,
  "Fattura": false,
  "CausaleFattura": null,
  "StripePaymentParameters": null,
  "StripeAppereance": null,
  "Name": "zipline"

}

Ecco un esempio di inserimento all'interno del codice esistente
prima della chiusura della parentesi graffa finale e con aggiunta di virgola al campo precedente
(evidenziata in giallo).
(in celeste il codice pregresso, in verde il nuovo codice)

  "GoogleTagManagerId": null,
  "PixelId": "820733453739708",
  "SMTPParameters": null,
  "CustomLayoutParameters": null,
  "Fattura": false,
  "CausaleFattura": null,
  "StripePaymentParameters": null,
  "StripeAppereance": null,
  "Name": "zipline",

  "RegistrationParameters": {
    "Fields": {
      "Genere": "Mandatory",
      "DataDiNascita": " Mandatory ",
      "Paese": " Mandatory ",
      "Cap": "Mandatory"
    }
  }

}

2) Nascondere la nostra popup cookie policy

(in modo che non ne compaia nessuna)

"ConsentManagementParameters": {
    "OnSiteBanner": false,
    "ExternalConsentEnabled": false
  }

(in modo che venga sostituita da quella del cliente tramite GTM )

"ConsentManagementParameters": {
    "OnSiteBanner": false,
    "ExternalConsentEnabled": true
  }

Ecco un esempio  (in celeste il codice pregresso, in verde il nuovo codice)

  "RegistrationParameters": null,
  "Name": "villafreya",

  "TwoFactorAuthentication": true,
  "ConsentManagementParameters": {
    "OnSiteBanner": false,
    "ExternalConsentEnabled": true
  }
}

 

Chiudi

b) Server ec2-mt: creare la cartella "MediaN°"

Affinché la pagina CMS "File Manager" sia visibile bisogna creare sul server ec2-mt.matematici.com - sotto la sezione "Content" - la cartella "Media" in cui N° è l'id del Site Creato nella tabella Siti.

  • Duplicare la cartella StrutturaFileManager (ec2-mt.matematici.com/Content/StrutturaFileManager). Es:. Per il Site 61 bisognerà creare la cartella con cui termina questo percorso "ec2-mt.matematici.com/Content/Media61"
  • Rinominare la cartella come "MediaN°.  L'uso di questa cartella permette di mantenere una struttura uniforme in tutta la piattaforma con un'alberatura già strutturata coerentemente e molti elementi grafici già inseriti ( da sovrascrivere con i layout specifici - ad esemplio il logo, le icons, ecc.)

    Una volta creata la cartella, i caricamenti potranno avvenire direttamente tramite la pagina CMS File Magìnager del sito.
    Materiali grafici da Aggiornare:
  • Logo: /Content/MediaN°/Layout/Logo.png
  • Logo Footer eventuale: /Content/MediaN°/Layout/LogoFooter.png
  • Icons: /Content/MediaN°/Layout/Icons/270x270.png (192x192.png /180x180.png /32x32.png)
  • Banner vendita: Logo: /Content/MediaN°/Pagine/Shop/Header.jpg
  • Sfondo Home: /Content/MediaN°/Pagine/Home/Banner.jpg
  • Stampa a casa: TitoloWeb.jpg (lo carica il configuratore sul BO)
  • Testata email editor: Content/Media/Email/Header.jpg (valutare se aggiornarla con la grafica del clinete o lasciare MT) 

c) Site Editor: Parametri

Nel blocco Parametri di Site Editor compilare tutti i campi

  • Campo titolo: il valore inserito comparirà sul tab del brovser
  • Campo descrizione: il valore inserito comparirà sui risultati di ricerca del browser (l'indicizzazione del contenuto da parte del browser non è immediata)
  • Campo keywords: i valori inseriti (separati da virgole) funzioneranno come parole chiave durante le ricerche sul browser 

 Se ci sono dei parametri già impostati nella form, attenzione ad aggiornare il valore del campo Titolo.

d) Site Editor: Colori 

Visualizzare il sito padre per riprendere il brand cromatico
Nel blocco Colori di Site Editor definire il valore di tutti i campi
 (Prestare particolare attenzione ai parametri Accent, Brand e Enfasy)

  • Definire il colore di tutti gli elementi inserendo il codice colore nel campo apposito e cliccando poi sul bottone salva. Se ci sono dei parametri già impostati nella form Siti l'edit risulterà più facile.
    • Campi colore: valori esadecimali o rgb. I valori potranno essere esadecimali del tipo "#7d2830" o rgb (che consente di gestire anche il parametro alpha) del tipo "rgba(255, 255, 255, 0.3)". L'opzione rgb che con l'ultimo valore gestisce anche l'alpha può essere utile per il campo footer-separator

h) Site Editor: Home e link Logo

Nel blocco Pagine di Site Editor inserire il link al sito padre:

  • Campo Logo Liink: inserire la url del sito padre a cui deve puntare il logo

 Se ci sono dei parametri già impostati nella form Attenzione ad aggiornare il valore Logo Link.


Nel blocco Pagine di Site Editor creare la pagina home:

  • Sezione: aggiungere una sezione con l'apposito bottone (lasciare in bianco il nuovo campo creato)
  • Pagina: aggiungere una pagina con l'apposito bottone (lasciare in bianco il nuovo campo creato)
  • Chek Online: abilitare la spunta

Cliccare sull'icona catenella per aprire il link della nuova pagina.

i) Icons

Visualizzare la favicon del sito padre per riprodurla fedelmente
Aggiornare le 4 immagini della cartella Icon allineandola a quella del cliente
Immagini Icons:  aggiornare le  immagini del percorso /Content/MediaN°/Layout/Icons/270x270.png (192x192.png /180x180.png /32x32.png)

l) Editare la testata

Visualizzare la testata del sito padre per rimanere aderenti
Gestire i seguenti elementi:

  • Immagine logo: Viene richiamato dianamicamente il logo che si trova sotto il percorso /Content/MediaN°/Layout/Logo.png.
    • Aprire quello di default e aggiornarlo con l'immagine del cliente (se non fornito prenderlo dal sito padre). Si consiglia di  mantenere un'altezza tra i 60 e i 120 pixel e un margine superiore e inferiore  di almento 10 px.
  • Voci di menu: Creare le voci di menu relative ai bundle presenti sul sito (se le voci di menu sono più di 3 valutare di mettere un menu principale "Acquista online" con classe Sale e dei sottomenu con link ai vari bndle). Vedi Istruzioni: https://www.madeticket.it/it/utility/creazione-menu
  • Social Header: se è coerente con la grafica del sito padre editare la social header con i social del cliente (vedi sito padre).  Altrimenti cancellare il contenuto per renderla invisibile.

m) Logo Cookie policy

Se il logo è bianco o molto chiaro verificarne la visibilirà sulla popup della cookie policy

Nel pannello di accettazione cookie viene presa automaticamente l'immagine di default usata nella testata: /Content/MediaN°/Layout/Logo.png 

  • Dal menu CMS apreire la popup /it/CookiePolicyManager/Informativa-sui-cookie
  • Verificare che il logo sia perfettamente leggibile sullo sfondo bianco del pannello
  • Se il logo è totalemente o parzialmente bianco (o comunque troppo chiaro), Reperire o creare la versione negativa del logo

n) Editare il footer

Visualizzare il Footer del sito padre per rimanere aderenti

La sezione Footer contiene 4 blocchi di testo e due campi parametrici. Nell'ordine:

PRIMO CAMPO DI TESTO: di solito non serve editarlo

CAMPI PARAMETRICI:

  • Campo numero colonne: inserire il numero ddesiderato in base ai contenuti disponibili e al layout del sito padre
  • Campo stile: scegnere se inserire il separatore di colonne o se allineare il testo al centro

SECONDOCAMPO DI TESTO CON COLONNE: 4 di default se non modificato

Prima colonna da destra: controllare che compaiano il logo MT e il payoff, altrimenti fare copia-incolla del seguente codice sorgente:
<p><a href="https://www.madeticket.it/it" target="_blank"><img src="/Content/Media/Layout/LogoMT.Footer.jpg" /></a></p> <p>Sistema di biglietteria certificato</p>
Se il footer è di colore bianco inserire questa immagine: /Content/Media/Layout/LogoMT.Ombra.png"

Seconda colonna da destra: controllare che compaiano i 3 link a: condizioni di vendita, privacy e cookie policy, altrimenti fare copia-incolla del seguente codice sorgente:
***da modificare o aggiungere specifiche
<p>INFO</span><br />
<a href="/it/info/condizioni-di-vendita" target="_blank">Condizioni di vendita</a><br />
<a href="/it/info/privacy-policy" target="_blank">Privacy&nbsp;policy</a><br />
<a href="/it/info/cookie-policy" target="_blank">Cookie policy</a></p>
 

Terza colonna da destra: se reperibili inserire le info di contatto come da esempio qui sotto (fare copia-incolla del seguente codice sorgente. attenzione poi a modificarlo inserendo il contenuto reale):
<p><span class="Accent">EMAIL:</span>    <br />
<a href="mailto:info@villazito.it">info@villazito.it</a></p>
<p><span class="Accent">TELEFONO:</span>    <br />
<a href="tel:++390917782180">+39.091.7782180</a></p>
 

Quarta colonna da destra: Creare l'opportuno numero di colonne (di solito 3 o 4). Il numero dipende dai contenuti a disposizione che variano a seconda del cliente.
<p><img alt="" src="/Content/Media35/Layout/LogoFooter.png" /></p>
<p>Via della Libert&agrave; 52, 90143 Palermo</p>
 

TERZO / QUARTO CAMPO DI TESTO: spesso editati con i link ai social (il terzocampo è largo come il contento, il quarto invece come tutta la pagina, si presta quindi se bisognacreare una fascia di un altro colore)

Ecco alcuni esempi di diversi layout a seconda dei contenuti disponibili: 

  • https://palazzodeglialberti.madeticket.it/it/shop/biglietti/
  • https://mostremuseisandomenico.madeticket.it/it/
  • https://monumentini.madeticket.it/it/shop/biglietti/
  • https://mostramacchiaioli.madeticket.it/it/shop/biglietti
  • https://museodelrisparmio.madeticket.it/it/shop/biglietti

o) Editare la Home

Editare la home prendendo come esempio questa pagina: layout-home (fare copia-incolal del codice sorgente per poi cambiare il contenuto senza modificare laformattazione)

  • Sezione Pagine: creare e attivare la pagina home
  • Creare un blocco Content Simple:
    • Campi padding e margin: defleggarli (per evitare spazi sopra e sotto l'iimmagine).
    • Campo immagine sfondo: inserire il percorso dell'immagine /Content/Media/Pagine/Home/Banner.jpg.( poi aggiornare l'immagine Banner.jpg con la grafica fornita dal cliente.  Se non fornita, prendere un'immagine dal sito padre. Editare l'immagine con dimensioni 1920x600 e sovrapposizione di colore nero con alpha 70%).
    • ​​Testo introduttivo 
      • Bottone con link al bundle: si consiglia di inserirlo quando c'è un solo bundle e per questo il clinete dichiara esplicitamente di non volere un menu di navigazione.

p) Editare il Bundle (contenuto work in progress)

Banner

Contenuto iniziale

Testo Scegli la data

Testo Scegli l'orario

  • Nella legenda sotto le fasce orarie eliminare la sceritta "combo" vicino al rettangolino nero se non esiste quella categoria di prodotto

Testo Scegli il prodotto

Edit box prodotti

Edita alert finale

q) Email Editor (contenuto work in progress)

Aggiornare ll'immagine Header dell'email
Header: Aggiornare l'immagini del percorso /Content/MediaN°/Email/Header.png utilizzando la creatività del clinete.
Footer: Lasciare invariato quello MadeTicket

r) Stampa a casa (contenuto work in progress)

Recepire o creare lo sfondo del Titolo Web

s) Traduzione (contenuto work in progress)

Aspettare conferma della chiusura lavori prima di inziare a tradurre

  • Quando il CMS è attivo non aprire mai (nello stesso browser) la stessa pagina con versioni di lingua diverse (es: /it/shop/open e /en/shop/open).Possono crearsi sfasamenti.
  • Ricordarsi di tradurre anche le landing page.