Questa guida per Site Creator Infomaniak tratta l'argomento dei cookie del browser.

Premessa

• Per impostazione predefinita, quando il tuo sito web è nuovo, nessun cookie dovrebbe essere memorizzato sui dispositivi dei tuoi visitatori, non ci sono funzionalità di tracciamento per le pubblicità o il marketing.
• In qualità di amministratore del sito web, alcune informazioni sono memorizzate nei tuoi cookie (come le informazioni che indicano che sei un amministratore del sito web).
• Se aggiungi applicazioni/moduli integrati nel tuo sito web, potrebbero essere utilizzati i cookie; esempio con il Modulo sondaggio: se aggiungi un modulo sondaggio al tuo sito web, utilizzerà i cookie quando il visitatore del sito web voterà (per ricordare che ha già votato).

Notifica per il visitatore

Prerequisiti

• Accedere a Site Creator:
  • Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
  • Fare clic direttamente sul nome assegnato al Site Creator interessato.
  • Fare clic sul pulsante Modifica il mio sito per avviare l'editor:
    

È possibile attivare un messaggio di consenso ai cookie che apparirà in una piccola finestra a comparsa in fondo allo schermo per tutti i nuovi visitatori del tuo sito:

1. Fai clic sul pulsante Impostazioni nel menu laterale sinistro.
2. Clicca su Contatti sotto Configurazione del sito web.
3. Attiva l'opzione informazioni sui cookie per configurare il breve messaggio e l'URL per le informazioni aggiuntive.
4. Imposta il tipo di visualizzazione estesa o meno (leggi più sotto).
5. Salva le modifiche in fondo alla pagina:
   ‍

Impostazioni aggiuntive

Il messaggio di consenso può essere impostato predefinito o in modo esteso, quando si fa clic su Visualizzazione. Il risultato ottenuto è il seguente:

• di default:
  
• estesa:
  

Questa guida spiega come gestire la sezione logo, intestazione e piè di pagina (footer) in Site Creator Infomaniak.

Prerequisiti

• Accedere a Site Creator:
  • Clicca qui per accedere alla gestione del tuo prodotto su il Manager Infomaniak (hai bisogno di aiuto?).
  • Fare clic direttamente sul nome assegnato al Site Creator interessato.
  • Fare clic sul pulsante Modifica il mio sito per avviare l'editor:
    

Aggiungere un logo al sito web

Una volta in Site Creator:

1. Clicca sul pulsante Impostazioni poi Logo nella barra laterale sinistra.‍‍
2. Carica un'immagine e scegli se il nome del sito deve essere visualizzato anche accanto.
   ‍

Impostazioni del logo

1. Fai clic sul pulsante Design nella barra laterale sinistra.
2. Fai clic su Menu Designer‍ poi Titolo/logo per regolare spaziature e colori.

Visualizzazione del logo al centro

Nella stessa posizione di cui sopra, attivate l'opzione per visualizzare il logo su una riga separata, il che centrerà il logo del sito:

Nascondere il logo (+ intestazione e piè di pagina)

Per creare una pagina senza logo che non avrà né intestazione (quindi nessun menu visualizzato) né piè di pagina, è necessario definirla come Pagina iniziale (cioè "Landing page"; attenzione, ciò non modifica l'ordine delle pagine) utilizzando un pulsante che si trova qui:

1. Clicca sul pulsante Impostazioni nella barra laterale sinistra.
2. Clicca su Elenco delle pagine.
3. Passare con il mouse su una pagina nell'albero esistente e cliccare sull'icona di ingranaggio che appare al passaggio del mouse.
4. ‍Attiva l'opzione in basso "Home Page" per nascondere intestazioni e piè di pagina:
   

Questa guida dettaglia l'uso dei media in Site Creator Infomaniak.

Si noti che è anche possibile inserire altri elementi come ad esempio un modulo di iscrizione alla Newsletter Infomaniak.

Prerequisiti

• Accedere a Site Creator:
  • Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
  • Fare clic direttamente sul nome assegnato al Site Creator interessato.
  • Fare clic sul pulsante Modifica il mio sito per avviare l'editor:
    

Aggiungere un'immagine

I media sono gestiti nella biblioteca dei file :

1. Aggiungi un nuovo blocco di contenuto contenente immagini che potrai poi sostituire o completare.
2. Clicca sul pulsante Contenuto nel menu laterale sinistro.
3. Clicca su Oggetti nell'elenco per inserire un'immagine singola.
4. Clicca sul blocco IMAGINE a destra.

Una volta aggiunta l'immagine, puoi anche renderla cliccabile o modificarne la dimensione:

È possibile aggiungere anche immagini come modulo Galleria di foto.

Cambiare immagine

Per sostituire un'immagine inserita:

1. Fai clic su un'immagine per modificarla.
2. Fai clic sul pulsante tipo Cornice foto sulla miniatura dell'immagine per poter selezionare una nuova immagine che sostituirà quella precedente:
   

Aggiungere un video

Per aggiungere un video:

1. Clicca sul pulsante Contenuto nel menu laterale sinistro.
2. Clicca su Oggetti nell'elenco.
3. Fai clic sul bloc VIDEO a destra per inserire un video a larghezza intera.

È possibile anche applicare un link ad un'immagine utilizzando un video YouTube come URL: questo creerà automaticamente un'icona di tipo PLAY che, al clic, aprirà il video in una finestra di tipo lightbox.

Aggiungere un file audio

Per aggiungere un file audio:

1. Clicca sul pulsante Contenuto nel menu laterale sinistro.
2. Clicca su Applicazioni in basso.
3. Il contenuto disponibile viene visualizzato a destra.
4. Clicca sul lettore audio per inserirlo nella pagina.

Puoi personalizzarlo in modo avanzato tramite l'modifica HTML.

Aggiungere un file da scaricare

Per facilitare il download di un file:

1. Clicca sul pulsante Contenuto nel menu laterale sinistro.
2. Clicca su Applicazioni in basso.
3. Il contenuto disponibile viene visualizzato a destra.
4. Fai clic sul widget Scarica file per inserirlo nella pagina.
5. Seleziona nella libreria il file che i tuoi visitatori potranno scaricare.

Questa guida spiega come mettere temporaneamente offline un sito creato con Site Creator Infomaniak.

Premessa

• La pagina di manutenzione apparirà solo sui dispositivi dei visitatori:
  
• Il tuo dispositivo continuerà a visualizzare il tuo sito senza la pagina di manutenzione, solo per la tua connessione Internet.
• Essendo connesso, potrai sempre modificare il sito con Site Creator.

Mettere Site Creator in manutenzione

Per disattivare temporaneamente Site Creator:

1. Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
2. Fai clic direttamente sul nome assegnato al prodotto interessato.
3. Clicca su Gestisci ‍ in alto a pagina.
4. Clicca su Attiva la manutenzione.
   • Ripeti l'operazione per disattivarla:
     
   • Puoi anche disattivare la manutenzione dal blocco di anteprima del tuo sito:
     

Questa guida spiega come personalizzare il codice sorgente, modificare il CSS, modificare la parte HEAD o BODY di un sito web realizzato con Site Creator Infomaniak.

Prerequisiti

• Accedere a Site Creator:
  • Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
  • Fare clic direttamente sul nome assegnato al Site Creator interessato.
  • Cliccare sul pulsante Modifica il mio sito per avviare l'editor:
    

Aggiungere codice personalizzato

Una volta in Site Creator:

1. Clicca su Design nel menu laterale sinistro.
2. Clicca su Altri parametri.
3. Clicca su Codice personalizzato in basso:
   
4. Inserisci codice HTML, JavaScript (con i suoi tag script) o CSS personalizzato (con i suoi tag stile) - leggere più in basso per alcuni esempi.
5. Salva le modifiche in fondo alla pagina.

Metadati in HEAD & BODY

Per aggiungere codice JavaScript o qualsiasi altro codice nella sezione HEAD o BODY del codice sorgente del tuo sito:

1. Fai clic su Impostazioni nel menu laterale sinistro.
2. Fai clic su SEO & Metadati nella sezione Configurazione del sito web.
3. Scendete fino a Codice personalizzato.
4. Scegliete di aggiungere sotto le schede HEAD o sotto BODY.
5. Registra le modifiche in fondo alla pagina:
   

Esempi di personalizzazione CSS

Questi esempi permettono di iniziare la personalizzazione avanzata delle pagine del sito web. Tuttavia, esiste il rischio che, a seconda delle modifiche apportate, non si possa più accedere all'editor stesso, il che vi obbligherà a ricominciare da capo.

Personalizzare lo sfondo del sito web

Per impostare l'immagine di tua scelta (da caricare nella biblioteca dei file) come sfondo della pagina e personalizzare la sua visualizzazione:

1. Andate al punto 3 visibile nella prima immagine in alto di questa guida.
2. Inserisci il codice <style> per indicare che desideri modificare il codice CSS,
3. poi body { per indicare che si desidera modificare il corpo della pagina e il "{" per aprire lo spazio che consente di inserire i comandi,
4. poi background-image: url("../data/files/fond01.jpg"); con il percorso & il nome esatto dell'immagine caricata nella libreria senza dimenticare il punto e virgola per poter inserire il comando successivo.
5. background-repeat: repeat; per ripetere l'immagine inserita.
6. background-attachment: fixed; per far sì che l'immagine di sfondo rimanga fissa anche se il visitatore fa scorrere la pagina verso il basso o verso l'alto per leggere il contenuto.
7. } per chiudere lo spazio di inserimento aperto in precedenza.
8. </style> per indicare che il codice termina qui.

Spaziare le lettere di tutti i collegamenti del sito

Per allargare molto lo spazio tra le lettere delle parole cliccabili (link):

1. Andate al punto 3 visibile nella prima immagine in alto di questa guida.
2. Inserisci il codice (se non ancora presente) <style> per indicare che desideri modificare il codice CSS,
3. poi .container div a { per indicare che si desidera modificare i blocchi della pagina e, più precisamente, i collegamenti ("a") e la "{" per aprire lo spazio che consente di inserire i comandi,
4. poi letter-spacing:1em; riducendo il valore (0.9em ad esempio) senza dimenticare il punto e virgola per poter inserire il comando successivo o terminare.
5. } per chiudere lo spazio di inserimento aperto in precedenza.
6. </style> per indicare che il codice termina qui.

Prendi visione di questi altri esempi di codice CSS da inserire nel tuo sito.

Questa guida spiega come collegare un sito creato con Site Creator Infomaniak a un nome di dominio presente nel tuo Manager.

Connettere Site Creator a un nome di dominio

Per collegare Site Creator a un nome di dominio esistente nel tuo account Infomaniak:

1. Clicca qui per accedere alla gestione del tuo prodotto su il Manager Infomaniak (hai bisogno di aiuto?).
2. Clicca direttamente sul nome assegnato al prodotto interessato.
3. Clicca su Collega il mio sito a un dominio per avviare l'assistente di configurazione qui sotto:
   

Gestire il/i dominio/i di Site Creator

Per gestire il o i nomi di dominio utilizzati con Site Creator:

1. Clicca qui per accedere alla gestione del tuo prodotto su il Manager Infomaniak (hai bisogno di aiuto?).
2. Clicca direttamente sul nome assegnato al prodotto interessato.

In alto nella pagina vengono visualizzati eventuali messaggi riguardanti problemi relativi a Site Creator e i domini.

Più in basso, è possibile gestire i propri domini, se presenti:

Indirizzo provvisorio, URL di anteprima

Più domini possono essere collegati a Site Creator, eliminati o scambiati e invertiti se necessario:

Al contrario, l'URL di anteprima, di tipo abcd.infomaniak.site e distinta nell'elenco dei domini Site Creator, non potrà mai essere eliminata per il corretto funzionamento del tuo sito:

Questa guida ti aiuta a comprendere il funzionamento della creazione e modifica delle pagine in Site Creator Infomaniak.

Prerequisiti

• Accedere a Site Creator:
  • Clicca qui per accedere alla gestione del tuo prodotto su il Manager Infomaniak (hai bisogno di aiuto?).
  • Fare clic direttamente sul nome assegnato al Site Creator interessato.
  • Fare clic sul pulsante Modifica il mio sito per avviare l'editor:
    

Modifica semplice delle pagine

La modifica di una pagina avviene in tempo reale e le tue modifiche vengono salvate man mano che modifichi il contenuto dei tuoi blocchi. Puoi annullare le tue modifiche se necessario.

Creare un link

Crea un link partendo da un'immagine o da un testo, selezionando direttamente l'oggetto.

Clicca quindi sull'icona della catena per aprire la sezione che ti permetterà di specificare il tipo di link e le opzioni associate:

Trasformare un link in un pulsante

Nelle impostazioni del tuo link, puoi scegliere il stile (pulsante arrotondato, pieno, ecc.), l'icona associata, ecc.:

 

Modificare un link

Modifica un link cliccandoci sopra:

Crea un link verso un file

Per consentire ai vostri visitatori di scaricare un file da un link su un oggetto, scegliete il tipo "File" nelle impostazioni del vostro link:

Creare un link a un indirizzo e-mail

Seleziona il tipo "Indirizzo email" nelle impostazioni del tuo link. Un clic sul link aprirà l'applicazione di posta elettronica predefinita del visitatore e inizierà a scrivere un'email con l'indirizzo email precompilato.

Per evitare che l'indirizzo email sia scritto direttamente sulla tua pagina, inserisci un modulo di contatto.

Creare un link verso una sezione specifica

Per indirizzare il visitatore a una sezione specifica del tuo sito o di un altro, utilizza il sistema delle ancore.

Creare un link da un'immagine

Quando fai clic su un'immagine per modificarla, basta attivare il pulsante "Questo è un link" sotto l'immagine per specificare l'URL che verrà visualizzata quando un visitatore ci clicca sopra:

Puoi anche applicare un link su un'immagine utilizzando un video YouTube come URL: questo creerà automaticamente un'icona di tipo PLAY che al clic aprirà il video in una finestra di tipo lightbox.

Creare un elenco, inserire un'emoji...

Le diverse opzioni di formattazione del tuo testo si trovano sopra la selezione del testo e le opzioni aggiuntive (elenco puntato, allineamento, emoji, ecc.) sono accessibili con la freccia:

Questa guida riguarda l'impostazione, in Site Creator Infomaniak, dell'icona visualizzata nella barra dei preferiti di un browser web, il favicon.

Premessa

• I formati consigliati da Microsoft per i suoi browser sono 16 x 16, 32 x 32 e 48 x 48.
• Apple, invece, consiglia che le dimensioni del favicon siano 180 x 180.

Definire il favicon di Site Creator

Prerequisiti

• Accedere a Site Creator:
  • Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
  • Fare clic direttamente sul nome assegnato al Site Creator interessato.
  • Fare clic sul pulsante Modifica il mio sito per avviare l'editor:
    

Per definire un nuovo favicon:

1. Fai clic sul pulsante Impostazioni nel menu laterale sinistro.
2. Fai clic su Impostazioni generali.
3. Scorrere verso il basso fino alla sezione Favicon:
   
4. Scegli la favicon dal tuo disco rigido.
5. Salva le modifiche in fondo alla pagina.
6. Visualizza il risultato nel tuo browser (se necessario in una nuova finestra in modalità navigazione in incognito ad esempio):
   

Questa guida spiega come integrare su pagine web file video/audio importati su un servizio VOD/AOD Infomaniak.

Premessa

• Questo codice di integrazione VOD/AOD è unico e corrisponde ai parametri che stai specificando sulla pagina.
• Vi permette di integrare lo stesso video con diverse configurazioni di visualizzazione a seconda delle vostre esigenze.
• In seguito, potrete modificare i parametri di questa integrazione regolandoli dalla pagina della cronologia delle integrazioni su Manager Infomaniak.
• Puoi anche condividere un media in vari modi.

Generare e copiare il codice di integrazione

Il codice di integrazione si trova nella tua interfaccia VOD; ecco un esempio con un Player predefinito:

1. Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
2. Fai clic direttamente sul nome assegnato al prodotto interessato.
3. Fai clic su Media nel menu laterale sinistro.
4. Fai clic su Gestione dei media nel menu laterale sinistro.
5. Fai clic sul media interessato nella tabella visualizzata.
6. Fai clic sul pulsante blu Integra.
7. Clicca su Crea un'integrazione:
   
8. Personalizza l'integrazione del media (timestamp, riproduzione in loop, avvio automatico, …).
9. Fai clic sul pulsante per Generare il codice di integrazione:
   
10. Copiate il codice per integrarlo nella posizione desiderata:
    

Il media verrà inserito con il Player predefinito, ma avete la possibilità di scegliere tra i vostri Players creati quello da proporre durante l'integrazione.

Modifica un'integrazione precedente

Per personalizzare nuovamente l'integrazione già effettuata del tuo media, e con l'obiettivo di conservare il codice corrispondente senza doverlo reinserire:

1. Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
2. Fai clic direttamente sul nome assegnato al prodotto interessato.
3. Fai clic su Media nel menu laterale sinistro.
4. Fai clic su Gestione dei media nel menu laterale sinistro.
5. Fai clic sul media interessato nella tabella visualizzata.
6. Fai clic sul pulsante blu Integra.
7. Fai clic su Modifica un'integrazione:
   
8. Fai clic sul menu azione ⋮ a destra dell'oggetto interessato nella tabella visualizzata.
9. Fai clic sull'elemento desiderato per ottenere/modificare i codici di integrazione:
   

Incolla il codice di integrazione…

Sulla pagina web di vostra scelta, incollate il codice nel punto desiderato.

… su Site Creator Infomaniak

• Per Site Creator, è necessario generare un codice di integrazione “Fisso” (e non “Reattivo”):
  
• Incolla quindi questo codice su Site Creator all'interno di un blocco “Codice HTML personalizzato”.

• Ecco un esempio di copia-incolla dalla pagina di integrazione di un media: