Editor contenuti

Introduzione

Con l’editor contenuti, potete rapidamente creare pagine di contenuto uniche per il vostro negozio online. Le pagine di contenuto sono pagine come “Chi siamo”, “Contatto” o “Termini e condizioni” – cioè pagine che non mostrano prodotti, ma forniscono informazioni aggiuntive importanti per i clienti. In questa guida, spieghiamo l’editor contenuti passo dopo passo e infine l’assegnazione della pagina creata nel menu.

Creare pagina

Nell’amministrazione del negozio sotto “Contenuti” → “Pagine” potete creare nuove pagine per il vostro negozio o modificare pagine esistenti.

Applicazioni possibili :

• Create i vostri contenuti come “Chi siamo”, “Contatto”, “Informazioni di spedizione” o pagine di destinazione individuali.
• Modificate pagine esistenti come la “Home page”, i “Termini e condizioni”, l’“Informativa sulla privacy” o il “Footer”.

Come funziona :

1. Selezionate “Crea nuova pagina” nel menu per creare una pagina completamente nuova.
2. In alternativa, fate clic su una pagina esistente nell’elenco per modificare il suo contenuto.
3. Utilizzate l’editor contenuti integrato per inserire testi, link, immagini o codice HTML.
4. Salvate le vostre modifiche in modo che la pagina venga pubblicata nel negozio.

Interfaccia editor contenuti

Per modificare una pagina, fate clic sull’“Icona matita (“Modifica contenuti”) accanto alla pagina desiderata nella sezione “Contenuti” → “Pagine”. Si apre l’editor contenuti, in cui potete adattare i contenuti in modo flessibile.

Elementi

Sul lato destro troverete gli elementi che possono essere posizionati comodamente tramite drag & drop. Ci sono 3 elementi.

Modelli

I modelli sono blocchi di contenuto preconfigurati che consistono in elementi di testo e immagine. Servono come aiuti per il design e possono essere utilizzati come ispirazione o direttamente per l’adozione nella vostra pagina.

I modelli vi permettono di creare layout accattivanti senza molto sforzo – ad esempio per presentazioni di prodotti, sezioni di offerte o box informativi. Dopo l’inserimento, potete adattare individualmente i contenuti, ad esempio sostituendo i testi o caricando le vostre immagini.

Layout

I layout vi forniscono una struttura predefinita per organizzare i contenuti sulla vostra pagina in modo ordinato e chiaro.

Servono come struttura di base che, ad esempio, determina se i contenuti vengono visualizzati affiancati (ad esempio in colonne) o uno sotto l’altro.

Dopo l’inserimento di un layout, potete riempirlo con qualsiasi elemento di contenuto come testo, immagini, pulsanti o moduli HTML. La struttura aiuta a progettare il layout della pagina in modo coerente e accattivante – specialmente per pagine più estese.

Contenuti

Nell’editor contenuti, potete inserire contenuti come testi, immagini, pulsanti o video direttamente in layout o modelli precedentemente inseriti.

Come procedere :

1. Create prima la struttura desiderata sulla vostra pagina – sia tramite :
   • Layout (ad esempio sezioni a una o più colonne) o
   • Modelli che contengono già combinazioni immagine-testo finite.
2. Aggiungete poi contenuti. I seguenti blocchi di contenuto sono disponibili :
   • Titolo – per intestazioni o titoli di sezione
   • Testo – per testi di corpo e descrizioni
   • Immagine – per visualizzare prodotti, loghi o sfondi
   • Video – per incorporare contenuti video esterni (ad esempio YouTube)
   • Pulsante – per pulsanti collegati, ad esempio “Acquista ora” o “Scopri di più”
3. Trascinate il contenuto desiderato nella posizione appropriata all’interno del layout o del modello.

Impostazioni elementi

Con un clic su un elemento, si aprono le impostazioni dell’elemento a destra. A seconda di dove fate clic, si aprono opzioni diverse. Nelle impostazioni degli elementi, potete determinare la larghezza della box, regolare lo sfondo o determinare l’allineamento.

Box / Layout

Nell’editor contenuti di 21.Shop, potete impostare sfondi individuali per ogni singola box o colonna di layout.

Come regolare lo sfondo :

1. Fate clic sull’area di sfondo della box o colonna di layout desiderata.
2. Il menu delle impostazioni per l’elemento selezionato si apre automaticamente a destra.
3. Nelle impostazioni degli elementi, avete le seguenti opzioni tra cui scegliere :
   • Sfondo trasparente (predefinito)
   • Sfondo colorato : Selezionate un colore tramite il selettore colori.
   • Immagine come sfondo : Caricate la vostra immagine o selezionate un’immagine esistente.
   • Sfondo video : Aggiungete un video che viene riprodotto in background.

Nota sulle colonne di layout :

Potete anche effettuare queste impostazioni di sfondo individualmente per unità più piccole all’interno di un layout – ad esempio colonne individuali. Per fare questo, fate semplicemente clic direttamente sullo sfondo della colonna rispettiva per visualizzare le opzioni corrispondenti.

Formattare titolo

La struttura dei titoli non è solo cruciale per il design visivo della vostra pagina, ma anche per una buona trovabilità nei motori di ricerca (SEO).

Nota importante sul titolo H1 :

• Utilizzate “solo un titolo H1 (Titolo 1) per pagina”. Questo dovrebbe descrivere il “contenuto centrale della pagina” – ad esempio il titolo della pagina o l’argomento principale.
• Ulteriori sottotitoli dovrebbero essere formattati con “Titolo 2 (H2)" o “Titolo 3 (H3)" per strutturare chiaramente i contenuti.

Come impostare il tipo di titolo :

• Se utilizzate un “Blocco di testo” come titolo, potete selezionare la “Dimensione carattere o il modello di formato” nel “Menu di modifica del testo”.
• Scegliete lì tra i livelli di intestazione “Titolo 1 a Titolo 6”, a seconda della gerarchia desiderata.

Pulsante

Quando fate clic su un “Pulsante” inserito nell’editor contenuti, si apre un’area di impostazioni con varie opzioni sul lato destro.

Sono possibili i seguenti aggiustamenti :

• Definire destinazione : Specificate dove il pulsante deve portare – ad esempio a una pagina specifica del negozio, un prodotto, un URL esterno o un’ancora all’interno della stessa pagina.
• Impostare dimensione : Scegliete tra diverse dimensioni di pulsante (ad esempio piccolo, medio, grande), a seconda di come il pulsante deve essere visualizzato in modo prominente.
• Colore sfondo e colore testo : Potete impostare sia il colore di sfondo che il colore del carattere individualmente per adattare visivamente il pulsante al vostro design.
• Testo sul pulsante : Modificate il testo visualizzato direttamente nel pulsante, ad esempio “Acquista ora”, “Scopri di più” o “Alla pagina contatti”.
• Allineamento : Specificate se il pulsante deve essere visualizzato allineato a sinistra, centrato o allineato a destra all’interno della sezione.

Queste impostazioni vi permettono di adattare precisamente i pulsanti funzionalmente e esteticamente alle vostre pagine del negozio.

Immagine / Video

Modificare o aggiungere immagine :

1. Fate clic sull’elemento immagine desiderato all’interno dell’editor.
2. La “Maschera di modifica” con varie impostazioni si apre automaticamente sul lato destro.
3. Per inserire una nuova immagine o sostituire una esistente, aprite il “Gestore risorse” :
   • Fate clic sul pulsante di caricamento nell’area immagine.
   • Nel gestore risorse, potete caricare una nuova immagine dal vostro dispositivo o selezionare un’immagine esistente dalla vostra libreria multimediale.
   • In alternativa, avete la possibilità di prendere un’immagine direttamente dalle vostre immagini prodotto.

Modificare o aggiungere video :

1. Fate clic sull’elemento video che volete modificare.
2. Varie opzioni sono disponibili nella maschera di modifica di destra.
3. Potete incorporare video da “YouTube” o “Vimeo” :
   • Inserite semplicemente il “Link al video” o l’“ID video” corrispondente nel campo previsto.

Con queste funzioni, potete incorporare contenuti visivi in modo mirato e semplice nelle vostre pagine del negozio – ideale per la presentazione di prodotti o contenuti esplicativi.

Modifica rapida

Oltre alle impostazioni degli elementi, avete anche la possibilità di modificare i contenuti direttamente sulla pagina.

Sono disponibili le seguenti opzioni :

1. Riposizionare contenuto : Fate clic sul contenuto desiderato per spostarlo in un’altra posizione tramite drag-and-drop.
2. Duplicare contenuto : Con un clic sul contenuto, potete “duplicarlo” per creare una copia identica.
3. Eliminare contenuto : Se non avete più bisogno di contenuto, potete “eliminarlo” facendo clic sull’opzione corrispondente.
4. Regolare formattazione testo : Per modificare il testo direttamente, fate clic sull’area di testo. Qui potete rapidamente regolare la “Dimensione carattere”, il “Carattere”, il “Colore” e altre formattazioni.

Assegnare al menu

Dopo aver creato la vostra pagina, potete assegnarla a un menu.

1. Andate a “Contenuti” → “Menu”. Qui troverete la pagina appena creata sotto la sezione “Pagine più recenti”.
2. Selezionate la pagina. Nel menu a tendina, potete ora selezionare il “menu desiderato” e aggiungere la pagina a questo menu.

Assegnare pagine fisse (ad esempio Termini e condizioni, Home page) :

• Per assegnare pagine come “Termini e condizioni” o “Home page” a un menu, andate a “Contenuti” → “Pagine”.
• Selezionate la pagina (ad esempio la pagina Termini e condizioni) e modificatela.
• Durante la modifica, potete direttamente assegnare la pagina al menu corrispondente.

Nuove funzionalità dalla v10

Dalla versione 10 di PepperShop, ci sono varie nuove funzionalità nell’editor contenuti. Le funzioni estese dell’editor contenuti vi aiutano a creare contenuti utili ed esperienze di marca personalizzate semplicemente e rapidamente.

Oltre al gestore risorse esteso con immagini prodotto così come icone di pagamento e logistica, in cui ora possono essere caricati il formato immagine WebP, video Loon, GIF animate ad esempio per cinemagraphs, ci sono alcune nuove funzionalità interessanti :

Animare testi e immagini

Ora potete aggiungere effetti ai vostri testi e immagini.

Selezionate il testo desiderato e aprite le “Impostazioni effetto”. Definite semplicemente da quale direzione (alto, basso, sinistra, destra) l’elemento deve essere visualizzato.

Incorporare codice proprio

Il codice sorgente HTML e JS è ora direttamente incorporato nell’editor contenuti. L’integrazione avviene tramite un nuovo elemento di contenuto.

Questo viene semplicemente trascinato sulla pagina dell’editor contenuti. Questo permette, ad esempio, di incorporare estratti da Google Maps, recensioni Google, feed di social media o cataloghi.

A seconda del widget da incorporare, il fornitore terzo offre immediatamente un codice di incorporamento copiabile o potete creare un codice widget con un configuratore widget.

Piccolo suggerimento : Con “elfsight” potete facilmente generare codici widget come Social Feed.

https://go.elfsight.io/click?pid=828&offer_id=3&l=1677843061

Pagina “Grazie”

Volete attirare l’attenzione dei vostri clienti su qualcosa o dire loro qualcosa dopo l’acquisto ?

La pagina di completamento ordine del processo di ordinazione è ora una pagina standard e può essere facilmente progettata nell’editor contenuti secondo i vostri desideri. Compresa l’integrazione di elementi dinamici tramite “incorporare codice proprio”, che offre possibilità completamente nuove.

Footer flessibile

Il footer, la fine del vostro negozio online, è anche una pagina standard per PepperShops appena installati che può essere modificata nell’editor contenuti. Il nuovo footer è progettato in modo semplice e chiaro per rendere la navigazione più user-friendly.

Se aggiornate un negozio esistente, il footer viene ovviamente conservato e non sovrascritto.

Ulteriore aiuto

Per domande o problemi, il nostro supporto sarà lieto di aiutarvi. Aprite un ticket di supporto:

1. Accedete al portale Swiss21.
2. Cliccate sulla vostra immagine del profilo in alto a destra.
3. Cliccate su “Supporto”.
4. Cliccate su “Contatta il supporto”.
5. Compilate il modulo e il nostro supporto vi contatterà il prima possibile.

Orari di apertura del supporto: Lunedì – Venerdì I 08:00h – 12:00h I 13:30h – 17:00h