Base di conoscenze

WordPress e Site Creator sono due strumenti di creazione di siti completamente diversi e purtroppo non è possibile utilizzare i componenti dell'uno con l'altro.

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

Collegare Site Creator a un nome di dominio

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

1. Accedi al Manager di Infomaniak (manager.infomaniak.com) da un browser web come Brave o Edge.
2. Fai clic sull'icona nell'angolo in alto a destra dell'interfaccia (o naviga attraverso il menu laterale sinistro, ad esempio).
3. Scegli Hosting (universo di Web e Dominio).
4. Fai clic sul nome dell'oggetto rilevante nella tabella visualizzata.
5. Fai clic su Site Creator nel menu laterale sinistro.
6. Fai clic su Collega il mio sito a un dominio per avviare la procedura guidata di configurazione qui sotto:
   

Gestire il(i) dominio(i) di Site Creator

Per gestire il/i nome(i) di dominio utilizzato/i con Site Creator:

1. Accedi al Manager di Infomaniak (manager.infomaniak.com) da un browser web come Brave o Edge.
2. Fai clic sull'icona nell'angolo in alto a destra dell'interfaccia (o naviga attraverso il menu laterale sinistro, ad esempio).
3. Scegli Hosting (universo di Web e Dominio).
4. Fai clic sul nome dell'oggetto rilevante nella tabella visualizzata.
5. Fai clic su Site Creator nel menu laterale sinistro.

In alto alla pagina vengono visualizzati eventuali messaggi relativi a problemi con Site Creator e domini.

Di seguito, è possibile gestire i propri domini, se presenti:

Indirizzo temporaneo, URL di anteprima

Può essere collegato più di un nome di dominio a Site Creator, eliminato o scambiato e cambiato se necessario:

Tuttavia, l'URL di anteprima, del tipo abcd.infomaniak.site e distinto nell'elenco dei domini di Site Creator, non può mai essere eliminato per il corretto funzionamento del sito:

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

Vale la pena notare che è anche possibile inserire altri elementi, come ad esempio un modulo di iscrizione alla newsletter di Infomaniak.

Aggiungere un'immagine

I media sono gestiti nella libreria dei file:

1. Accedi al Manager di Infomaniak (manager.infomaniak.com) da un browser web come Brave o Edge
2. Fai clic sull'icona nell'angolo in alto a destra dell'interfaccia (o naviga tramite il menu laterale sinistro)
3. Scegli Hosting (universo Web & Dominio)
4. Fai clic sul nome dell'oggetto corrispondente nella tabella visualizzata
5. Fai clic su Site Creator nel menu laterale sinistro
6. Fai clic su Personalizza il mio sito

Una volta dentro Site Creator:

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. Fai clic su Oggetti nell'elenco per inserire un'immagine singola
4. Fai clic sul blocco IMMAGINE sulla destra

Dopo aver aggiunto l'immagine, puoi anche renderla cliccabile o modificarne le dimensioni:

Puoi anche aggiungere immagini come modulo di Galleria di foto.

Cambiare un'immagine

Per sostituire un'immagine inserita:

1. Fai clic su un'immagine per modificarla
2. Fai clic sul pulsante del tipo Cornice foto nella 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. Fai clic su Oggetti nell'elenco
3. Fai clic sul blocco VIDEO sulla destra per inserire un video a tutta larghezza

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

Aggiungere un file audio

Per aggiungere un file audio:

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

Puoi personalizzarlo in modo avanzato tramite la modifica HTML.

Aggiungere un file da scaricare

Per offrire facilmente un file da scaricare:

1. Fai clic sul pulsante Contenuto nel menu laterale sinistro
2. Fai clic 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 per Site Creator di Infomaniak tratta l'argomento dei cookie del browser.

Per impostazione predefinita, quando il tuo sito web è nuovo, nessun cookie dovrebbe essere memorizzato sui dispositivi dei tuoi visitatori e non esiste alcuna funzionalità di tracciamento per scopi pubblicitari o di marketing.

Come amministratore del sito web, alcuni dati vengono memorizzati nei tuoi stessi cookie (come informazioni che indicano che sei un amministratore del sito web).

Se aggiungi applicazioni/moduli integrati al tuo sito web, potrebbero essere utilizzati cookie. Ad esempio, con il Modulo Sondaggio: se aggiungi un modulo di sondaggio al tuo sito web, utilizzerà cookie quando il visitatore del sito web voterà (per ricordare che ha già votato).

Notifica per i Visitatori

Puoi abilitare un messaggio di consenso ai cookie che apparirà in una piccola finestra popup in basso a schermo per tutti i nuovi visitatori del tuo sito:

1. Nella barra laterale sinistra, fai clic sul pulsante Impostazioni
2. Fai clic su Dati di contatto sotto Configurazione del sito web
3. Attiva l'opzione di informazioni sui cookie per configurare il messaggio breve e l'URL per ulteriori informazioni
4. Regola il tipo di visualizzazione, espansa o no (leggi sotto)
5. Salva le modifiche nella parte inferiore della pagina
   
   
   

Impostazioni Aggiuntive

Il messaggio di consenso può essere impostato come predefinito o espanso, quando fai clic su Visualizza. Il risultato è il seguente:

• Predefinito:
  
• Espanso:
  

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

Aggiungere codice personalizzato

Per accedere a Site Creator:

1. Accedi al Manager di Infomaniak (manager.infomaniak.com) da un browser web come Brave o Edge
2. Fai clic sull'icona nell'angolo in alto a destra dell'interfaccia (o naviga attraverso il menu laterale sinistro, ad esempio)
3. Scegli Hosting (universo Web & Dominio)
4. Fai clic sul nome dell'oggetto in questione nella tabella visualizzata
5. Fai clic su Site Creator nel menu laterale sinistro
6. Fai clic su Personalizza il mio sito

Una volta in Site Creator:

1. Fai clic su Design nel menu laterale sinistro
   
2. Fai clic su Altri impostazioni
3. Fai clic su Codice personalizzato in basso
   
4. Inserisci del codice HTML, JavaScript (con i suoi tag script) o CSS personalizzato (con i suoi tag style) - leggi di seguito alcuni esempi
5. Salva le modifiche nella parte inferiore della pagina

Metadati in HEAD e BODY

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

1. Fai clic su Impostazioni nel menu laterale sinistro
2. Fai clic su SEO & Metadati nella sezione Configurazione del sito web
3. Scorri fino a Codice personalizzato
4. Scegli di aggiungere sotto le schede HEAD o sotto BODY
5. Salva le modifiche nella parte inferiore della pagina
   

Esempi di personalizzazione CSS

Questi esempi ti consentono di iniziare con la personalizzazione avanzata delle pagine del sito web. Tuttavia, c'è il rischio, a seconda delle modifiche apportate, di non poter più accedere allo stesso editor, il che ti costringerebbe a ricominciare da capo.

Personalizza lo sfondo del sito web

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

1. Vai al punto 3 visibile nella prima immagine in alto in questa guida
2. Inserisci il codice <style> per indicare che desideri modificare il CSS
3. Quindi, body { per indicare che desideri modificare il corpo della pagina e "{" per aprire lo spazio per inserire i comandi
4. Quindi, background-image: url("../data/files/fond01.jpg"); con il percorso e il nome 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; affinché l'immagine di sfondo rimanga fissa anche se il visitatore scorre la pagina su e giù per leggerne il contenuto
7. } per chiudere lo spazio per l'inserimento aperto in precedenza
8. </style> per indicare che il codice termina qui

Separare le lettere di tutti i link del sito

Per separare (molto) le lettere tra loro nelle parole collegabili:

1. Vai al punto 3 visibile nella prima immagine in alto in questa guida
2. Inserisci il codice (se non è già presente) <style> per indicare che desideri modificare il CSS
3. Quindi, .container div a { per indicare che desideri modificare i blocchi della pagina e, in particolare, i link ("a") e il "{" per aprire lo spazio per inserire i comandi
4. Quindi, letter-spacing:1em;, riducendo il valore (ad esempio, 0.9em) senza dimenticare il punto e virgola per poter inserire il comando successivo o per terminare
5. } per chiudere lo spazio per l'inserimento aperto in precedenza
6. </style> per indicare che il codice termina qui

Consulta altri esempi di codice CSS da inserire nel tuo sito web.

Questa guida dettaglia il comportamento di Site Creator di Infomaniak e del sito creato con esso, di fronte a diversi formati e risoluzioni dello schermo.

Visualizzare il sito su dispositivi diversi

I siti creati con Site Creator si adattano automaticamente ai browser indipendentemente dal loro supporto (computer, dispositivo mobile, tablet, schermo grande e piccolo, ecc.). Tuttavia, possono reagire in modo diverso in base a alcuni parametri che è possibile regolare accedendo a Site Creator:

1. Esegui l'accesso al Manager Infomaniak (manager.infomaniak.com) da un browser web come Brave o Firefox
2. Fai clic sull'icona nell'angolo in alto a destra dell'interfaccia (o naviga attraverso il menu laterale sinistro, ad esempio)
3. Seleziona Hosting (universo Web & Domain)
4. Fai clic direttamente sul nome dell'oggetto rilevante nella tabella visualizzata
5. Fai clic su Site Creator nel menu laterale sinistro
6. Fai clic su Personalizza il mio sito

Una volta in Site Creator, per visualizzare in anteprima la versione del sito in base al dispositivo di lettura, fai clic sul pulsante  …  blu in basso nel menu laterale sinistro, per espandere le opzioni di pubblicazione e anteprima.

Fai clic su Anteprima e quindi nella parte superiore della pagina, fai clic sul menu azione a destra di Anteprima per cambiare il tipo di dispositivo di lettura.

Mostrare il tuo sito con larghezza ridotta

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

1. Nel menu laterale sinistro, fai clic sul pulsante Design
2. Fai clic su Altre impostazioni
   
   
3. Salva le modifiche nella parte inferiore della pagina

Nascondere un blocco di contenuti in base al tipo di dispositivo

Nelle opzioni di un blocco di contenuti, puoi impostarlo per mostrare solo su certi tipi di dispositivi (ad esempio, dispositivi mobili):

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

Questo codice di integrazione è unico e corrisponde alle impostazioni che stai specificando sulla pagina. Ti consente di integrare lo stesso video con diverse configurazioni di visualizzazione secondo le tue esigenze.

In seguito, potrai modificare le impostazioni di questa integrazione aggiustandole dalla pagina di cronologia delle integrazioni nel Manager di Infomaniak.

Generare e copiare il codice di integrazione

Il codice di integrazione che ti permette di inserire il tuo media nel punto desiderato (blog, sito web, ecc.) si trova nella tua interfaccia VOD:

1. Accedi al Manager di Infomaniak (manager.infomaniak.com) da un browser come Brave o Edge
2. Fai clic sull'icona ‍ in alto a destra dell'interfaccia (o naviga attraverso il menu laterale sinistro, ad esempio)
3. Scegli VOD/AOD (area di Streaming)
4. Fai clic sul nome dell'oggetto rilevante nella tabella mostrata
5. Fai clic su Medie nel menu laterale sinistro
6. Fai clic su Gestione delle medie nel menu laterale sinistro
7. Fai clic sul media rilevante nella tabella mostrata
8. Fai clic sul pulsante blu Condividi
9. Fai clic su Crea integrazione
10. Personalizza l'integrazione del media
11. Fai clic sul pulsante per Generare il codice di integrazione
12. Copia il codice per inserirlo nel punto desiderato

Modificare un'integrazione precedente

Per personalizzare nuovamente un'integrazione già eseguita del tuo media e mantenere il codice corrispondente senza doverlo reinserire:

1. Accedi al Manager di Infomaniak (manager.infomaniak.com) da un browser come Brave o Edge
2. Fai clic sull'icona ‍ in alto a destra dell'interfaccia (o naviga attraverso il menu laterale sinistro, ad esempio)
3. Scegli VOD/AOD (area di Streaming)
4. Fai clic sul nome dell'oggetto rilevante nella tabella mostrata
5. Fai clic su Medie nel menu laterale sinistro
6. Fai clic su Gestione delle medie nel menu laterale sinistro
7. Fai clic sul media rilevante nella tabella mostrata
8. Fai clic sul pulsante blu Condividi

9. Fai clic su Modifica integrazione

   

10. Fai clic sul menu delle azioni ⋮ a destra dell'oggetto rilevante nella tabella mostrata

11. Fai clic sull'elemento desiderato per ottenere / modificare i codici di integrazione / condivisione:

    

Incolla il codice di integrazione

Incolla il codice nel punto desiderato sulla pagina web.

Per SiteCreator, ad esempio, genera un codice di integrazione "Fisso" (non "Reattivo"):

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

Ecco un esempio di copia e incolla dalla pagina di integrazione di un media:

Questa guida ti aiuta a capire come funziona la creazione e l'editing di pagine in Infomaniak Site Creator.

Modifica semplice delle pagine

Per accedere a Site Creator:

1. Effettua l'accesso al Manager di Infomaniak (manager.infomaniak.com) da un browser web come Brave o Firefox.
2. Fai clic sull'icona in alto a destra dell'interfaccia (o naviga tramite il menu laterale a sinistra, ad esempio).
3. Scegli Hosting (nell'area di Web e Dominio).
4. Fai clic direttamente sul nome dell'oggetto rilevante nella tabella visualizzata.
5. Fai clic su Site Creator nel menu laterale a sinistra.
6. Fai clic su Personalizza il mio sito.

La modifica di una pagina avviene in tempo reale e le tue modifiche vengono salvate automaticamente mentre modifichi il contenuto dei tuoi blocchi.

Crea un collegamento

Crea un collegamento da un'immagine o testo selezionando l'oggetto.

Successivamente, fai clic sull'icona della catena per aprire la sezione che ti consentirà di specificare il tipo di collegamento e le opzioni correlate:

Trasforma un collegamento in un pulsante

Nelle impostazioni del collegamento, puoi selezionare lo stile (pulsante arrotondato, pieno, ecc.), l'icona associata e altro:

Modifica un collegamento

Modifica un collegamento facendo clic su di esso:

Crea un collegamento a un file

Per consentire ai tuoi visitatori di scaricare un file da un collegamento su un oggetto, seleziona il tipo "File" nelle impostazioni del collegamento:

Crea un collegamento a un indirizzo email

Seleziona il tipo "Indirizzo email" nelle impostazioni del collegamento. Facendo clic sul collegamento, verrà aperta l'applicazione di posta elettronica predefinita nel computer del visitatore e verrà avviata la composizione di un'email con l'indirizzo predefinito.

Per evitare che l'indirizzo email sia visualizzato in chiaro sulla pagina, ti consigliamo di utilizzare un modulo di contatto.

Crea un collegamento a una sezione specifica

Per indirizzare il visitatore verso una sezione specifica del tuo sito web o di un'altra pagina, devi utilizzare il sistema di ancore.

Crea un collegamento da un'immagine

Quando fai clic su un'immagine per modificarla, attiva semplicemente il pulsante "Questo è un collegamento" sotto l'immagine per specificare l'URL che verrà visualizzato quando un visitatore ci cliccherà sopra:

Se inserisci l'URL di un video di YouTube, il video verrà aperto in una finestra di tipo lightbox.

Crea una lista, inserisci un emoji...

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

Cambia il nome del sito web

Fai clic sul pulsante Impostazioni nella barra laterale sinistra, quindi fai clic su Titolo del sito .

Dettagli della Compagnia

Fai clic sul pulsante Impostazioni nella barra laterale sinistra, quindi fai clic su Informazioni di contatto in Configurazione sito web .

Questa guida riguarda le "Applicazioni" e i "moduli" disponibili in Site Creator di Infomaniak, per creare un sito vetrina, un blog o un negozio online completamente personalizzabile, senza alcuna conoscenza tecnica.

Diversi moduli

Oltre ai blocchi di contenuto che offrono diverse disposizioni predefinite, puoi anche inserire blocchi sotto forma di moduli, ognuno con una funzione specifica:

1. Video
2. Lettore audio
3. Slider di immagini / slideshow
4. Download di file
5. Localizzazione sulla mappa
6. Sondaggio
7. Base di conoscenze
8. Domande e risposte
9. Calendario
10. Calendly
11. Menu delle sotto-pagine
12. Mappa del sito (sitemap)
13. Aggiungi a Google
14. Codice HTML personalizzato
15. Modulo di contatto
16. Blog
17. Negozio
18. Lettore di feed RSS
19. Menu del ristorante

Inserire un modulo in una pagina

Per inserire un modulo:

1. Accedi al Manager di Infomaniak (manager.infomaniak.com) da un browser web come Brave o Edge.
2. Fai clic sull'icona nell'angolo in alto a destra dell'interfaccia (o naviga attraverso il menu laterale sinistro, ad esempio).
3. Seleziona Hosting (universo Web & Domain).
4. Fai clic sul nome dell'oggetto corrispondente nella tabella visualizzata.
5. Fai clic su Site Creator nel menu laterale sinistro.
6. Fai clic su Personalizza il mio sito.

Una volta in Site Creator:

1. Fai clic sul pulsante Contenuto nel menu laterale sinistro.
2. Fai clic su Applicazioni nella parte inferiore e verrà visualizzato il contenuto disponibile sulla destra.
3. Fai clic su una di queste applicazioni per inserirla nella pagina:
   
4. Una volta inserito, passa il mouse sopra il modulo per accedere alle sue impostazioni:
   

Moduli multipli o modulo mancante

Se elimini uno dei tuoi moduli (come quello per il sondaggio) che è già configurato e vuoi tornare indietro, premi immediatamente Annulla.

Puoi anche reinserire il modulo, che dovrebbe tornare con la sua configurazione precedente.

Non puoi inserire più moduli dello stesso tipo per personalizzarli in modo indipendente.

Altre integrazioni e widget

Fai clic sul pulsante APPLICAZIONI nella barra laterale sinistra di Site Creator:

Inserire un contatore

Per aggiungere un contatore che mostri un conto alla rovescia:

1. Nel menu laterale sinistro, fai clic sul pulsante Contenuto.
2. Fai clic su Oggetti nell'elenco e verrà visualizzato il contenuto disponibile sulla destra:
   
3. Fai clic su uno di questi oggetti per inserirlo nella pagina e personalizzarlo: