Inicio>Tienda en línea

Agrega imágenes y fondos a tu sitio de Ventas en línea Square

¿A quiénes va dirigido este artículo?
  • A vendedores con permisos en línea. Configura los permisos en el Panel de Datos Square.
  • Suscriptores de Ventas en línea Square.
  • Información sobre las imágenes y los fondos del sitio web

    Las imágenes son un elemento fundamental en cualquier sitio web. Pueden servir para aportar un toque personal, vender más artículos y, en general, para ofrecer una mejor presencia en línea. En el editor de sitios de Ventas en línea Square, la mayoría de las secciones incluyen una opción para imagen personalizable.

    Los dos tipos principales de imágenes en el editor de sitios son:

    • Imágenes generales: Son las que forman parte del contenido agregado que se muestra en tu sitio, junto con el texto. Son como imágenes de primer plano.

    • Imágenes de fondo: No son parte del contenido principal que aparece en el sitio, sino que están detrás de los textos y de las demás imágenes. Puedes considerarlos como parte del diseño o estilo de tu sitio.

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

    Antes de comenzar

    • Puedes agregar y editar imágenes desde el Panel de Datos Square.

    • Entre los tipos de archivos de imagen admitidos, se incluyen JPG, PNG y GIF.

    • Asegúrate de que cada archivo de imagen tenga su propio nombre de archivo antes de cargarlo al editor del sitio. Esto ayudará a evitar cualquier comportamiento no deseado, como el intercambio de imágenes o que no se carguen en absoluto.

    • Para las imágenes comunes, usa imágenes con un tamaño de no más de 1,000 píxeles en su lado más largo. Para imágenes de fondo, usa imágenes con un tamaño de al menos 2,000 x 1,000 píxeles.

    • Puedes acceder a más de 100 millones de fotos de calidad premium y libres de derechos en el editor con una suscripción a Ventas en línea de Square Plus o Premium.

    • Puedes agregar texto alternativo a tus imágenes sin fondo para SEO. Consulta cómo Indexa tu sitio de Ventas en línea Square en los motores de búsqueda para obtener más información.

    • Además de los GIF de alta calidad, también puedes usar un video como fondo de sección. Consulta cómo Agregar videos a tu sitio de Ventas en línea Square para obtener más información.

    • Para administrar las imágenes de artículos y categorías en tu sitio, ve al Surtido de artículos de Square. Consulta cómo Cargar y administrar imágenes de artículos para obtener más información.

    Agregar una imagen a la sección

    Otras imágenes

    1. Inicia sesión en el Panel de Datos Square y haz clic en Canales de venta > Ventas en línea > Sitio web > Editar sitio.
    2. Abre la página en la que desees agregar imágenes.
    3. Selecciona + > Sección para agregar la tuya.
    4. En el panel de edición, selecciona Agregar imagen en la opción de imagen.

    Imágenes de fondo

    1. Inicia sesión en el Panel de Datos Square y haz clic en Canales de venta > Ventas en línea > Sitio web > Editar sitio.
    2. Abre la página en la que desees agregar imágenes.
    3. Selecciona + > Sección para agregar la tuya.
    4. En el panel de edición, ve a Personalizar > Fondo y elige Imagen del menú desplegable.
    5. Selecciona Agregar imagen.

    Editar una imagen

    Otras imágenes

    Puedes editar las otras imágenes en cualquier momento.

    1. Inicia sesión en el Panel de Datos Square y haz clic en Canales de venta > Ventas en línea > Sitio web > Editar sitio.
    2. Abre la página que tenga la imagen que deseas editar.
    3. Selecciona la sección con la imagen y, luego, selecciona la imagen para ver las opciones que aparecen en el panel de edición.
    4. Selecciona Editar para ajustar las opciones disponibles. Si no te gustan los cambios, selecciona Revertir a la original.
    5. Guarda los cambios que desees y haz clic en Publicar para que se apliquen al sitio.

    • Para reemplazar la imagen, selecciónala y haz clic en Reemplazar en el panel de edición.
    • Para eliminar la imagen, selecciónala y haz clic en el ícono de la papelera en el panel de edición.

    También puedes desactivar el clic derecho en tu sitio en algunos navegadores para evitar que las personas copien fácilmente tus imágenes.

    1. Inicia sesión en el Panel de Datos Square, ve a Canales de venta > Ventas en línea > Ajustes > Herramientas de seguimiento.
    2. En “Agregar código de encabezado personalizado”, selecciona Agregar nuevo código.
    3. En la ventana emergente, ingresa el nombre del código y el código en los campos correspondientes. Usa el código: < body oncontextmenu=”return false;” >
    4. Coloca el código en el pie de página seleccionando el Final del cuerpo.
    5. Haz clic en Guardar.
    6. Haz clic en Publicar desde el editor para que se apliquen los cambios.

    Imágenes de fondo

    Puedes mejorar la legibilidad de una sección en Ventas en línea Square ajustando el nivel de brillo de la imagen de fondo. También puedes acercar y enderezar la imagen de fondo.

    1. Inicia sesión en el Panel de Datos Square y haz clic en Canales de venta > Ventas en línea > Sitio web > Editar sitio.
    2. Abre la página que tenga la imagen de fondo que desees ajustar.
    3. Selecciona la sección con la imagen y haz clic en Personalizar > Fondo en el panel de edición.
    4. Selecciona Editar y mueve el deslizador para ajustar la legibilidad de la imagen.
    5. Guarda los cambios que desees y haz clic en Publicar para que se apliquen al sitio.

    • Para reemplazar la imagen, haz clic en ••• > Reemplazar en el panel de edición.
    • Para eliminar la imagen, haz clic en el ícono de la papelera en el panel de edición.

    Ajustar imágenes de fondo para dispositivos móviles

    Puedes ajustar el punto focal de la imagen de fondo de una sección a fin de que el objeto de la imagen esté centrado en tu sitio de Ventas en línea Square para dispositivos móviles.

    1. Inicia sesión en el Panel de Datos Square y ve a Canales de venta > Ventas en línea > Sitio web > Editar sitio.

    2. Selecciona la página que tenga la imagen de fondo que desees ajustar para dispositivos móviles.

    3. Selecciona la sección con la imagen y haz clic en Personalizar > Fondo en el panel de edición.

    4. Selecciona los ••• > Establecer tema de la imagen.

    5. Coloca el punto indicador en el foco principal de la imagen de fondo. Esto ayudará a asegurarte de que el objeto de tu foto esté siempre centrado en tu sitio para dispositivos móviles.

    6. Cuando termines, selecciona Guardar. Puedes previsualizar el sitio móvil cambiando a la vista móvil.

    7. Haz clic enPublicar para aplicar los cambios.

    Crear imágenes con enlaces

    Puedes convertir una imagen en un enlace.

    1. Inicia sesión en el Panel de Datos Square y ve a Canales de venta > Ventas en línea > Sitio web > Editar sitio.

    2. Abre la página que tenga la imagen que deseas vincular.

    3. Selecciona la sección con la imagen y, luego, selecciona la imagen para ver las opciones en el panel de edición.

    4. Selecciona el botón Agregar enlace en el panel de edición para configurar el destino del enlace. Haz clic en Guardar.

    5. Haz clic enPublicar para aplicar los cambios.

    Artículos relacionados