Bloques de Amazon

Presenta y enlaza a un producto de Amazon en tu sitio web.

Última actualización: 19 de enero de 2025

Utiliza Bloques de Amazon para mostrar y enlazar un artículo en Amazon. Cuando un visitante hace clic en el bloque, se le dirigirá a la página del artículo en Amazon. Esta es una excelente manera de resaltar un artículo que vendes, promocionas o revisas sin enlaces de asociados o inserciones de códigos de terceros.

Si participas en el programa de Afiliados de Amazon, puedes agregar tu ID de Afiliado para asegurarte de que obtienes crédito cuando un visitante hace clic en el bloque y completa una compra.

Cómo acceder a esta función

Los bloques de Amazon están disponibles en los planes Básico, Core, Plus, Advanced, Empresa, Commerce Básico y Commerce Avanzado. Para informarte mejor, visita Elegir el plan de Squarespace adecuado.

Antes de comenzar

Los bloques de Amazon solo se admiten en sitios de Squarespace de EE. UU. que utilizan productos de Amazon vendidos en el dominio de EE. UU. (amazon.com), y los visitantes que hacen clic en un bloque de Amazon verán el artículo y usarán el área de pago en ese dominio.

No es posible usar bloques de Amazon en sitios de Squarespace que no sean de EE. UU., ni mostrar productos de otros sitios de Amazon, como amazon.co.uk. Si agregas un bloque de Amazon a un sitio fuera de los EE. UU., aparecerá un mensaje de error que dice "Amazon Search Service no está disponible temporalmente" ("Amazon Search Service is temporarily unavailable").

Para obtener ayuda para comprobar o ajustar la región de tu sitio, visita Configuración de idioma y región.

Agregar un bloque de Amazon

Para agregar un bloque de Amazon:

  1. Edita una página o una publicación, haz clic en Agregar bloque o en un punto de inserción y, a continuación, presiona Amazon. Para obtener ayuda, visita Agregar contenido con bloques.
  2. Abre el editor de bloques presionando el ícono del lápiz en el bloque.
  3. En el campo Buscar un producto, busca el artículo. Introducir la URL del producto o el número de identificación estándar de Amazon (ASIN) es la mejor manera de encontrar el artículo correcto. También puedes buscar por título o descripción.
  4. Selecciona Izquierda, Derecha o Centro en el menú desplegable Alineación para alinear la imagen del producto.
  5. Personaliza el nivel de detalle que deseas incluir marcando las otras opciones: Mostrar imagen, Mostrar título, Mostrar autor y Añadir botón de compra. Si tu sitio usa la versión 7.0, haz clic en Aplicar para publicar tus cambios.

Aunque solo puedes agregar un artículo al bloque Amazon, puedes agregar varios a una sola página.

Agregar una ID de Afiliado de Amazon

Para asegurarte de que se te acredite correctamente en el programa para socios de Amazon, agrega tu ID de socio. De esta manera, no tendrás que usar enlaces de socio en los bloques de Amazon porque nuestra integración crea los enlaces a través de los bloques. Si cambias el ID, todos los bloques de Amazon de tu sitio se actualizarán para reflejar el nuevo ID.

Para agregar tu ID de Afiliado de Amazon:

  1. Abre el panel Herramientas de desarrollo y haz clic en Claves de API externas.
  2. En el campo ID de afiliados de Amazon, introduce tu ID de afiliado.
  3. Haz clic en Guardar.

Nota

El ID de socio de Amazon solo funciona con bloques de Amazon. No afectará los vínculos de texto a una página de Amazon. Para agregar enlaces de solo texto a un artículo de Amazon y asegurarte de recibir crédito, utiliza las URL de socio completas de Amazon en el enlace de texto.

Aplicar estilo al bloque de Amazon

Puedes cambiar el texto y la fuente del bloque de Amazon, así como personalizar el botón Comprar.

Diseño de botones

Usa el panel estilos del sitio para cambiar el diseño del botón, incluidos su color y su forma. Para más información, visita Modificar el estilo de los botones.

Fuente de bloques de Amazon

La fuente de Bloque de Amazon toma su estilo de las fuentes de todo el sitio:

  1. Mientras editas una página con Bloque de Amazon, abre Estilos del sitio y, a continuación, haz clic en Fuentes.
  2. Haz clic en Párrafos. El texto Título y de Autor sigue estos ajustes.
  3. Para cambiar el tamaño del texto, utiliza el control deslizante Párrafo 2. El texto Autor sigue este ajuste exactamente, mientras que el texto Título se muestra un poco más grande.
  4. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.

Los colores siguen los colores de todo el sitio o sección.

Las fuentes de bloques de Amazon toman su estilo de otros estilos de texto de tu sitio web. En la mayoría de las plantillas:

  • Título: sigue la fuente del cuerpo del texto, pero ligeramente más grande. El color sigue el del enlace del cuerpo.
  • Autor: sigue la fuente y el color del cuerpo del texto.

Hay algunas excepciones. En estas familias de plantillas:

Familia de plantillas Notas

Bedford

  • Color del título: sigue el cuerpo del texto.

Brine

  • Color del título: sigue el cuerpo del texto.

Farro

  • Color del título: sigue el cuerpo del texto.

Skye

  • Fuente del título: título de lista (ajústalo mientras estás en una página de blog)
  • Fuente de la descripción: fragmento
  • Color del título: color del título
  • Color de la descripción: color del fragmento
Supply
  • Fuente del precio: sin opciones de estilo
  • Descripción: peso fijo

Cambia el tamaño

Cuando agregues un bloque de Amazon, ocupará todo el ancho del área de contenido si no hay otros bloques al lado. La relación de aspecto del bloque de Amazon coincide con la relación de aspecto original de la miniatura del producto en Amazon.

Para obtener ayuda sobre cómo cambiar el tamaño y organizar bloques de Amazon, visita Cómo cambiar el tamaño de bloques y Cómo mover bloques para personalizar diseños.

Cambiar el artículo de Amazon

Para cambiar el artículo que se muestra en el bloque Amazon:

  1. En el editor de bloques de Amazon, haz clic en la X en Producto seleccionado.
  2. Agrega el artículo nuevo. Si tu sitio está en la versión 7.0, haz clic en Aplicar para publicar los cambios.
Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.