Inserire un widget nell’editor
Lo strumento widget può essere utilizzato per aggiungere vari elementi di contenuto alla pagina, inclusi collegamenti a qualsiasi pagina di contenuto Commerce o a qualsiasi nodo, prodotto o categoria. I collegamenti possono essere posizionati sulla pagina in formato blocco o incorporati direttamente nel contenuto. È possibile utilizzare lo strumento Widget per creare collegamenti ai seguenti tipi di contenuto:
Per impostazione predefinita, i collegamenti ereditano il proprio stile dal foglio di stile del tema.
-
Apri una pagina, un blocco o un blocco dinamico in modalità di modifica.
-
Andare alla sezione Content e fare clic su qualsiasi elemento che supporta l'editor.
-
Posizionare il cursore nel punto in cui si desidera visualizzare il widget e fare clic sull'icona Inserisci widget.
{width="700" modal="regular"}
Se Page Builder non è abilitato e si preferisce utilizzare il codice, fare clic su Show / Hide Editor. Posizionate il punto di inserimento nel testo nel punto in cui desiderate visualizzare il widget. Quindi fare clic su Insert Widget.
-
Scegliere Widget Type.
Per ulteriori informazioni su queste opzioni, vedere Tipi di widget. Nei passaggi seguenti viene utilizzato un esempio per inserire un collegamento a un prodotto.
-
Per utilizzare il nome del prodotto, lasciare vuoto il campo Anchor Custom Text.
-
Immetti Anchor Custom Title come best practice per l'ottimizzazione SEO (Search Engine Optimization).
Questo titolo non è visibile sulla pagina.
-
Imposta Template su uno dei seguenti:
-
Per incorporare il collegamento nel testo, selezionare
Product Link Inline Template
. -
Per posizionare il collegamento su una riga separata, selezionare
Product Link Block Template
.
-
-
Fare clic su Select Product ed effettuare le seguenti operazioni:
-
Nella struttura passare alla categoria desiderata.
-
Nell’elenco, scegli il prodotto collegato.
-
-
Fare clic su Insert Widget per inserire il collegamento nella pagina.
Se si utilizza codice HTML, nella parte superiore della pagina verrà visualizzato un tag markup per il collegamento, racchiuso tra parentesi graffe. Se necessario, utilizzare Taglia e incolla per posizionare il tag di markup nel codice nel punto in cui si desidera visualizzare il collegamento.
-
Al termine delle modifiche apportate al contenuto, fare clic su Save.