Página principal

Añadir imágenes y fondos a tu página de Ventas en línea Square

Índice
¿A quién va dirigido este artículo?
  • A los negocios con permisos de Ventas en línea Square. Puedes establecer los permisos desde el Panel de control de Square.
  • A los negocios con una suscripción a Ventas en línea Square.

    • Acerca de las imágenes y fondos de la página web

    Las imágenes son un elemento clave de cualquier página web: no solo te permiten aportar un toque personal e impulsar la venta de artículos, sino también mejorar en general tu presencia online. La mayoría de las secciones del editor de Ventas en línea Square incluyen alguna opción de imagen para que las personalices a tu gusto.

    Al usar el editor, te encontrarás con dos tipos principales de imágenes:

    • Imágenes que no son de fondo: Forman parte del contenido que has añadido a tu página, al igual que el texto. Podríamos llamarlas imágenes de primer plano.

    • Imágenes de fondo: No forman parte del contenido principal que aparece en tu página, sino que están detrás del texto y de las imágenes de primer plano. Son parte del diseño o estilo de la página.

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

    Antes de empezar

    • Puedes añadir y editar imágenes desde el Panel de control de Square.

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

    • Comprueba que cada imagen tenga un nombre de archivo único antes de subirla al editor. Así evitarás problemas innecesarios, como casos de solapamiento o errores de carga.

    • Si la imagen no es de fondo, aplica un máximo de 1000 píxeles en su lado más largo. Si la imagen es de fondo, aplica un mínimo de 2000 x 1000 píxeles.

    • Al suscribirte al plan Prémium o Plus de Ventas en línea Square, podrás acceder desde el editor a más de 100 millones de fotos de primera calidad y sin derechos de autor.

    • Puedes añadir texto alternativo a las imágenes que no se utilizan como fondo para optimizar el SEO de tu página. Consulta cómo Indexa tu página de Ventas en línea Square en buscadores para obtener más información.

    • Además de GIF de alta calidad, también puedes usar un vídeo como fondo de sección. Consulta cómo Añadir vídeos a tu página de Ventas en línea Square para obtener más información.

    • Ve a tu colección de artículos de Square para gestionar las imágenes de los artículos y las categorías de tu página. Consulta cómo Subir y gestionar imágenes de artículos para obtener más información.

    Añadir una imagen a una sección

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

    1. Inicia sesión en el Panel de control de Square y ve a En línea.
    2. Haz clic en Página web > Editar el sitio.
    3. Abre la página donde quieres añadir las imágenes.
    4. Selecciona + > Sección para añadir tu sección.
    5. En el panel de edición, selecciona Añadir imagen en la opción correspondiente.

    Imágenes de fondo

    1. Inicia sesión en el Panel de control de Square y ve a En línea.
    2. Haz clic en Página web > Editar el sitio.
    3. Abre la página donde quieres añadir las imágenes.
    4. Selecciona + > Sección para añadir tu sección.
    5. En el panel de edición, ve a Personalizar > Fondo y elige Imagen en el menú desplegable.
    6. Selecciona Añadir imagen.

    Editar una imagen

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

    Puedes modificarlas en cualquier momento.

    1. Inicia sesión en el Panel de control de Square y ve a En línea.
    2. Haz clic en Página web > Editar el sitio.
    3. Abre la página que tenga la imagen que quieres modificar.
    4. Selecciona la sección y la imagen para acceder a las opciones del panel de edición.
    5. Selecciona Editar para modificar las opciones disponibles. Si no te gustan los cambios, selecciona Restablecer al original.
    6. Guarda los cambios y haz clic en Publicar para aplicarlos.

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

    Si no quieres que la gente pueda copiar tus imágenes fácilmente, desactiva la opción de hacer clic en el botón derecho de la página. Esta opción está disponible en algunos navegadores.

    1. Inicia sesión en el Panel de control de Square y ve a En línea.
    2. Haz clic en Ajustes > Herramientas de seguimiento.
    3. En Añadir código de encabezado personalizado, selecciona Añadir código nuevo.
    4. En la ventana emergente, introduce el nombre y el código en los campos correspondientes. Utiliza este código: < body oncontextmenu=”return false;” >
    5. Para incluirlo en el pie de página, selecciona Fin de cuerpo.
    6. Por último, haz clic en Guardar.
    7. En el editor, pulsa Publicar para aplicar los cambios.

    Imágenes de fondo

    Para que las secciones de Ventas en línea Square se puedan leer mejor, puedes ajustar el brillo de la imagen de fondo. Si quieres, también puedes ampliar y enderezar la imagen.

    1. Inicia sesión en el Panel de control de Square y ve a En línea.
    2. Haz clic en Página web > Editar el sitio.
    3. Abre la página que tenga la imagen de fondo que quieres ajustar.
    4. Haz clic en la sección correspondiente y después en Personalizar > Fondo en el panel de edición.
    5. Selecciona Editar y mueve el deslizador para ajustar la legibilidad de la imagen.
    6. Guarda los cambios y haz clic en Publicar para aplicarlos.

    • Para reemplazar la imagen, pulsa ••• > Reemplazar en el panel de edición.
    • Para eliminar la imagen, pulsa el icono 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 para que el foco permanezca centrado en la versión para móviles de Ventas en línea Square.

    1. Inicia sesión en el Panel de control de Square y ve a Online.

    2. Haz clic en Página web > Editar el sitio.

    3. Abre la página que tenga la imagen de fondo que quieres ajustar para los dispositivos móviles.

    4. Haz clic en la sección correspondiente y ve a Personalizar > Fondo en el panel de edición.

    5. Selecciona los ••• > Establecer foco de la imagen.

    6. Coloca el cursor en el foco principal de tu imagen de fondo. De esta manera, te asegurarás de que se mostrará siempre centrada en la versión móvil de tu página web.

    7. Cuando hayas terminado, selecciona Guardar. Para ver el cambio, aplica la vista para dispositivos móviles en tu navegador.

    8. Selecciona Publicar para que se apliquen los cambios.

    Crear enlaces con imágenes

    Puedes convertir una imagen que no sea de fondo en un enlace.

    1. Inicia sesión en el Panel de control de Square y ve a Online.

    2. Haz clic en Página web > Editar el sitio.

    3. Abre la página con la imagen que quieres vincular.

    4. Selecciona la sección correspondiente y la imagen para acceder a las opciones del panel de edición.

    5. Pulsa Añadir enlace en el panel de edición para configurar su destino. Por último, haz clic en Guardar.

    6. Selecciona Publicar para que se apliquen los cambios.

    Artículos relacionados

    Índice

    ¿Todavía necesitas ayuda?

    Contacta con nosotros
    Nuestro equipo de Atención al cliente te ayudará con lo que necesites
    Pregunta a la comunidad
    Resuelve tus dudas en la Comunidad Square