Come creare un sito web con systeme.io

In questo articolo imparerai come creare un sito web utilizzando il creatore di siti web.

Indice:

• Creazione di un nuovo sito web
• Panoramica dell'editor
• Gestione delle pagine
• Pagine di pubblicazione
• Utilizzo dei popup
• Impostazioni di stile globale
• Impostazioni
• Cambiare la lingua del sito web
• Realizzazione di un sito web multilingue
• Anteprima del dispositivo
• Regole di utilizzo del dominio

La funzionalità Siti web di systeme.io consente di creare e gestire siti web multipagina da un'unica interfaccia.

Creazione di un nuovo sito Web

Per iniziare, vai alla scheda Siti (1) nel menu principale e fai clic su Siti web Personalizzati (2).

Nella pagina dell'elenco del sito web, fare clic su Crea (3).

Nel popup che appare, inserisci i seguenti dettagli sul tuo sito web:

• Nome: inserisci il nome del tuo sito web (4)
• Nome di dominio: seleziona il dominio che desideri utilizzare (5)
• Percorso URL della home page: una volta selezionato un dominio, questo campo appare automaticamente. Utilizzalo per definire il percorso URL della tua home page (6)
• Lingua: scegli la lingua principale del tuo sito web (7)

Dopo aver compilato tutti i campi obbligatori, clicca su Salva (8) per creare il tuo sito web.

Importante:

Un dominio può essere assegnato a un solo sito web alla volta.

Se il dominio che desideri utilizzare è già collegato a un altro sito web, devi prima rimuoverlo da quel sito web prima di assegnarlo qui.

Dopo aver salvato i dettagli del tuo sito web, si aprirà una finestra che ti chiederà di scegliere un modello per la tua homepage.

Puoi scegliere una delle seguenti opzioni:

• Scegli un modello: seleziona uno dei design già pronti e personalizzalo.
• Crea da zero: inizia con una pagina vuota e progetta tutto manualmente.

Una volta selezionata un'opzione, clicca su Salva (9) per continuare.

Dopo aver salvato il modello selezionato per il tuo sito web, verrai reindirizzato all'editor del sito web.

Panoramica dell'editor:

l'editor contiene quattro schede principali che utilizzerai per creare e gestire il tuo sito web:

• Pagine: gestisci la struttura del tuo sito web, passa da una pagina all'altra, crea nuove pagine e accedi alle impostazioni di pagina.
• Popup: crea e gestisci i popup per il tuo sito web.
• Stile: definisci le impostazioni di design globali come font, colori e pulsanti.
• Impostazioni: configura le opzioni a livello di sito web come lingue e impostazioni generali.

Gestione delle pagine

La scheda Pagine è dove gestisci la struttura del tuo sito web.

Da qui puoi visualizzare tutte le pagine (1), passare da una all'altra e crearne di nuove cliccando su (+) Crea (2).

Fai clic su una pagina qualsiasi nell'elenco per visualizzarla nell'area dell'editor a destra. Per iniziare a modificare la pagina, fai clic direttamente all'interno dell'area dell'editor.

Si aprirà il pannello dell'editor di pagina, dove troverai tutti gli elementi disponibili per personalizzare la tua pagina:

Puoi tornare all'elenco delle pagine in qualsiasi momento cliccando su Pagine in alto a sinistra dell'editor.

Se provi a cambiare pagina o a uscire dall'editor con modifiche non salvate, apparirà un popup di conferma:

Nota: l'editor del sito web utilizza lo stesso generatore di pagine disponibile nella funzionalità Sales Funnel, quindi tutti gli strumenti di modifica funzionano allo stesso modo.

Impostazioni pagina: per accedere alle impostazioni di una pagina specifica, clicca sul menu a tre punti accanto al nome della pagina.

Questo menu mostra le seguenti opzioni:

• Impostazioni
• Annulla pubblicazione
• Rimuovi

Nota: la home page non può essere eliminata. Solo le pagine secondarie includono l'opzione di rimozione.

Facendo clic su Impostazioni, si aprirà il popup Impostazioni pagina con le seguenti sezioni:

Impostazioni generali

Qui puoi modificare:

• Nome pagina
• Percorso URL

SEO

Utilizza questa sezione per definire come appare la tua pagina nei motori di ricerca.

Puoi impostare il titolo, la descrizione, le parole chiave, l'autore, l'immagine e visualizzare in anteprima l'aspetto nei risultati di ricerca.

È anche possibile nascondere questa pagina ai motori di ricerca, impedendone la visualizzazione.

Lingue

Questa scheda serve per creare versioni specifiche della pagina per ogni lingua.

Facendo clic su "Duplica versioni specifiche della pagina per ogni lingua" verrà creata una copia della pagina per la lingua selezionata, consentendoti di tradurne manualmente il contenuto.

Importante: prima di poter visualizzare qui, devi aggiungere le lingue che desideri supportare in Impostazioni → Lingue.

Avanzate

In questa scheda puoi aggiungere il codice di monitoraggio personalizzato specifico per questa pagina.

Utilizza solo script convalidati, poiché il codice non supportato potrebbe influire sulle prestazioni o sul comportamento della pagina.

Pagine di pubblicazione

Per impostazione predefinita, le pagine appena create vengono aggiunte in modalità Bozza.

Per pubblicare una pagina, clicca sul menu a tre punti e seleziona Pubblica.

Nota: puoi annullare la pubblicazione di una pagina nello stesso modo.

Utilizzo dei popup

Fai clic sul pulsante + Crea nella scheda Popup per creare un nuovo popup.

Una volta che il popup appare nell'area dell'editor, fai clic su di esso per iniziare la personalizzazione.

Il pannello di modifica si aprirà sul lato sinistro dello schermo, mostrando tutte le impostazioni disponibili.

Popup di pagina vs Popup del sito web

Ogni popup può essere:

• Popup di pagina: visibile solo sulla pagina che stai modificando.
• Popup del sito web: visibile su tutte le pagine del sito web.

Per passare da una modalità all'altra, fai clic sull'icona del globo.

• Quando l'icona del globo è blu, il popup è un popup del sito web.
• Quando l'icona del globo è grigia, il popup è un popup della pagina.

L'etichetta di stato sopra l'elenco dei popup si aggiorna automaticamente per riflettere la tua scelta:

• Popup di pagina
• Popup del sito web

Impostazioni di stile globale

La scheda Stile controlla le impostazioni di aspetto globale applicate a tutte le pagine del sito web.

Puoi configurare:

• Tipografia (intestazioni e paragrafi)
• Colori (sfondo, pulsanti, link)
• Pulsanti
• Campi modulo (spaziatura, raggio, bordi, colori)

Le modifiche apportate qui vengono applicate globalmente all'intero sito web.

Impostazioni

La scheda Impostazioni controlla le opzioni generali del sito web, tra cui:

• Nome del sito web
• Dominio
• Homepage
• Lingua
• Logo

Cambiare la lingua del sito web

Nella parte superiore della scheda Pagine, puoi cambiare la lingua del sito web utilizzando il menu a discesa delle lingue.

Quando selezioni una lingua diversa, l'elenco delle pagine si aggiorna per mostrare le pagine disponibili per quella versione linguistica.

Importante:

cambiare il menu a discesa non traduce automaticamente il contenuto. Ogni versione della pagina deve essere modificata manualmente.

Realizzazione di un sito web multilingue

La funzionalità Siti web supporta strutture multilingue.

Per creare un sito web multilingue:

1. Crea il tuo sito web principale in una lingua.
2. Per ogni pagina, apri il menu a tre punti e vai a Lingue.
3. Duplica la pagina per la lingua che desideri aggiungere.
4. Cambia la lingua del sito web nel menu a discesa Pagine.
5. Modifica manualmente la versione tradotta di ogni pagina.

Questo garantisce il pieno controllo dei contenuti visualizzati in ogni lingua.

Anteprima del dispositivo

Durante la modifica di una pagina, puoi visualizzarne l'anteprima su diversi dispositivi.

Utilizza la barra degli strumenti di anteprima in alto a destra per passare da:

• Visualizzazione desktop
• Visualizzazione verticale per dispositivi mobili
• Visualizzazione orizzontale per dispositivi mobili

Questo ti aiuta a verificare se il layout funziona su schermi di tutte le dimensioni.

Regole di utilizzo del dominio

Se devi modificare il dominio del tuo sito web dopo che è già stato creato o pubblicato, puoi aggiornare questi dettagli dall'elenco Siti web.

Per accedere alle impostazioni del tuo sito web:

1. Esci dall'editor del sito web
2. Vai su Siti > Siti web
3. Trova il tuo sito web nell'elenco
4. Clicca sul pulsante del menu a tre punti accanto ad esso
5. Seleziona Impostazioni

Si apre la finestra popup "Modifica sito web", dove puoi modificare:

• Nome del sito web
• Nome del dominio
• Percorso URL della home page

Quando clicchi sull'icona X per rimuovere il dominio assegnato, il sistema mostrerà un avviso che ti informa che il sito web verrà disattivato finché non ne selezioni uno nuovo.

Importante:

La rimozione del dominio disattiverà il sito web. Il tuo sito rimarrà inaccessibile finché non ne assegnerai un altro.