{"section":"faq","requestedLocale":"es","requestedSlug":"como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda","locale":"es","slug":"como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda","path":"docs/es/faq/shopping/como-bloquear-personalizaciones-para-investigar-problemas-en-el-front-end-de-la-tienda.md","branch":"main","content":"> ⚠️ Este tutorial solo es válido para tiendas [CMS Portal (Legado)](https://help.vtex.com/es/docs/tracks/cms-portal-legado).\n\nEn este artículo, aprenderás a identificar el origen de un problema en el frontend. El primer paso es bloquear las personalizaciones de frontend. Con base en la respuesta del sitio web, será posible entender si el problema está en la información que VTEX provee de forma nativa o en la personalización de tu página.\n\nPara hacer esto, te mostraremos cómo remover las personalizaciones utilizando una herramienta nativa de Chrome, **DevTools**.\n\n## Configurar DevTools\n\nPara configurar [Chrome DevTools](https://developer.chrome.com/docs/devtools/) sigue los pasos a continuación.\n\n1. Abre [Google Chrome](https://www.google.com/intl/es-419/chrome/) en tu computadora.\n2. Haz clic en el botón `F12` de tu teclado o haz clic derecho con el mouse en cualquier parte de la pantalla y selecciona **Inspeccionar**.\n3. Haz clic en los tres puntos verticales en la parte superior derecha de la página, como se indica en la imagen siguiente:\n4. Selecciona **Más herramientas** y luego **Condiciones de la solicitud** para bloquear todas las personalizaciones hechas mediante CSS, JavaScript y Google Tag Manager.\n\n![Personalizaciones1 - ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/faq/shopping/legado-02-es.png)\n\n5. En la pestaña **Condiciones de la solicitud**, haz clic en `Agregar regla` para configurar el primer recurso a bloquear. Para agregar más recursos, haz clic en `+` y una vez definido haz clic en `Agregar`. Esta configuración solo es necesario realizarla una vez en tu navegador. Incluye los siguientes ítems:\n\n- `*:/arquivos/*.js`\n- `*:/files/*js`\n- `*:/arquivos/*.css`\n- `*:/files/*.css`\n- `*://www.googletagmanager.com/gtm.js*`\n\n![request-conditions-02](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/faq/shopping/request-conditions-02-es.png)\n\n6. Marca la opción **Habilitar el bloqueo y la limitación** y todas las casillas junto a cada recurso configurado. Esta será la configuración predeterminada, con todas las opciones activadas para el bloqueo.\n7. Ahora, actualiza la página. Se mostrará sin los componentes personalizados.\n\nComprueba si el comportamiento no deseado que observaste inicialmente solo se produce con la personalización activa. Si es así, ponte en contacto con el equipo responsable de tu frontend para que verifique lo que está ocurriendo.\n\nSi, aun con las personalizaciones bloqueadas, el comportamiento no deseado persiste, abre un ticket para el [Soporte de VTEX](https://supporticket.vtex.com/support)."}