Ir al contenido principal

Cambie los colores de su sitio web

M
Escrito por Mark De Paola
Actualizado esta semana

Si su sitio fue creado antes del 3 de octubre de 2023, opte por usar paletas de colores siguiendo los pasos a continuación.

Cambia los colores de toda tu web

  1. Haz clic en Sitio web > Editar sitio web.

  2. En el editor del sitio web, haz clic en el botón "Personalizar" (icono de pincel) en la barra superior y haz clic en "Colores."

  3. Explora las paletas disponibles. Usa el menú desplegable para explorar diferentes estados de ánimo (como Claro, Oscuro, Retro, y más). Haz clic en una de las paletas para previsualizar cómo se verá.

  4. Haz clic en "Guardar" en la barra superior para aplicar la paleta seleccionada a todo tu sitio o "Descartar" para revertir.

Crea una paleta de colores personalizada

Si no encuentras una paleta que te guste o quieres modificar una paleta existente, puedes crear una paleta personalizada.

  1. Desde el panel de la paleta de colores, haz clic en “Personalizado” para editar la paleta actual.

    Cada uno de los 4 colores de la paleta es en realidad un par de colores: un fondo y un acento. El color de fondo se aplica al fondo de las secciones. El color de acento se aplica a los botones dentro de la misma sección y otros elementos destacados.

  2. Haz clic en uno de los 4 pares de colores para personalizarlo. Elige un fondo y un acento que contrasten entre sí para que los botones sean claramente visibles.

  3. Haz clic en la flecha hacia atrás para volver a cambiar otros colores en la paleta. Edita los otros colores según lo desees.

  4. Haga clic en "Guardar" para aplicar la paleta personalizada.

Cambia el color de una sección o un botón

Para que los botones siempre destaquen, utilizan el color de acento de la sección en la que aparecen. Para editar el color de un botón, cambia el color de acento de su sección.

Para cambiar el color de una sección, o un botón en una sección:

  1. En el editor del sitio web, haz clic en "..." y "Editar sección" en una sección aplicable.

  2. Haga clic en la pestaña “Estilo”, luego en “Cambiar” en la sección de Colores.

  3. Seleccione uno de los 4 colores del tema para cambiar el color de fondo y el de los botones juntos.

  4. Alternativamente, haz clic en “Personalizado” para elegir un fondo y colores de acento personalizados para la sección.

    Si cambias a una paleta de colores diferente más tarde, la nueva paleta no cambiará los colores personalizados.

  5. Haga clic en "Guardar" para aplicar los colores personalizados a la sección.

Aplica un degradado a una sección

Puedes aplicar un efecto de degradado en la sección de tu elección.

  1. Haga clic en Sitio web > Editar.

  2. Ve a la sección donde deseas aplicar el efecto de degradado y haz clic en "..." y "Editar sección."

  3. Haga clic en “Estilo” > “Cambiar” en “Colores.”

  4. Puedes elegir entre Sólido o Degradado y la dirección del degradado desde este editor. Haz clic en “Guardar” cuando termines.

Actualiza tu sitio para usar paletas de colores

Para comenzar a usar paletas de colores en un sitio web creado antes del 3 de octubre de 2023:

  1. Haga clic en Sitio web > Editar.

  2. En el editor de la página web, haz clic en la configuración del tema (icono de pincel) en la esquina superior derecha.

  3. Verás este aviso en la parte superior de la configuración del tema.Haz clic en “Probar paletas de colores” para continuar.

  4. Selecciona una de las paletas de colores proporcionadas para ver cómo se verá en tu sitio.Si no encuentras una paleta que te guste o quieres personalizar una paleta, haz clic en "Personalizado."

  5. Para mantener tus colores anteriores, haz clic en “Descartar” en la parte inferior del panel.

  6. Para aplicar la paleta seleccionada, haz clic en “Guardar.”


Aplicar una paleta de colores afectará todas las páginas de su sitio. Una vez que aplique la nueva paleta, no será posible revertir a los colores anteriores. Por favor, asegúrese de revisar antes de hacer clic en “Guardar.”

¿Ha quedado contestada tu pregunta?