Content Editor
Introduzione
Con l’Editor di contenuti, potete creare pagine di contenuti unici per il vostro negozio online in pochissimo tempo. In questa guida spieghiamo passo per passo l’Editor di contenuti e infine come assegnare la pagina creata al menu.
Crea pagina
È possibile creare una nuova pagina o modificarne una esistente nell’amministrazione del negozio, alla voce Contenuti -> Pagine.
Interfaccia dell’editor di contenuti
Ci si trova ora nell’interfaccia dell’Editor di contenuti.
| Funzioni | Spiegazione |
|---|---|
| Design reattivo (1) | Cambiare la vista per vedere come appare la pagina per i dispositivi mobili. Tuttavia, è possibile modificare solo parzialmente le viste in modo indipendente. Ad esempio, è possibile modificare le dimensioni di un’immagine nella vista mobile, ma le vecchie dimensioni vengono ancora visualizzate nella vista desktop. Tuttavia, non è possibile regolare la posizione dell’immagine per ciascuna vista. |
| Collegamento (2) | È possibile personalizzare il link alla pagina facendo clic sulla matita. Se si fa clic direttamente sul link, si accede alla pagina del negozio online. |
| Annullamento/Ripristino (3) | Queste frecce consentono di annullare o ripetere le ultime operazioni. |
| Mostra le linee guida (4) | Le linee guida aiutano a orientarsi. |
| Anteprima (5) | Nell’anteprima è possibile visualizzare la pagina (comprese le modifiche non ancora salvate) dal punto di vista del cliente. |
| Pubblicare (6) | La pagina creata verrà salvata automaticamente. Quando sarete pronti, potrete pubblicare la pagina qui. |
Elementi
Sul lato destro si trovano gli elementi che possono essere posizionati comodamente con il drag & drop. Sono presenti 3 elementi.
Modelli
I modelli sono elementi già pronti con immagini e testi che servono da ispirazione.
Layout
I layout forniscono una struttura di massima.
Contenuti
È possibile trascinare i contenuti direttamente nei layout o nei modelli. C'è un contenuto per ogni pulsante, immagine, titolo, testo e video.
Quindi, prima create la struttura dai modelli o dai layout e poi potete riempirli di contenuti.
Impostazioni degli elementi
Fare clic su un elemento per aprire le impostazioni dell’elemento sulla destra. A seconda del punto in cui si fa clic, si apriranno opzioni diverse. Nelle impostazioni dell’elemento è possibile definire la larghezza del riquadro, regolare lo sfondo o definire l’allineamento.
Scatola / Layout
È possibile specificare lo sfondo di ogni casella. A tale scopo, è sufficiente fare clic sullo sfondo. Le impostazioni dell’elemento si apriranno sulla destra. Oltre a uno sfondo trasparente, è possibile selezionare un’immagine, un video o un colore.
È possibile effettuare le impostazioni anche per il riquadro più piccolo (layout). Cliccando sullo sfondo del layout, è possibile effettuare le seguenti impostazioni.
Titolo del formato
La struttura del titolo non è importante solo per l’aspetto, ma anche per l’ottimizzazione dei motori di ricerca (SEO).
Assicuratevi che ci sia solo un titolo H1 (titolo 1) per pagina!
È possibile impostare i titoli nella dimensione dei caratteri:
Pulsante
Quando si fa clic sul pulsante, sono disponibili anche diverse opzioni di impostazione. Qui è possibile definire la destinazione del pulsante, le sue dimensioni, lo sfondo, ecc.
Immagine / Video
Fare clic sull’immagine o sul video e la schermata di modifica si aprirà sulla destra. Caricare l’immagine desiderata facendo clic sull’icona dell’immagine.
A questo punto si aprirà l’Asset Manager e si potrà utilizzare questa procedura guidata per caricare le immagini o selezionarle direttamente dalle immagini del prodotto.
Fare clic sull’elemento video per modificare le seguenti impostazioni. È possibile caricare video da YouTube o Vimeo. Aggiungere il link al video o l’ID del video qui sotto.
Elaborazione rapida
Oltre alle impostazioni dell’elemento, è possibile modificare il contenuto direttamente sul riquadro. Facendo clic sul contenuto desiderato, è possibile riposizionare, duplicare o eliminare il riquadro. È anche possibile regolare il formato del testo.
Menu Assegnazione
Una volta completata la pagina, è possibile assegnarla a un menu. In Contenuti -> Menu si trova la pagina appena creata sotto “Pagine più recenti”. È ora possibile selezionare la pagina, scegliere il menu desiderato dal menu a discesa e aggiungere la pagina.
È possibile assegnare le pagine fisse, come i termini e le condizioni, la pagina iniziale e così via, direttamente nella loro modifica. Andare in Contenuti -> Pagine e modificare, ad esempio, i termini e le condizioni.
Nuove funzionalità dalla v10
A partire dalla versione 10 di PepperShop, l’Editor di contenuti presenta diverse novità. Le funzioni estese dell’Editor di contenuti aiutano a creare contenuti utili ed esperienze di marca personalizzate in modo rapido e semplice.
Oltre al gestore di risorse ampliato con le immagini dei prodotti e le icone di pagamento e logistica, in cui è ora possibile caricare anche il formato immagine webp, i video loon e le GIF animate, ad esempio per i cinemagraph, ci sono alcune grandi novità:
Lasciate volare testi e immagini
È ora possibile aggiungere effetti ai testi e alle immagini.
Selezionare il testo desiderato e aprire le “Impostazioni effetto”. È sufficiente definire da quale direzione (superiore, inferiore, sinistra, destra) deve essere visualizzato l’elemento.
Inserire il proprio codice
I testi sorgente HTML e JS sono ora integrati direttamente nell’editor di contenuti. L’integrazione avviene tramite un nuovo elemento di contenuto.
È sufficiente trascinarli sulla pagina dell’editor di contenuti. Ad esempio, è possibile integrare sezioni di Google Maps, recensioni di Google, feed di social media o cataloghi.
A seconda del widget da integrare, il fornitore di terze parti offre immediatamente un codice embed copiabile oppure è possibile creare un codice widget utilizzando un configuratore di widget.
Un piccolo suggerimento: con “elfsight” è possibile generare facilmente codici per widget come i feed sociali.
https://go.elfsight.io/click?pid=828&offer_id=3&l=1677843061
“Pagina “Grazie mille
Volete attirare l’attenzione dei vostri clienti su qualcosa dopo l’acquisto o dire loro qualcosa?
La pagina di completamento del processo d’ordine è ora una pagina standard e può essere facilmente personalizzata nell’editor di contenuti. Compresa l’integrazione di elementi dinamici tramite “embed own code”, che offre possibilità completamente nuove.
Piè di pagina flessibile
Anche il piè di pagina, la fine della pagina del vostro negozio online, è una pagina standard per i PepperShop appena installati, che può essere modificata nell’Editor dei contenuti. Il nuovo piè di pagina ha un design semplice e chiaro per rendere la navigazione più facile.
Se si aggiorna un negozio esistente, il piè di pagina verrà ovviamente mantenuto e non verrà sovrascritto.