Actualizaciones del sistema

En este momento, tenemos problemas que pueden afectar a sus servicios de Square. Seguiremos añadiendo más información en nuestra página de estado.

Volver a la página principal

Personalizar imágenes y fondos de pantalla en Ventas en línea Square

¿Quieres configurar ahora tu sitio web con Square?Comenzar >

Las imágenes son un elemento fundamental en cualquier página web. Pueden añadir un toque personal, vender más artículos y en general mejorar la experiencia de tu presencia en línea. En el editor de páginas de ventas en línea Square, la mayoría de secciones incluyen una opción de imagen para personalizarla, incluyendo:

  • Sube muchas imágenes con la sección Galería de imágenes y elige diferentes estilos de diseño como galerías estáticas, diapositivas y más.

  • Conecta tu cuenta de Instagram con la sección Feed de Instagram para que puedas sincronizar y mostrar tus fotos sociales en línea.

  • Muestra tus mejores artículos y categorías con la sección de artículos destacados para que los clientes puedan pedir o comprar rápidamente.

  • Puedes añadir diferentes formas de contenido y tienes opciones de personalización extra en las secciones de mensaje e imágenes generales.

  • La mayoría de las otras secciones te permiten añadir una imagen de fondo.

Nota:También puedes añadir artículo y categoría de imágenes a Ventas en línea Square directamente en el editor.

Consulta más recomendaciones para la gestión de imágenes de fondo y las imágenes que no se usan de fondo en tu página de Ventas en línea Square.

Imágenes que no se utilizan como fondo de la página e imágenes de fondo

Square-Online-Non-Background-vs-Background-Images-ES

Cuando trabajes con imágenes en el editor de páginas, verás estos dos tipos principalmente:

  • Imágenes que no se utilizan como fondo de la página: Estas son las imágenes que en tu página web añaden contenido junto con el texto. Pueden abrirse con el botón derecho del ratón y copiarlas o abrirlas en una nueva pestaña. También se conocen como imágenes de primer plano.

  • Imágenes de fondo: Estas imágenes no son parte del contenido principal que aparece en tu página, pero están en el fondo de las imágenes que no se usan para fondos y de los textos. Son parte del diseño o estilo de tu página y no se pueden abrir con el botón derecho, ni copiarlas, ni abrirlas en una nueva pestaña.

Añadir una sección con opción de imagen a tu página

Square-Online-Add-Section-with-Image-Option-ES

Para añadir una imagen a tu página, el primer paso es abrir el editor de Ventas en línea Square y elegir la crear una página a la que quieras añadir imágenes. Después, selecciona Añadir > Sección para abrir el menú de las secciones.

La mayoría de las secciones en la categoría de Organizar incluyen una imagen que no se usa de fondo. Selecciona cualquier sección para ver cómo queda en la página. También puedes añadir cualquier sección y editar imágenes que se usan de fondo. Cuando encuentres la que te guste, selecciona Añadir para añadirla a tu página.

Añadir una imagen a tu sección

Square-Online-Image-Asset-Manager-in-Editor-ES

Para añadir imágenes a tu sección:

  • Imágenes que no se utilizan como fondo de la página: En el panel de edición, en la opción de imagen, selecciona Añadir imagen.

  • Imágenes que se usan de fondo: EnPersonalizar > Imágenes de fondo en el panel de edición, elige Imagen en el menú desplegable y selecciona Añadir imagen.

Cualquiera de estas opciones abre la ventana emergente para que puedas seleccionar y subir tus imágenes.

Usar el gestor de recursos

Nota: Para usar opciones de fotos prémium, debes actualizar tu página de Ventas en línea Square.

Hay varias formas añadir una imagen desde la ventana emergente del gestor de recursos:

  • Selecciona Mis imágenes para ver todas las que se han subido a las páginas web de tu cuenta de Square. Si tienes más de una página, elige la que quieras en el menú desplegable Página web.
  • Selecciona Mis logotipos para ver todos los que se han subido a las páginas web de tu cuenta de Square. Si tienes más de una página, elige la que quieras en el menú desplegable Página web.
  • Selecciona Fotos prémium para acceder a más de 100 millones de fotos de calidad superior y libres de derechos (tras la actualización).
  • Selecciona Instagram para vincular tu cuenta de Instagram y usar las fotos de tu perfil en tu página web.

Tipos de archivos de imagen admitidos

Para subir una nueva imagen, dirígete a Mis imágenes o a Mis logotipos en el gestor de recursos y selecciona el enlace para elegir un archivo de tu dispositivo. Puedes subir estos tipos de archivos de imagen:

  • JPG
  • PNG
  • GIF

Recomendaciones de imagen

Echa un vistazo a los consejos que te presentamos a continuación, donde encontrarás indicaciones sobre las imágenes de tu página de Ventas en línea Square.

Imágenes que no se utilizan como fondo de la página:

  • Lo mejor para las imágenes que no se utilizan como fondo de la página es usar una imagen JPEG que no tenga más de 1000 píxeles de largo o de ancho.
  • Para obtener imágenes de alta calidad, te recomendamos que utilices un depósito de fotos profesionales (por ejemplo, Flickr.com) y que insertes desde allí las imágenes a tu página. En Square no diseñamos imágenes de gran tamaño, sin comprimir y de alta calidad, ya que tenemos que alojar millones de imágenes de millones de usuarios. Por lo tanto, si quieres garantizar que la calidad de tus imágenes no disminuya, te recomendamos que recurras a un servicio web de alojamiento de imágenes externo.

Imágenes de fondo:

  • Para las imágenes que forman parte del diseño de tu página (por ejemplo, imágenes de encabezado, de banner y de fondo), es recomendable utilizar una imagen al menos 2000 x 1000 píxeles. Esta resolución será suficiente para conseguir una imagen nítida que ocupe el ancho de cualquier pantalla.

Editar la sección de grupos

En algunos diseños de secciones puedes copiar partes de la sección Grupos para que puedas añadir más contenido e imágenes sin tener que añadir otra sección a la página. En la sección de Grupo, en el panel de edición, vas a ver los grupos que hay en la sección.

Para introducir un grupo de imagen y texto nuevo con un texto predeterminado, selecciona Añadir grupo. Para copiar un grupo que ya existe, selecciona "..." > Duplicar. Los grupos nuevos o duplicados aparecerán en la lista en el panel de edición. Puedes reorganizar el orden de los grupos en la página arrastrando un grupo a donde quieras en la lista.

Editar las imágenes que no se utilizan como fondo de la página

Square-Online-Edit-Non-Background-Image-ES

Editar las imágenes que no se utilizan como fondo

Para editar una imagen que no se utiliza como fondo en tu página de Ventas en línea Square:

  1. Desde el editor de Ventas en línea Square, accede a la página que contiene la imagen que quieres modificar.
  2. Selecciona la sección con la imagen y selecciona la propia imagen para ver las opciones que aparecen en el panel de edición.
  3. Selecciona Editar para ajustar las opciones disponibles según sea necesario. Si no te gustan los cambios, selecciona Volver al original.
  4. Pulsa Guardar para actualizar tus modificaciones y Publicar para ver los cambios en tu página.

Nota: Según el diseño de la sección, podrás ver más o menos opciones de edición de imagen.

Reemplazar y eliminar las imágenes que no se utilizan como fondo

Para subir una foto distinta, selecciona Reemplazar en el panel de edición. Si quieres eliminar la imagen, selecciona el icono de la papelera. Si cambias de opinión, puedes usar la flecha hacia atrás para deshacer la acción.

Añade enlaces y texto alternativo a las imágenes que no se utilizan como fondo

Puedes añadir un enlace a la imagen o texto alternativo en el panel de edición para mejorar la accesibilidad de la web o el SEO. Descubre cómo añadir un enlace a tu página y cómo optimizar tus páginas web para el SEO.

Nota: la accesibilidad web es un aspecto importante a la hora de diseñar una página web que sea accesible para la mayoría de personas, sobre todo para las personas con discapacidad. Descubre más información sobre accesibilidad web para páginas de Ventas en línea Square para ver consejos de accesibilidad en imágenes.

Añade protección con el botón derecho a las imágenes que no se utilizan como fondo

Con tantos métodos por ahí, puede ser prácticamente imposible proteger completamente una imagen en Internet. Tienes la opción de usar páginas protegidas con contraseña en tu página de Ventas en línea Square para proteger tu contenido.

También puedes desactivar el botón derecho del ratón en tu sitio en algunos navegadores para evitar que la gente copie fácilmente tus imágenes. Ten en cuenta que esto no ofrece una protección total, pero ayuda a frenar algunos intentos. Para desactivar el botón derecho del ratón en tu página web:

  1. En la Vista general de Ventas en línea Square, ve a Ajustes > Herramientas de seguimiento.
  2. Selecciona Añadir un código nuevo.
  3. En la ventana emergente, escribe el nombre del código y el código en sí en los campos correspondientes (consulta el código más abajo).
  4. Introduce el código a pie de página seleccionando Fin del contenido.
  5. Selecciona Guardar.
  6. Publica tu página desde el editor de Ventas en línea Square para ver los cambios al instante.

Código: <body oncontextmenu=”return false;”>

En lugar de proteger las imágenes de esta manera, muchas personas con imágenes en línea (por ejemplo, fotógrafos) optan por utilizar programas gráficos para añadir una marca de agua en la versión en línea de sus fotos. Aunque esto no impide que la foto sea robada, sí la protege de un uso malintencionado, ya que, en la mayoría de los casos, la marca de agua inutiliza la foto.

Editar las imágenes de fondo

Square-Online-Edit-Background-Image-ES

Editar las imágenes de fondo

Para que las secciones de Ventas en línea Square se vean mejor, puedes ajustar la iluminación de la imagen de fondo. Las imágenes claras se verán más claras cuando el texto predeterminado sea de color más oscuro, y las imágenes oscuras se verán más oscuras si el texto es de color más claro. Para ajustar la legibilidad, haz lo siguiente:

  1. En el editor de Ventas en línea Square, ve a la página con la imagen de fondo que quieras modificar.
  2. Selecciona la sección que tenga la imagen y accede a Personalizar > Fondo en el panel de edición.
  3. Selecciona Editar y ajusta la legibilidad de la imagen moviendo el control deslizante.
  4. Pulsa Guardar para actualizar tus modificaciones y Publicar para ver los cambios en tu página.

También puedes ampliar y cuadrar la imagen de fondo según sea necesario.

Reemplazar y eliminar las imágenes de fondo

Para subir una foto distinta, selecciona «…» > Reemplazar en el panel de edición. Si lo que quieres es eliminar una imagen, selecciona el icono de la papelera. Si cambias de opinión, puedes usar la flecha hacia atrás para deshacer la acción.

Cambiar la imagen de fondo por un color

Para cambiar la imagen de fondo por un color en Ventas en línea Square, haz lo siguiente:

  1. En el editor de Ventas en línea Square, ve a la página con la imagen de fondo que quieras modificar.
  2. Selecciona la sección que tenga la imagen y accede a Personalizar > Fondo en el panel de edición.
  3. En el menú desplegable, elige Color seleccionado para usar el que tú has elegido o Color personalizado para cambiar a otro.

Consulta más información sobre cómo elegir colores para tu página de Ventas en línea Square.

Modifica vídeos de fondo

Nota: Actualiza tu página de Ventas en línea Square para poder utilizar un vídeo como fondo de sección.

Además de GIFs de alta calidad, también puedes subir vídeos como fondos de sección para añadir animaciones a tu contenido. Para hacerlo, selecciona la sección, elige Vídeo como opción de fondo en el panel de edición y sube un archivo de vídeo. Puedes sustituir o eliminar el archivo de vídeo en cualquier momento. Según la sección, también podrás ajustar la hora de inicio y finalización del vídeo o la velocidad de reproducción.

Nota: El almacenamiento máximo de los archivos de vídeo es de 20 GB.

También puedes añadir vídeos con sonido y otras funciones, que no sean vídeos de fondo, a tu sitio web con YouTube, u otros alojadores de vídeo, o bien usar tus propios archivos de vídeo. Obtén más información sobre cómo incluir vídeos en tu página web.

Opciones de imagen en la página del móvil

Aunque la versión móvil de tu página web no se puede editar de manera separada de la versión de ordenador, tienes opciones específicas en la página web del móvil para que así todas las imágenes queden bien en todas las pantallas. Las opciones incluyen:

Ajustar el punto focal de la imagen para páginas web de Ventas en línea Square para dispositivos móviles

Para que el tema de la imagen esté centrado en la página del móvil de Ventas en línea Square puedes ajustar el punto focal en la sección del fondo de una imagen. Para empezar:

  1. En el editor de Ventas en línea Square, ve a la página con la imagen de fondo que quieras modificar.
  2. Selecciona la sección con la imagen y ve a Personalizar > Fondo en el panel de edición.
  3. Selecciona “…” > Definir el tema de la imagen.
  4. Coloca el punto indicador en el sujeto principal de tu imagen de fondo. Así te asegurarás de que el sujeto de tu foto esté siempre centrado en tu sitio móvil.
  5. Selecciona Guardar cuando hayas terminado. Puedes comprobar el sitio móvil con este cambio accediendo a la vista móvil. Vuelve a ajustarlo en la vista de escritorio si es necesario.
  6. Publica tu página para que se apliquen los cambios.

Solución de problemas

Si has subido varias imágenes a tu página de Ventas en línea Square con el mismo nombre de archivo, es posible que veas que esas imágenes muestran algunos comportamientos no deseados en tu página web. Por ejemplo, las imágenes podrían aparecer de repente en otra página, o moverse a otro lugar, o incluso desaparecer. Por ello, debes asegurarte de que cada imagen tenga su propio nombre de archivo antes de subirla al editor de páginas para evitar este comportamiento en el futuro.

  1. En el editor de Ventas en línea Square, borra todas las imágenes que se muestran incorrectamente.

  2. En tu ordenador o dispositivo, comprueba que todos los archivos de imagen tengan nombres únicos.

  3. En el editor de sitios, vuelve a subir las imágenes a tu sitio web.

  4. Publica la página para que se apliquen los cambios.