Configuración de página

Las secciones principales de la página están controladas, en parte, por un conjunto de etiquetas de HTML estándar. Algunas de estas etiquetas se pueden utilizar para determinar la selección de fuentes, colores, tamaño, colores de fondo e imágenes que se utilizan en cada sección de la página. Otros elementos de página de control de configuración, como el logotipo del encabezado y el aviso de copyright del pie de página. Estas secciones corresponden a la estructura subyacente de la página HTML y muchas de las propiedades básicas se pueden establecer desde Admin.

secciones de página del HTML {width="700" modal="regular"}

Cabeza de HTML

La configuración de la sección Encabezado del HTML corresponde a la etiqueta <head> de una página del HTML y se puede configurar para cada vista de tienda. Además de los metadatos del título de página, la descripción y las palabras clave, la sección incluye un vínculo al icono de favoritos y varios scripts. Las instrucciones para los robots de motores de búsqueda y la visualización del aviso de demostración de la tienda también se configuran en esta sección.

Configuración del encabezado del HTML

  1. En la barra lateral Admin, vaya a Content > Design>Configuration.

  2. Busque la vista de tienda que desea configurar y haga clic en Edit en la columna Action.

  3. En Otra configuración, expanda Selector de expansión en la sección HTML Head.

    Configuración del encabezado del HTML {width="500" modal="regular"}

  4. Actualice favicon si es necesario.

  5. Actualice la configuración del título de página según sus necesidades:

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

    Puede utilizar un sufijo o un prefijo con el título predeterminado para crear un título de dos o tres partes. Puede agregar una barra vertical o dos puntos como separador entre el prefijo o sufijo y el título predeterminado.

  6. Añada o modifique metadatos que admitan la optimización de los motores de búsqueda (SEO) y ayuden a dirigir a los clientes a su tienda desde los resultados de búsqueda:

    • Default Meta Description
    • Default Meta Keywords
  7. Escriba cualquier Scripts and Style Sheets según sea necesario.

    note note
    NOTE
    Todos los JavaScript introducidos en el campo Scripts and Style Sheets deben estar en la lista blanca de la configuración de la Política de seguridad de contenido (CSP); de lo contrario, no se ejecutarán en las páginas de Cierre de compra. Para obtener más información, consulte Política de seguridad de contenido.
  8. Habilite o deshabilite el aviso de almacén de demostración si es necesario.

  9. Una vez finalizado, haga clic en Save Configuration.

Descripciones de los campos de Cabeza de HTML

Campo
Ámbito
Descripción
Favicon Icon
Vista de tienda
Carga la imagen gráfica pequeña que aparece en la barra de direcciones y en la pestaña del explorador. Tipos de archivo permitidos: ICO, PNG, APNG, GIF y JPG (JPEG). No todos los exploradores admiten estos formatos.
Default Page Title
Vista de tienda
Título que aparece en la barra de título de cada página cuando se ve en un explorador. El título predeterminado se utiliza para todas las páginas, a menos que se especifique otro título para páginas individuales.
Page Title Prefix
Vista de tienda
Se puede agregar un prefijo antes del título para crear un título de dos o tres partes. Se puede utilizar una barra vertical o dos puntos como separador al final del prefijo para diferenciarlo del texto del título principal.
Page Title Suffix
Vista de tienda
Se puede agregar un sufijo después del título para crear un título de dos o tres partes. Se puede utilizar una barra vertical o dos puntos como separador al final del prefijo para diferenciarlo del texto del título principal.
Default Meta Description
Vista de tienda
La descripción proporciona un resumen del sitio para los anuncios de motores de búsqueda y no debe tener más de 160 caracteres de longitud.
Default Meta Keywords
Vista de tienda
Una serie de palabras clave que describen el almacén, cada una separada por una coma.
Scripts and Style Sheets
Vista de tienda
Contiene scripts que deben incluirse en el HTML antes de la etiqueta de cierre <head>. Por ejemplo, cualquier JavaScript de terceros que deba colocarse antes de la etiqueta <body> puede introducirse aquí.
Display Demo Store Notice
Vista de tienda
Controla la visualización del aviso de almacén de demostración en la parte superior de la página. Opciones: Yes / No

La configuración del encabezado identifica la ruta al logotipo de la tienda y especifica el texto alternativo del logotipo y el mensaje de bienvenida.

Configuración del encabezado {width="400" modal="regular"}

Configuración del encabezado

  1. En la barra lateral Admin, vaya a Content > Design>Configuration.

  2. Busque la vista de tienda que desea configurar y haga clic en Edit en la columna Action.

  3. En Otra configuración, expanda Selector de expansión en la sección Header.

  4. Realice los cambios necesarios en la vista de la tienda:

  5. Una vez finalizado, haga clic en Save Configuration.

Descripciones de campos de encabezado

Campo
Ámbito
Descripción
Logo Image
Vista de tienda
Identifica la ruta al logotipo que aparece en el encabezado. Tipos de archivo admitidos: PNG, GIF, JPG de la (JPEG)
Logo Attribute Width
Vista de tienda
Ancho de la imagen del logotipo en píxeles.
Logo Attribute Height
Vista de tienda
Altura de la imagen del logotipo en píxeles.
Welcome Text
Vista de tienda
El mensaje de bienvenida aparece en el encabezado de la página e incluye el nombre de los clientes que han iniciado sesión.
Logo Image Alt
Vista de tienda
Texto alternativo asociado con el logotipo.
Translate Title
Vista de tienda
Determina si Page Title o Meta Title deben traducirse.

Pie

En la sección Configuración del pie de página puede actualizar el aviso de copyright que aparece en la parte inferior de la página e introducir scripts que deben colocarse antes de la etiqueta de cierre <body>.

Configuración del pie de página {width="400" modal="regular"}

Configuración del pie de página

  1. En la barra lateral Admin, vaya a Content > Design>Configuration.

  2. Busque la vista de tienda que desea configurar y haga clic en Edit en la columna Action.

  3. En Otra configuración, expanda Selector de expansión en la sección Footer.

  4. Realice los cambios necesarios en la configuración de Copyright y Miscellaneous HTML.

    note note
    NOTE
    Todos los JavaScript introducidos en el campo Miscellaneous HTML deben estar en la lista blanca de la configuración de la Política de seguridad de contenido (CSP); de lo contrario, no se ejecutarán en las páginas de Cierre de compra. Para obtener más información, consulte Política de seguridad de contenido.
  5. Una vez finalizado, haga clic en Save Configuration.

Descripciones de campos de pie

Campo
Ámbito
Descripción
Miscellaneous HTML
Vista de tienda
Un cuadro de entrada donde puede cargar scripts varios en el servidor que deben colocarse justo antes de la etiqueta de cierre <body>.
Copyright
Vista de tienda
Declaración de copyright que aparece en la parte inferior de cada página. Para incluir el símbolo de copyright, utilice la entidad de carácter HTML \&copy; como se muestra a continuación: \&copy; 2021 Commerce Demo Store. All Rights Reserved. Asegúrese de reemplazar el aviso de copyright de ejemplo por el suyo propio.
Display Report Bugs Link
Vista de tienda
Determina si el vínculo del informe de errores (compatible con algunas temáticas) está habilitado o deshabilitado.
recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de