¿Cómo saber si una app de Shopify está causando un problema?

La mayoría de las tiendas Shopify dependen de apps. Reseñas, ventas adicionales, opciones de producto, suscripciones, traducciones, listas de deseos, pop-ups, reglas de envío, seguimiento: cada una suele venir de un desarrollador distinto.

Cuando algo en la tienda de repente se ve o se comporta mal, una app suele ser una de las primeras sospechosas. Los síntomas típicos son:

• una sección de la página de producto ha desaparecido o se ha movido
• el botón de añadir al carrito ya no funciona
• el carrito lateral se abre vacío o muestra un total incorrecto
• un pop-up, una etiqueta o un widget aparece dos veces
• los precios, los descuentos o las opciones de producto se muestran mal
• la tienda se ha vuelto notablemente más lenta
• aparece un error o una zona en blanco donde antes había un widget

La buena noticia es que Shopify es una plataforma alojada y gestionada, así que un problema con una app rara vez significa que los datos de su tienda estén dañados. Los productos, los pedidos y los clientes normalmente siguen a salvo en el panel de administración. Lo que suele verse afectado es la tienda online: lo que sus clientes ven y en lo que hacen clic.

Lo complicado es que las apps pueden intervenir en la tienda de varias formas distintas, y dos apps que funcionan perfectamente por separado pueden interferir entre sí. El objetivo es averiguar qué app está implicada sin eliminar cosas a ciegas.

Esta guía explica cómo interactúan las apps con su tema, qué puede comprobar sin riesgo, cómo hacer pruebas en un tema duplicado y cuándo tiene sentido pedir ayuda.

¿Cómo modifican mi tienda las apps de Shopify?

Entender cómo se conectan las apps a la tienda facilita mucho averiguar de dónde viene un problema. Hay algunos métodos habituales.

Bloques de app e inserciones de app

Muchas apps modernas utilizan las extensiones de tema para apps de Shopify. Estas añaden:

• bloques de app, que se colocan dentro de una sección con el editor de temas, por ejemplo un bloque de reseñas en la página de producto
• inserciones de app (app embeds), que se activan para todo el tema y suelen cargar un script, un widget flotante o un pop-up

Son el método más limpio. Puede verlas en el editor de temas, activarlas y desactivarlas, y normalmente se eliminan al desinstalar la app.

Código añadido directamente al tema

Las apps más antiguas, y algunas actuales, insertan código directamente en los archivos del tema. Puede ser un archivo snippet, una línea en el archivo de layout principal o cambios en las plantillas de producto y de carrito.

Este código no siempre es visible desde el editor de temas. Tampoco se elimina siempre automáticamente al desinstalar la app.

Scripts cargados fuera del tema

Algunas apps cargan scripts en la tienda online de formas que no dependen de los archivos del tema. Eso significa que cambiar de tema, o eliminar código del tema, no impedirá necesariamente que se ejecuten.

Píxeles de seguimiento y eventos de clientes

Las apps de marketing y analítica suelen registrar píxeles que rastrean visitas, eventos de añadir al carrito y compras. Se gestionan por separado del tema, en la configuración de la tienda.

Apps que modifican datos

Algunas apps modifican datos en segundo plano, como el inventario, los precios, las etiquetas o las reglas de descuento. Si fallan, el síntoma puede parecer un problema del tema cuando en realidad es un problema de datos.

¿Qué señales indican que la causa es una app?

Ninguna señal por sí sola lo demuestra, pero varias juntas convierten a una app en una clara sospechosa.

El momento coincide con un cambio en una app

Piense en lo que ocurrió justo antes de que apareciera el problema:

• ¿Ha instalado una app nueva?
• ¿Una app existente ha publicado una actualización o ha cambiado su configuración?
• ¿Ha cambiado algún ajuste dentro de una app?
• ¿Ha activado una nueva inserción de app o ha añadido un bloque de app?
• ¿Alguien ha desinstalado una app?
• ¿Ha actualizado o sustituido el tema por las mismas fechas?

Las apps pueden actualizarse sin que usted haga nada. Si no ha cambiado nada por su parte, revise el registro de cambios, las notas de versión o la página de soporte de la app, o mire si otros comerciantes informan del mismo problema en las reseñas de la app.

El problema se limita a una función

Si solo está afectada la sección de reseñas, solo las opciones de producto o solo el carrito lateral, lo natural es empezar por la app responsable de esa función. Tenga en cuenta, eso sí, que puede ser otra app la que esté interfiriendo con ella.

Dos apps hacen tareas parecidas

Los conflictos son especialmente frecuentes cuando dos apps actúan sobre la misma parte de la tienda, por ejemplo:

• dos apps que modifican el carrito
• un conversor de divisas y una app de traducción
• dos apps de descuentos o de ventas adicionales
• una app de opciones de producto y una app de packs
• una app de suscripciones y un botón de añadir al carrito personalizado

El problema aparece en unas páginas y en otras no

Una app puede cargarse solo en las páginas de producto, en las de colección o en el carrito. Si el problema sigue ese patrón, apunta a la app que se carga en esas páginas.

¿Qué debo comprobar primero?

Estas comprobaciones son seguras y no cambian nada en la tienda.

Anote qué ha cambiado y cuándo

Haga una nota sencilla con la fecha en que empezó el problema, las apps instaladas, actualizadas o eliminadas recientemente, los cambios en el tema y quién más tiene acceso a la tienda, como empleados, un freelance o una agencia.

Reproduzca el problema en una ventana privada

Abra la tienda en una ventana privada o de incógnito del navegador, para verla como un visitante nuevo. Pruebe tanto en móvil como en escritorio.

Anote la URL de la página, en qué hizo clic, qué esperaba y qué ocurrió en su lugar. Una captura de pantalla o una breve grabación de pantalla ayuda a quien investigue.

Compruebe si el checkout está afectado

Intente llegar al checkout con un producto de prueba. Si los clientes no pueden pagar, el problema pasa a ser urgente y puede que quiera resolverlo antes que nada. Consulte el checkout de Shopify no funciona para más información sobre esa situación.

Revise sus apps instaladas

Abra la lista de apps instaladas en el panel de administración de Shopify y mírela con otros ojos:

• ¿Hay apps que ya no usa?
• ¿Hay apps que hacen lo mismo?
• ¿Hay apps instaladas recientemente que no reconoce?
• ¿Alguna app muestra un aviso o pide nuevos permisos?

No desinstale nada todavía. Limítese a hacer una lista.

¿Cómo hago pruebas en un tema duplicado?

Probar en un tema duplicado es la forma más segura de investigar un problema de una app relacionado con el tema. Su tienda en vivo se queda exactamente como está mientras experimenta con una copia.

La idea general es:

1. Duplicar el tema publicado.
2. Abrir el duplicado en el editor de temas.
3. Desactivar una inserción de app o eliminar un bloque de app cada vez.
4. Previsualizar el duplicado y comprobar si el problema sigue ahí.
5. Anotar el resultado de cada cambio.

Si el problema desaparece al desactivar una inserción concreta, tiene una pista sólida.

Algunos puntos a tener en cuenta:

• El tema duplicado solo es visible para usted en la vista previa, así que los clientes no se ven afectados.
• Los cambios en el duplicado no afectan al tema publicado.
• Algunas apps cargan scripts que no dependen del tema, por lo que pueden seguir ejecutándose en la vista previa.
• Algunas apps están vinculadas a un tema concreto y puede que no se comporten igual en una copia.

Si el problema no cambia en absoluto en el duplicado, también es información útil. Puede apuntar a una app que funciona fuera del tema, a la propia configuración de la app o a algo que no tiene que ver con las apps.

¿Y el código que dejan las apps antiguas?

Es una de las causas más frecuentes de problemas difíciles de explicar.

Cuando una app añade código directamente al tema y luego se desinstala, ese código puede quedarse en los archivos del tema. Puede:

• intentar cargar un script que ya no existe
• mostrar una caja vacía o un widget roto
• provocar errores que impiden que funcionen otros scripts de la página
• ralentizar la tienda
• interferir con la app que la sustituyó

Algunos desarrolladores de apps publican instrucciones para eliminar su código tras la desinstalación, así que revise las páginas de ayuda de la app.

El código residual también explica por qué una copia limpia de su tema a veces hace desaparecer un problema. Es una prueba útil, pero reconstruir así el tema publicado supone rehacer todas las personalizaciones.

Lo que conviene evitar

Cuando la tienda no funciona bien, es tentador probarlo todo a la vez. Estas acciones a menudo hacen que la situación sea más difícil de entender o de revertir:

• Desinstalar varias apps a la vez. No sabrá cuál era la responsable y puede perder configuraciones y datos de las apps difíciles de reconstruir.
• Editar directamente el código del tema publicado. Trabaje primero en un duplicado.
• Borrar código que no entiende. Puede pertenecer a una app que todavía usa o a una función personalizada.
• Instalar otra app para arreglar el problema. Puede añadir un nuevo conflicto encima del anterior.
• Publicar otro tema con prisas. Puede que el nuevo tema no incluya sus secciones, ajustes o bloques de app.
• Olvidarse de los datos de la app. Desinstalar apps de reseñas, suscripciones o fidelización puede eliminar datos de los que dependen los clientes. Compruebe antes si se pueden exportar.

¿Debo ponerme en contacto con el desarrollador de la app?

A menudo, sí. Los desarrolladores de apps conocen su propio código y suelen ver los mismos conflictos en muchas tiendas.

Para obtener una respuesta útil rápidamente, incluya:

• la dirección myshopify de su tienda
• el nombre del tema y su versión, si la conoce
• la URL de la página donde aparece el problema
• una breve descripción de lo que ocurre y de lo que debería ocurrir
• capturas de pantalla o una grabación de pantalla
• cuándo empezó el problema
• otras apps que actúan sobre la misma función
• lo que ya ha probado, incluidas las pruebas en un tema duplicado

Muchos desarrolladores pedirán acceso como colaborador para investigar. Conceda solo los permisos que necesiten, utilice las funciones de acceso para colaboradores o empleados de Shopify en lugar de compartir su propio usuario, y retire el acceso cuando terminen. No envíe nunca su contraseña por correo electrónico o chat.

Cuando dos apps entran en conflicto, cada desarrollador puede señalar al otro. Alguien que pueda revisar la tienda en su conjunto puede decidir dónde debe hacerse la corrección.

¿Cuándo debo pedir ayuda?

Conviene contar con un desarrollador cuando:

• están afectados el checkout, el carrito o el botón de añadir al carrito
• después de unas pruebas sencillas no sabe qué app es la responsable
• dos o más desarrolladores de apps se culpan mutuamente
• el problema afecta a código añadido directamente al tema
• sospecha que hay código residual de apps que eliminó hace tiempo
• la tienda tiene muchas apps y se ha vuelto lenta o inestable
• el problema afecta a precios, inventario, descuentos o pedidos
• no se siente cómodo trabajando con el código del tema

¿Qué información debo reunir?

Aquí son útiles los mismos datos que enviaría a un desarrollador de apps, además de una lista de las apps instaladas, los resultados de las pruebas en el tema duplicado, las respuestas de los desarrolladores y si los clientes han informado de problemas. No necesita todo esto para empezar: basta con una breve descripción para abrir una solicitud.

Cómo puede ayudarle D4Hub

El objetivo no es solo hacer desaparecer el síntoma, sino entender qué componente es el responsable y corregirlo en el lugar adecuado.

Según la situación, D4Hub puede ayudarle a:

• revisar sus apps instaladas y cómo se conecta cada una a la tienda
• probar inserciones y bloques de app en un tema duplicado
• encontrar y eliminar de forma segura el código que han dejado apps desinstaladas
• identificar conflictos entre apps que actúan sobre la misma función
• hablar con los desarrolladores de apps aportando los detalles técnicos que necesitan
• comprobar el carrito, el botón de añadir al carrito y el checkout después de una corrección
• reducir el número de apps cuando varias se solapan
• recomendar una rutina más segura para instalar y probar apps nuevas

Puede pedir ayuda en cualquier fase. D4Hub puede guiarle en una sola comprobación, confirmar si una acción es segura o hacerse cargo de toda la investigación.

{% render 'app-name-snippet' %}

{% comment %}
{% render 'old-app-snippet' %}
{% endcomment %}

Preguntas frecuentes

¿Puede una app dañar mis productos o pedidos?

La mayoría de las apps que causan problemas en la tienda online no tocan sus productos ni sus pedidos. Sin embargo, las apps con permiso para editar datos, como las de inventario, precios o edición masiva, pueden modificar datos si fallan. Si observa cambios inesperados en productos o pedidos, pause las automatizaciones de la app y póngase en contacto con el desarrollador antes de hacer cualquier otra cosa.

¿Desinstalar una app elimina todo su código?

No siempre. Las apps creadas con extensiones de tema para apps suelen eliminarse de forma limpia. Las apps que añadieron código directamente al tema pueden dejar snippets y referencias a scripts, que pueden provocar errores o ralentizar la tienda.

¿Por qué el problema sigue ocurriendo en un tema duplicado con la app desactivada?

Algunas apps cargan scripts de forma independiente del tema, así que siguen ejecutándose cambie lo que cambie en los archivos del tema. El problema también puede venir de la propia configuración de la app, de otra app o del propio tema. Una prueba en un tema duplicado acota el problema, pero no resuelve todos los casos.

¿Debo desinstalar todas las apps para encontrar a la culpable?

No. Eliminar apps una a una en la tienda en vivo puede romper funciones de las que dependen los clientes y borrar datos de las apps. Pruebe primero en un tema duplicado y desinstale una app solo cuando esté seguro de que es la causa y haya exportado todo lo que necesite.

¿Cuántas apps son demasiadas?

No hay un número fijo. Lo que importa es si cada app es necesaria, si varias se solapan y cuánto añade cada una a la carga de la página. Revisar periódicamente las apps instaladas es un buen hábito. Consulte ¿Por qué mi tienda Shopify va lenta? para saber más sobre cómo influyen las apps en la velocidad.

El desarrollador de la app dice que el problema no es de su app. ¿Y ahora qué?

Puede ser cierto: la causa puede ser otra app o el tema. Compártale los resultados de sus pruebas en el tema duplicado y, si dos desarrolladores se señalan mutuamente, pida a alguien que pueda revisar la tienda en su conjunto que identifique dónde se produce el conflicto.