Ir al contenido principal

Personalizar el pie de página de una página

Aprende a activar y personalizar el pie de página de tu página.

El Footer (pie de página) es la última sección de tu página. Úsalo para agregar tu logo, un menú, enlaces sociales e información de derechos de autor, para que los visitantes encuentren tus enlaces clave al final de la página.

Nota: Las páginas creadas con la plantilla heredada Premier usan una configuración de Footer diferente. Sigue los pasos de Personalizar el pie de página en la plantilla heredada Premier, más abajo.


Abrir la configuración del Footer

La configuración del Footer controla el color de fondo, la visibilidad y el contenido del pie de página.

  1. Desde el Dashboard, haz clic en Website.

  2. Haz clic en Website Pages o Landing Pages, según la página que quieras editar.

  3. Abre el editor de páginas de tu página. Aprende a acceder al editor de páginas.

  4. En el panel lateral, haz clic en Footer.


Personalizar los bloques y colores del pie de página

Configura Footer Text Color, Copyright Text Color, Powered by Kajabi Text Color y Footer Background Color para que coincidan con tu marca. Luego agrega bloques al Footer para crear el contenido.

Agregar bloques al pie de página

  1. Desde el Dashboard, haz clic en Website.

  2. Haz clic en Website Pages o Landing Pages, según la página que quieras editar.

  3. Abre el editor de páginas de tu página. Aprende a acceder al editor de páginas.

  4. En el panel lateral, haz clic en Footer.

  5. Haz clic en Add block.

  6. Selecciona un tipo de bloque: Copyright, Logo, Menu o Social Icons.

Agrega el bloque Copyright para mostrar el texto de derechos de autor en tu pie de página. Personaliza el texto que aparece con el bloque.

Agregar un logo

Muestra tu marca agregando una imagen de logo o un texto de logo al pie de página de tu página.

Selecciona tu tipo de logo

Después de agregar el bloque Logo, selecciona el tipo de logo:

  • Image

  • Text

Nota: Si subiste una imagen de logo a la sección Branding de tu Configuración de Datos del Sitio antes de crear la página, el tipo de logo Image usa ese logo por defecto. Para usar una imagen diferente en esta página, sigue los pasos de Sube tu logo.

Sube tu logo

Según el tipo de logo que seleccionaste:

  • Haz clic en Select Image y elige un archivo nuevo o reciente

  • Ingresa texto en el campo Logo Text

Personaliza tu logo

  • Image Alt Attribute: Ingresa una breve descripción de la imagen. Sirve para identificarla con fines de SEO y accesibilidad, y aparece si la imagen no se puede mostrar.

  • Logo Image Width: Con el tipo de logo Image, cambia el ancho para ajustar cómo se ve tu logo en la página.

  • Logo Text Color: Con el tipo de logo Text, cambia el color del texto para darle tu marca al texto del logo.

Agregar una lista de enlaces

Agrega un menú de navegación al pie de página para que los visitantes encuentren recursos adicionales en tu sitio web.

Selecciona tu menú

  1. Abre el menú desplegable Menu.

  2. Selecciona la Menu/Link List que quieres agregar a tu pie de página.

Nota: Para crear y editar los enlaces de tu menú, haz clic en Edit your link lists debajo del encabezado Menu en el editor de la barra lateral.

Cambia la alineación de tu menú

Cambia la alineación de tu menú según su posición en tu lista de bloques del Footer:

  • Izquierda

  • Centro

  • Derecha

Agregar íconos sociales

Agrega enlaces a tus plataformas sociales para que los visitantes se mantengan conectados con tu marca.

Agrega tus enlaces sociales

  1. Copia el enlace de cada una de tus páginas en plataformas sociales.

  2. Pega cada enlace en el bloque Social Icons de tu pie de página.

Dale tu marca a tus íconos sociales

  • Haz clic en Social Icon Color para cambiar el color de los íconos que contienen tus enlaces sociales. Selecciona un color de la paleta de colores de tu sitio o usa la rueda de color para un color personalizado.

  • Haz clic en Social Icon Background Color para cambiar el color de fondo de los contenedores de los íconos. Selecciona un color de la paleta de colores de tu sitio o usa la rueda de color para un color personalizado.

  • Selecciona un Social Icon Background Style para cambiar la forma de fondo: Round, Square o None para un estilo minimalista.
    ​


Cambiar la configuración de la sección Footer

Cambiar el diseño de escritorio

Personaliza cómo se ve el pie de página en dispositivos de escritorio:
​

  • Selecciona Hide Footer para ocultarlo

  • Cambia a un Vertical Layout para apilar tus bloques verticalmente en lugar del diseño horizontal predeterminado

Cambiar el diseño móvil

Selecciona Hide Footer para ocultar el pie de página en dispositivos móviles.

Cambiar el tamaño de fuente del pie de página

Configura el tamaño de fuente del texto de tu pie de página para dispositivos de escritorio y móviles.


Personalizar el pie de página en la plantilla heredada Premier

La plantilla heredada Premier tiene su propia configuración de Footer. Usa esta sección si tu página se creó con Premier.

Nota: Premier es una plantilla heredada y puede estar desactualizada. Si tu página usa el Website Builder, sigue los pasos anteriores de este artículo.

Editar el pie de página en Premier

En Section Settings, puedes cambiar el color de fondo y la visibilidad del Footer, y editar su contenido.

  1. Desde el Dashboard, haz clic en Website.

  2. Haz clic en Website Pages o Landing Pages, según la página que quieras editar.

  3. Abre la página que quieres personalizar para iniciar el editor de páginas.

  4. En el editor de páginas, haz clic en Footer en la barra lateral.

  5. Personaliza el Logo, Copyright, Menu y Social Icons de tu Footer.

  6. Haz clic en Save para guardar tus cambios.

Ocultar el pie de página en Premier

Para ocultar el pie de página por completo, cambia Section Settings:

  1. Desde el Dashboard, haz clic en Website.

  2. Haz clic en Website Pages o Landing Pages, según la página que quieras editar.

  3. Abre la página que quieres personalizar para iniciar el editor de páginas.

  4. En el editor de páginas, haz clic en Footer en la barra lateral.

  5. Desmarca la casilla Show Footer.

  6. Haz clic en Save para guardar tus cambios.


Personalizar el pie de página en la plantilla de curso Premier

Mostrar u ocultar el logo en Premier

Haz clic en Show Logo para mostrar la imagen de logo que subiste. Para quitar tu logo, desmarca Show Logo.

9CEBAD9D-41B2-487C-A5AB-08F08B7B0412.png

Editar el menú en Premier

87A9553A-E18B-4D81-A082-CBE96CFDE9CD.png

Editar los derechos de autor en Premier

3EE873BC-4E60-4895-91AE-717D2FC8AA58.png

Agregar íconos sociales en Premier

  1. Debajo del encabezado Social Icons, marca la casilla Show Social Icons.

  2. Ingresa la URL completa de cada una de tus cuentas de redes sociales.

  3. Personaliza los íconos.

  4. Haz clic en Save para guardar tus cambios.

F1F30FC0-6C0C-43F9-BE55-157BA133224F.png
¿Ha quedado contestada tu pregunta?