Agrega fondos personalizados únicos generados específicamente para tu sitio.

Puedes elegir entre varias opciones cuando diseñas el fondo de tu sitio. En esta guía se explica cómo crear fondos personalizados únicos usando colores, patrones y formas que se generan en la plataforma de Squarespace.

Elige un patrón animado para un aspecto dinámico, o bien, opta por un degradado de color más sutil. Usa un patrón preestablecido o personalízalo configurando formas, tamaños y movimientos específicos.

Si tienes tus propios fondos y quieres usarlos, sube imágenes o videos de fondo. Obtén información sobre todas tus opciones de estilo de fondo en Diseña el fondo de tu sitio.

Los fondos personalizados de la sección solo se admiten en la versión 7.1. Si tu sitio está en la versión 7.0, puedes agregar imágenes de banner y videos de fondo para obtener efectos similares, según la plantilla.

Mira el video

Antes de comenzar

• Puedes agregar fondos personalizados a las secciones de página de diseño inteligente, portafolio y bloque.No es posible agregarlos a las secciones de galería ni a las secciones de colección.
• Los fondos personalizados solo aparecen en navegadores y dispositivos compatibles con WebGL, una herramienta que funciona con el procesador gráfico de tu dispositivo. Para comprobar si el navegador es compatible, visita get.webgl.org. Si el navegador no es compatible con WebGL, el fondo de la sección permanece estático.
• Si tu sección incluye texto u otro contenido, asegúrate de que siga siendo visible y legible delante de los fondos personalizados. Para cambiar el color del texto, usa los ajustes de fuente en el tema de color de esa sección.
• Si el fondo de la sección es animado, esta incluirá un botón de pausa en la esquina inferior derecha. Esto mantiene tu sitio accesible para los visitantes que podrían desorientarse con los fondos en movimiento. No es posible desactivar este botón.

Agregar fondos personalizados

Para agregar fondos personalizados:

1. Abre el panel de Páginas y haz clic en la página que tenga la sección que quieres editar.
2. En la esquina superior izquierda, haz clic en Editar.
3. Haz clic en el ícono de lápiz de la sección y, a continuación, en Fondo.
4. Haz clic en Personalizados y luego haz clic en un mosaico para tener una vista previa del fondo en la sección. Los colores se extraen de las opciones Brillante de la paleta de colores.
5. Para ver variaciones del diseño, haz clic en uno de los círculos pequeños que aparecen sobre el mosaico.
6. Para personalizar los fondos, haz clic en el ícono de configuración para abrir el panel de detalles. Para obtener más información, consulta la siguiente sección.
7. Establece el Ancho de fondo seleccionando Sin bordes o Recuadro.
8. Cuando encuentres el diseño que te gusta, haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.

Personalizar detalles de fondos personalizados

Puedes personalizar aún más los fondos en el panel de detalles.Para abrir el panel de detalles, haz clic en una imagen en miniatura de fondo y, a continuación, haz clic en el ícono de configuración.

Desplázate por las opciones y los ajustes hasta que encuentres un patrón que te guste. Haz clic en cualquier categoría para expandir el menú desplegable y mostrar más opciones. Según el tipo de fondo personalizado con el que empieces, se mostrarán distintas categorías.

Por ejemplo:

• En el panel de detalles de la mayoría de los fondos, puedes hacer clic en Invertir colores para cambiar los colores asignados.
• En el panel de detalles de cualquier fondo, puedes hacer clic en Aleatorizar para probar con una configuración aleatoria.

Otros ajustes son exclusivos de cada estilo de fondos personalizados e incluyen controles deslizantes y botones para alternar que cambian los componentes principales de los fondos. Te recomendamos experimentar con las distintas opciones de cada panel de detalles hasta que crees una combinación que te guste.

Este es un ejemplo de fondos personalizados de sección.