Q: API de JavaScript (versión antigua)

<p>|| Este artículo se aplica al <strong>Legacy Banner</strong>. Si usas el nuevo banner (v5+), consulta el artículo <a href="https://help.pandectes.io/es/article/api-de-javascript-version-nueva-1yayqlx/">API de JavaScript (versión nueva)</a>.</p> <h3 id="descripcingeneral">Descripción general</h3> <p>La API de JavaScript de Pandectes permite que tu tienda interactúe con el banner de consentimiento sin depender únicamente del comportamiento integrado del banner. Ofrece a los desarrolladores un conjunto de herramientas para leer el estado actual del banner y del consentimiento, activar acciones y escuchar eventos, todo ello desde el tema de tu tienda o desde scripts personalizados. Esta página describe las funciones disponibles en la versión de la API del <strong>Legacy Banner</strong>.</p> <h3 id="qupuedeshacerconlaapidejavascriptlegacy">¿Qué puedes hacer con la API de JavaScript Legacy?</h3> <h5 id="leerelestadodelbannerydelconsentimiento">Leer el estado del banner y del consentimiento</h5> <p>La API expone un conjunto de propiedades de solo lectura que reflejan el estado actual del banner y del consentimiento del visitante en cualquier momento. Puedes comprobar:</p> <ul> <li>Si la API y el banner se han cargado por completo y están listos para usarse</li> <li>Si el banner está visible actualmente en pantalla</li> <li>Si el banner es aplicable al visitante actual (según las reglas de geolocalización)</li> <li>Si la geolocalización está activa y en qué país se detecta al visitante</li> <li>En qué idioma se muestra actualmente el banner</li> <li>El estado de consentimiento del visitante para cada categoría de cookies: estrictamente necesarias, funcionalidad, rendimiento, targeting y cookies sin c</li> </ul>

Question 1

Consent Dialogs (nueva versión)

Accepted Answer

Descripción general

La sección Consent dialogs define cómo se presenta el banner de cookies a los visitantes de tu tienda de Shopify.

En la nueva versión del banner, el comportamiento del banner se separa en dos conceptos principales:

Cookie Dialog – cómo se presenta el diálogo de consentimiento a los visitantes.
Consent model – cómo se interpreta y se aplica el consentimiento.

Esta separación permite a los comerciantes elegir la interfaz de usuario del banner de forma independiente de la política de consentimiento aplicada a los visitantes.

Banner Modes

Los banner modes definen cómo aparece el diálogo de consentimiento y qué opciones de interacción ven los visitantes.

Puedes seleccionar el banner mode en:

Cookie banner > Layout > Consent dialogs

Los banner modes disponibles son:

Cookie Notice

Este modo muestra un banner informativo sencillo a los visitantes.

El banner informa a los usuarios de que el sitio web usa cookies y les permite confirmar su elección con los botones disponibles.

Características:

Interfaz de banner mínima
Centrado en el reconocimiento básico del consentimiento
Sin configuración de categorías de cookies directamente desde el banner

Este modo se usa a menudo cuando las tiendas prefieren un banner sencillo de tipo notificación.

![](https://storage.crisp.chat/u

Question 2

Personalización del diseño del banner (versión Legacy)

Accepted Answer

Puedes personalizar el diseño y el estilo de tu banner directamente dentro de la aplicación. Esto te permite crear un aspecto que coincida con la imagen de marca y la experiencia de usuario de tu organización.

Para acceder a estas opciones, ve a: Cookie banner > Style

Position

Elige dónde y cómo aparecerá el banner en tu sitio web:

Popup: Centrado en la pantalla.
Overlay: Funciona como el popup, pero bloquea la página hasta que el usuario interactúa con el banner.
Bar at the top: Fija en la parte superior de la pantalla.
Bar at the top (pushdown): Se desliza hacia abajo desde la parte superior, empujando el contenido hacia abajo. (Nota: puede no funcionar bien con encabezados fijos.)
Floating at the top left: Situado arriba a la izquierda con un pequeño margen.
Floating at the top center: Situado arriba en el centro con un pequeño margen.
Floating at the top right: Situado arriba a la derecha con un pequeño margen.
Bar at the bottom: Fija en la parte inferior de la pantalla.
Floating at the bottom left: Situado abajo a la izquierda con un pequeño margen.
Floating at the bottom center: Situado abajo en el centro con un pequeño margen.
Floating at the bottom right: Situado abajo a la derecha con un pequeño margen.

Theme

Selecciona un tema para controlar el relleno, el estilo de los botones y la apariencia:

Block: Relleno pequeño, botones cuadrados con ancho proporcional

Question 3

Por qué el aviso de garantía legal no se muestra en una página de producto

Accepted Answer

Resumen

La mayoría de los casos de un aviso de garantía legal que no aparece se deben a una de seis causas. Este artículo las repasa en el orden en que realmente ocurren, así que empieza por el principio en lugar de saltar a las comprobaciones técnicas.

Antes que nada, confirma lo que esperas ver. En los modos Collapsed y As a popup, la ilustración está detrás de un enlace Legal guarantee y solo se carga cuando un comprador lo abre. Una página de producto que muestra ese enlace y ninguna imagen funciona correctamente.

Empieza por el Dashboard

Abre Shopify Admin > Apps > Pandectes EU Warranty & GARAN. La tarjeta Storefront status descarta la mayoría de las causas en unos segundos.

| Fila | Estado correcto | Si no es correcto | | --- | --- | --- | | App embed | Enabled, con tu tema en vivo indicado debajo | Ve a 1. The Warranty app embed is off | | Widget (Product) | Active, con el número de productos en los que se muestra | Ve a 2. The block is missing from this product's template |

Selecciona el botón de actualizar en la parte superior derecha de la tarjeta para volver a ejecutar la comprobación después de un cambio en el tema.

Las filas Widget (Cart Page) y Widget (Cart Drawer) son ubicaciones aparte y opcionales, y no afectan a las páginas de producto. Que ahí aparezca Not placed es normal.

Las tarjetas bajo la tarjeta prin

Question 4

Cómo mostrar el banner en páginas específicas (versión Legacy)

Accepted Answer

|| Este artículo se aplica al Legacy Banner. Si usas el New Banner, consulta How to show the banner on specific pages (New Version).

Aprende a mostrar el banner de consentimiento en páginas seleccionadas de tu tienda Shopify con nuestra guía. Adapta la experiencia de usuario y cumple la normativa de privacidad.

Si quieres mostrar el banner solo en la página de inicio o si quieres ocultarlo en páginas específicas, sigue estos pasos.

|| La recopilación de datos en estas páginas funciona con los ajustes predeterminados. Esto significa que, en las páginas donde el banner no es visible, si un visitante llega a ellas y no ha interactuado antes con el banner, se aplicará el comportamiento predeterminado. Si la política del banner es estricta, en estas páginas solo se activarán las cookies estrictamente necesarias.

Paso 1

Desde el panel de la aplicación, haz clic en la sección Customize.

Paso 2

Desplázate hasta el final de la página y busca los dos ajustes siguientes:

Paso 3

En esta sección tienes dos opciones:

Puedes mostrar el banner solo en la página de inicio de tu sitio
Puedes **añadir a la lista n

Question 5

Cómo usar el consentimiento forzado (modales) en el nuevo banner

Accepted Answer

Descripción general

El consentimiento forzado muestra el diálogo como un modal con una capa de fondo hasta que el visitante interactúa.

Enforced consent (modals) hace que la página que hay detrás del banner quede visualmente inactiva. Los visitantes deben usar Accept, Decline o Preferences antes de usar la tienda.

Lock background scroll se puede activar junto con los modales para que no se pueda desplazar la página mientras el banner está abierto.

Es una experiencia más contundente que un pequeño cuadro en una esquina. Puede respaldar regiones de strict opt-in. También puede aumentar la tasa de rebote si el mensaje no es claro o si Decline es difícil de encontrar.

Los mismos controles aparecen en Layout > Consent dialogs y en Advanced.

||| Nuevo banner. Para tiendas con la insignia New version en Cookie banner. Si usas el banner Legacy, consulta How to switch to the new banner or switch back to the previous version.

Antes de empezar

Establece All settings > Consent model & regions con el modelo de consentimiento que necesites (para la UE, normalmente Strict opt-in o Auto Pilot).
Mantén visibles Accept y Decline si usas etiquetas de Google. Consulta [How to create a banner that meets Google’s banner requirements (New Version)](/es/article/como-crear-un-banner-que-cumpla-los-requisitos-de-banner-de-google-nueva-version-ajnof

Question 6

API de JavaScript (versión antigua)

Accepted Answer

|| Este artículo se aplica al Legacy Banner. Si usas el nuevo banner (v5+), consulta el artículo API de JavaScript (versión nueva).

Descripción general

La API de JavaScript de Pandectes permite que tu tienda interactúe con el banner de consentimiento sin depender únicamente del comportamiento integrado del banner. Ofrece a los desarrolladores un conjunto de herramientas para leer el estado actual del banner y del consentimiento, activar acciones y escuchar eventos, todo ello desde el tema de tu tienda o desde scripts personalizados. Esta página describe las funciones disponibles en la versión de la API del Legacy Banner.

¿Qué puedes hacer con la API de JavaScript Legacy?

Leer el estado del banner y del consentimiento

La API expone un conjunto de propiedades de solo lectura que reflejan el estado actual del banner y del consentimiento del visitante en cualquier momento. Puedes comprobar:

Si la API y el banner se han cargado por completo y están listos para usarse
Si el banner está visible actualmente en pantalla
Si el banner es aplicable al visitante actual (según las reglas de geolocalización)
Si la geolocalización está activa y en qué país se detecta al visitante
En qué idioma se muestra actualmente el banner
El estado de consentimiento del visitante para cada categoría de cookies: estrictamente necesarias, funcionalidad, rendimiento, targeting y cookies sin c

Artículos destacados y de lectura frecuente

Ver todas las categorías