Video: Creare pagine con il xoContentEditor
Dall'avvio alla pagina finita nel negozio: il video mostra, utilizzando il negozio demo, come inserire i moduli, disporli per desktop e dispositivi mobili, riutilizzarli come modelli e integrare widget di terze parti. È possibile passare direttamente a ogni capitolo qui sotto.
Il video (3:39 min.) guida l’utente attraverso il sistema modulare in otto capitoli. I sottotitoli possono essere attivati nel lettore. Voce fuori campo generata dall’intelligenza artificiale.
Capitoli e trascrizione
Cliccando sull’indicazione temporale, il video parte da quel punto.
Trascrizione del video
0:00 · Introduzione
Pagine progettate con moduli predefiniti, senza bisogno di HTML: ecco cos’è xoContentEditor. Questo video vi mostra il percorso dall’avvio del programma fino alla pagina finita nel negozio online.
0:14 · Dove si attiva l’xoContentEditor?
L'xoContentEditor è disponibile nelle pagine CMS, nelle categorie, nei prodotti, nelle notizie, nelle FAQ e nei produttori. Sopra il campo di contenuto c'è un pulsante; nelle pagine CMS si chiama "Contenuto (xoContentEditor)". Attivandolo, al posto del campo di testo apparirà il kit di costruzione. L’interruttore è valido per ogni lingua. Ma attenzione: disattivarlo e salvare cancella la struttura. L’xoContentEditor è un modulo aggiuntivo ed è incluso nei pacchetti XONIC a partire dal livello Basic.
0:48 · Come è strutturato il builder?
Una pagina è composta da blocchi di contenuto. Nel backend, un blocco è denominato «Layout flessibile» e presenta tre colonne: a sinistra la struttura con gli elementi, al centro i campi dell’elemento selezionato, a destra l’anteprima. Con il pulsante «Attivo» è possibile nascondere un blocco nel negozio online senza eliminarlo. È possibile creare un nuovo blocco in alto con «Aggiungi nuovo elemento».
1:13 · Come si inserisce un elemento?
Con «Aggiungi nuovo elemento» sotto la struttura è possibile aggiungere un elemento, fino a un massimo di 16 per blocco. Nel campo «Tipo di componente» si seleziona il tipo di elemento desiderato, ad esempio una scheda con immagine, testo e pulsante. Sono disponibili 22 elementi tra cui scegliere. L’editor carica i campi di inserimento corrispondenti: basta compilarli e il layout viene creato automaticamente.
1:39 · Come organizzo i contenuti per desktop e dispositivi mobili?
La disposizione si imposta per ogni singolo elemento nella scheda «Layout e visualizzazione»: larghezza, rientro e ordine, separatamente per desktop e dispositivi mobili. Nella sezione «Visibilità» è possibile mostrare un elemento solo su desktop o solo su cellulare. Le opzioni dei widget, come la larghezza intera, un colore di sfondo o un carosello, si applicano all’intero blocco.
2:03 · Come appare la pagina nel negozio?
A destra nell’anteprima vedete la versione desktop e quella mobile affiancate. «Pseudo» mostra una tessera per ogni elemento, ideale per la suddivisione e l’ordine, mentre «Live» mostra una versione ridotta dei contenuti. I caratteri e i colori del tuo negozio sono visibili solo nel negozio stesso: salva la pagina e aprila tramite «Visualizza nel negozio».
2:28 · Come posso riutilizzare una struttura?
Salvate una struttura completata come modello: aprite il Gestore modelli nella barra di intestazione, selezionate la scheda “Salva”, inserite un nome e attivate l’opzione “Salva anche i contenuti”. In un’altra pagina, selezionate il modello nella scheda «Applica» e poi «Sostituisci» o «Inserisci». In questo modo potete trasferire la struttura anche in un’altra lingua, poiché ogni lingua ha il proprio kit di costruzione. Successivamente salvate la pagina.
2:57 · Dove posso integrare widget esterni?
È possibile inserire codice HTML personalizzato utilizzando il modulo «Codice / HTML personalizzato», ad esempio un’incorporazione tramite iframe. L’editor rimuove il codice script al momento del salvataggio. Tutti i dettagli e le risposte alle domande più frequenti sono disponibili nella guida «xoContentEditor» su xonic-solutions.de. E se avete bisogno di aiuto: il nostro team di assistenza di Chemnitz è a vostra disposizione.
