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

Premessa

• Di default, 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

• Accedi a 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 Personalizza il mio sito:
     

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

• Accedi a Site Creator:
  1. Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
  2. Clicca direttamente sul nome attribuito al prodotto interessato.
  3. Clicca su Personalizza il mio sito:
     

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. Fai clic sul pulsante Contenuto nel menu laterale sinistro.
3. Clicca su Oggetti nell'elenco per inserire un'immagine singola.
4. Fai clic sul bloc IMMAGINE 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. Fai clic 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. Fai clic 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. Fai clic 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 dettaglia il comportamento di Site Creator Infomaniak e del sito creato con esso, di fronte ai vari formati e risoluzioni dello schermo.

Prerequisiti

• Accedi a Site Creator:
  1. Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
  2. Clicca direttamente sul nome attribuito al prodotto interessato.
  3. Clicca su Personalizza il mio sito:
     

Visualizzare il sito su diversi dispositivi

I siti creati con Site Creator sono automaticamente adattati ai browser, indipendentemente dal supporto (computer, dispositivo mobile, tablet, schermo grande e piccolo, ecc.). Tuttavia, possono reagire diversamente in base a determinati parametri che è possibile regolare. Per visualizzare in anteprima la versione del sito in base al supporto di lettura, clicca sul pulsante … blu situato in fondo al menu laterale sinistro per espandere le opzioni di pubblicazione e anteprima:

Clicca su Anteprima, poi in alto sulla pagina, clicca sul menu delle azioni a destra di Anteprima per cambiare il tipo di dispositivo di lettura.

Visualizzare il tuo sito in larghezza ridotta

Puoi ridurre la larghezza del tuo sito. Tuttavia, questa visualizzazione all'interno di un "container" o "scatola" sarà visibile solo su schermi ampi come quelli di un computer desktop:

1. Clicca sul pulsante Design nel menu laterale sinistro.
2. Clicca su Altri parametri:
   ‍
3. Salva le modifiche in fondo alla pagina.

Nascondere un bloc di contenuto in base al tipo di dispositivo

Nelle opzioni di un blocco di contenuto, è possibile impostare di visualizzare quest'ultimo solo su certi tipi di dispositivi (ad esempio, mobili):

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

• Accedi a Site Creator:
  1. Clicca qui per accedere alla gestione del tuo prodotto su Manager Infomaniak (hai bisogno di aiuto?).
  2. Clicca direttamente sul nome attribuito al prodotto interessato.
  3. Clicca su Personalizza il mio sito:
     

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 nei collegamenti cliccabili:

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

• Accedi a 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 attribuito al prodotto interessato.
  3. Clicca su Personalizza il mio sito:
     

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'e-mail 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 su Site Creator

Prerequisiti

• Accedi a Site Creator:
  1. Clicca qui per accedere alla gestione del tuo prodotto su il Manager Infomaniak (hai bisogno di aiuto?).
  2. Fai clic direttamente sul nome attribuito al prodotto interessato.
  3. Fai clic su Personalizza il mio sito:
     

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 dettaglia i limiti di Site Creator Infomaniak.

Limiti di Site Creator

Contenuto

• Non ci sono limiti al numero di pagine o articoli di negozio che è possibile aggiungere con Site Creator.
• Il volume totale a tua disposizione dipende dalla dimensione dell'hosting su cui si trova il sito creato con Site Creator; un Hébergement Web abituale è dotato di 250 Go di spazio su disco.
• Consulta anche questa guida.

Gestione FTP

• Non è possibile accedere ai file del tuo sito lato server, né tramite FTP né tramite altri mezzi se non il gestore proposto da Manager Infomaniak.

Esportazione del sito web

• Non è possibile importare o esportare il sito web (ad esempio, verso un altro provider di hosting o un altro hosting).
• I temi o i moduli non sono esportabili.

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

Preambolo

• Questo codice di integrazione VOD / AOD è unico e corrisponde alle impostazioni che stai specificando sulla pagina.
• Ti consente di integrare lo stesso video con configurazioni di visualizzazione diverse in base alle tue esigenze.
• Successivamente, è possibile modificare le impostazioni di questa integrazione regolandole dalla pagina di cronologia delle integrazioni sul Manager Infomaniak.

Generare e copiare il codice di integrazione

Il codice di integrazione si trova sulla vostra interfaccia VOD; ecco un esempio con un Player Per impostazione predefinita:

1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
2. Clicca direttamente sul nomeattribuito al prodotto in questione.
3. Clicca su Media nel menu laterale sinistro.
4. Clicca su Gestione dei media nel menu laterale sinistro.
5. Fare clic sul supporto in questione nella tabella visualizzata.
6. Clicca sul pulsante blu Condividere.
7. Clicca su Creare un’integrazione.
8. Personalizza l'integrazione dei media.
9. Fare clic sul pulsante per Generare il codice di integrazione.
10. Copia il codice per integrarlo nella posizione di tua scelta:

Il supporto verrà in questo caso inserito con il Player predefinito, ma hai la possibilità di scegliere tra i tuoi lettori creati quello da proporre al momento dell'integrazione.

Modificare una precedente integrazione

Per personalizzare di nuovo l'integrazione già effettuata del vostro media, e al fine di conservare il codice corrispondente senza doverlo inserire di nuovo:

1. Clicca qui per accedere alla gestione del prodotto sul Manager Infomaniak (Hai bisogno di aiuto?).
2. Clicca direttamente sul nomeattribuito al prodotto in questione.
3. Clicca su Media nel menu laterale sinistro.
4. Clicca su Gestione dei media nel menu laterale sinistro.
5. Fare clic sul supporto in questione nella tabella visualizzata.
6. Clicca sul pulsante blu Condividere.
7. Clicca su Modificare un'integrazione:
   
8. Clicca sul menu di azione ⋮ a destra dell'oggetto in questione nella tabella visualizzata.
9. Fare clic sull'elemento desiderato per ottenere / modificare i codici di integrazione / condivisione:
   

Incollare il codice di integrazione...

Sulla pagina web di vostra scelta, incollare il codice nella posizione desiderata.

... sul sito Creator Infomaniak

Per Sito Creator, è necessario generare un codice di integrazione “Fixe” (e non “Reattivo”):

Quindi incollare questo codice su Site Creator all'interno di un blocco "Codice HTML personalizzato".

Ecco un esempio di copiare e incollare dalla pagina di integrazione di un media: