DocumentazioneCommerceContenuto e progettazione

Impostazione pagina

Last update: Thu Aug 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Argomenti:
  • CMS

Creato per:

  • Principiante
  • Intermedio
  • Amministratore
  • Utente

Le sezioni principali della pagina sono controllate, in parte, da un set di tag HTML standard. Alcuni di questi tag possono essere utilizzati per determinare la selezione di font, colore, dimensioni, colori di sfondo e immagini utilizzati in ogni sezione della pagina. Altre impostazioni controllano gli elementi della pagina, ad esempio il logo nell'intestazione e l'avviso di copyright nel piè di pagina. Queste sezioni corrispondono alla struttura sottostante della pagina HTML e molte delle proprietà di base possono essere impostate dall’amministratore.

Sezioni pagina HTML {width="700" modal="regular"}

Testa HTML

Le impostazioni nella sezione HTML Head corrispondono al tag <head> di una pagina HTML e possono essere configurate per ogni visualizzazione dello store. Oltre ai metadati per il titolo della pagina, la descrizione e le parole chiave, la sezione include un collegamento al favicon e script vari. In questa sezione sono anche configurate le istruzioni per i robot dei motori di ricerca e la visualizzazione dell’avviso di dimostrazione del negozio.

Configurare l’intestazione del HTML

  1. Nella barra laterale Admin, passa a Content > Design>Configuration.

  2. Individuare la visualizzazione archivio da configurare e fare clic su Edit nella colonna Action.

  3. In Altre impostazioni, espandere Selettore di espansione nella sezione HTML Head.

    Impostazioni di configurazione HTML Head {width="500" modal="regular"}

  4. Aggiorna favicon se necessario.

  5. Aggiorna le impostazioni del titolo della pagina in base alle tue esigenze:

    • Default Page Title
    • Page Title Prefix
    • Page Title Suffix

    È possibile utilizzare un suffisso e/o un prefisso con il titolo predefinito per creare un titolo in due o tre parti. È possibile aggiungere una barra verticale o due punti come separatore tra il prefisso o il suffisso e il titolo predefinito.

  6. Aggiungi o modifica i metadati che supportano l’ottimizzazione SEO (Search Engine Optimization) e aiutano a indirizzare i clienti verso il tuo store dai risultati della ricerca:

    • Default Meta Description
    • Default Meta Keywords

  7. Immetti Scripts and Style Sheets come necessario.

    note note
    NOTE
    Tutti i JavaScript immessi nel campo Scripts and Style Sheets devono essere inseriti nella whitelist nelle impostazioni Content Security Policy (CSP), altrimenti non verranno eseguiti nelle pagine di checkout. Per ulteriori informazioni, vedere Criteri sulla sicurezza dei contenuti.

  8. Abilita o disabilita l'avviso archivio demo se necessario.

  9. Al termine, fare clic su Save Configuration.

Descrizioni dei campi HTML Head

Campo
Ambito
Descrizione
Favicon Icon
Visualizzazione store
Carica la piccola immagine grafica visualizzata nella barra degli indirizzi e nella scheda del browser. Tipi di file consentiti: ICO, PNG, APNG, GIF e JPG JPEG. Non tutti i browser supportano questi formati.
Default Page Title
Visualizzazione store
Titolo visualizzato sulla barra del titolo di ogni pagina visualizzata in un browser. Il titolo predefinito viene utilizzato per tutte le pagine, a meno che non venga specificato un altro titolo per le singole pagine.
Page Title Prefix
Visualizzazione store
È possibile aggiungere un prefisso prima del titolo per creare un titolo in due o tre parti. È possibile utilizzare una barra verticale o due punti come separatore alla fine del prefisso per differenziarlo dal testo del titolo principale.
Page Title Suffix
Visualizzazione store
È possibile aggiungere un suffisso dopo il titolo per creare un titolo in due o tre parti. È possibile utilizzare una barra verticale o due punti come separatore alla fine del prefisso per differenziarlo dal testo del titolo principale.
Default Meta Description
Visualizzazione store
La descrizione fornisce un riepilogo del sito per gli elenchi dei motori di ricerca e non può superare i 160 caratteri.
Default Meta Keywords
Visualizzazione store
Una serie di parole chiave che descrivono il tuo archivio, ciascuna separata da una virgola.
Scripts and Style Sheets
Visualizzazione store
Contiene gli script che devono essere inclusi nel HTML prima del tag di chiusura <head>. È ad esempio possibile immettere qui qualsiasi JavaScript di terze parti che deve essere inserito prima del tag <body>.
Display Demo Store Notice
Visualizzazione store
Controlla la visualizzazione dell'avviso dell'archivio demo nella parte superiore della pagina. Opzioni: Yes / No

Intestazione

La configurazione dell’intestazione identifica il percorso del logo dell’archivio e specifica il testo alternativo del logo e il messaggio di benvenuto.

Impostazioni di configurazione intestazione {width="400" modal="regular"}

Configurare l’intestazione

  1. Nella barra laterale Admin, passa a Content > Design>Configuration.

  2. Individuare la visualizzazione archivio da configurare e fare clic su Edit nella colonna Action.

  3. In Altre impostazioni, espandere Selettore di espansione nella sezione Header.

  4. Apporta le modifiche necessarie per la visualizzazione dello store:

  5. Al termine, fare clic su Save Configuration.

Descrizioni dei campi dell’intestazione

Campo
Ambito
Descrizione
Logo Image
Visualizzazione store
Identifica il percorso del logo visualizzato nell'intestazione. Tipi di file supportati: PNG, GIF, JPG JPEG
Logo Attribute Width
Visualizzazione store
Larghezza dell'immagine del logo in pixel.
Logo Attribute Height
Visualizzazione store
Altezza dell'immagine del logo in pixel.
Welcome Text
Visualizzazione store
Il messaggio di benvenuto viene visualizzato nell’intestazione della pagina e include il nome dei clienti che hanno effettuato l’accesso.
Logo Image Alt
Visualizzazione store
Testo Alt associato al logo.
Translate Title
Visualizzazione store
Determina se tradurre Page Title o Meta Title.

Piè di pagina

Nella sezione Configurazione piè di pagina è possibile aggiornare l'avviso di copyright visualizzato nella parte inferiore della pagina e immettere script vari che devono essere posizionati prima del tag di chiusura <body>.

Impostazioni configurazione piè di pagina {width="400" modal="regular"}

Configurare il piè di pagina

  1. Nella barra laterale Admin, passa a Content > Design>Configuration.

  2. Individuare la visualizzazione archivio da configurare e fare clic su Edit nella colonna Action.

  3. In Altre impostazioni, espandere Selettore di espansione nella sezione Footer.

  4. Apportare le modifiche necessarie alle impostazioni Copyright e Miscellaneous HTML.

    note note
    NOTE
    Tutti i JavaScript immessi nel campo Miscellaneous HTML devono essere inseriti nella whitelist nelle impostazioni Content Security Policy (CSP), altrimenti non verranno eseguiti nelle pagine di checkout. Per ulteriori informazioni, vedere Criteri sulla sicurezza dei contenuti.

  5. Al termine, fare clic su Save Configuration.

Descrizioni dei campi piè di pagina

Campo
Ambito
Descrizione
Miscellaneous HTML
Visualizzazione store
Una casella di input in cui è possibile caricare script vari nel server che devono essere inseriti immediatamente prima del tag di chiusura <body>.
Copyright
Visualizzazione store
Dichiarazione di copyright visualizzata nella parte inferiore di ogni pagina. Per includere il simbolo di copyright, utilizzare l'entità carattere HTML \&copy; come indicato di seguito: \&copy; 2021 Commerce Demo Store. All Rights Reserved. Sostituire l'avviso di copyright di esempio con il proprio.
Display Report Bugs Link
Visualizzazione store
Determina se il collegamento al report di bug (supportato per alcuni temi) è abilitato o disabilitato.
recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de