Cómo insertar un muro de contenido comprable en Shopify

Esta guía explica cómo poner un muro de contenido comprable en una tienda Shopify con cyrqle: un bloque de contenido de creadores en el que cada pieza enlaza con los productos que aparecen en ella. Puedes colocarlo en la home, en una landing o en la propia ficha de producto.

Calcula alrededor de una hora para el primer muro. Casi todo ese tiempo se va en la curación y el etiquetado.

Antes de empezar

Necesitas:

• Un espacio de trabajo de marca o de agencia en cyrqle, con acceso de editor.
• Contenido con derechos cedidos. Un muro solo muestra publicaciones para las que tu marca tiene una licencia activa. Es decir, contenido de creadores de campañas firmadas o UGC cedido mediante una solicitud de derechos. Consulta cómo solicitar derechos de contenido.
• Acceso al panel de administración de Shopify y permiso para editar el tema.

Antes de empezar, revisa cuántos muros incluye tu plan. Los muros no se pueden eliminar, así que piensa bien el nombre y el planteamiento del primero.

Paso 1: Importa tus productos

Para que un muro sea comprable, necesitas tus productos en cyrqle.

1. En el panel de Shopify, abre Products y haz clic en Export. Elige todos los productos o las colecciones que quieras destacar.
2. En cyrqle, abre Products dentro de Work y haz clic en import from Shopify CSV.
3. Sube el archivo (hasta 25 MB) y revisa la vista previa.
4. Indica la moneda del archivo y lanza la importación.

cyrqle identifica los productos por su handle, así que si vuelves a importar más adelante se actualizan los productos existentes en lugar de crearse duplicados. Las imágenes de producto se copian al almacenamiento de cyrqle, de modo que las piezas siguen funcionando aunque cambie la URL de una imagen en Shopify.

Dos cosas que debes saber:

• No hay sincronización en tiempo real. Si cambias un precio o añades un producto en Shopify, vuelve a importar el CSV.
• Cada producto necesita la URL de su ficha. Es el destino al que enlaza una pieza etiquetada. Después de importar, revisa la pestaña de URLs en algunos productos.

Si tu catálogo es grande, divide la exportación en varios archivos más pequeños.

Paso 2: Crea el muro y elige las fuentes

1. En cyrqle, haz clic en Content walls y luego en New wall.
2. Ponle nombre al muro, por ejemplo «Home verano» o «PDP running».
3. Marca las fuentes: Creator Generated Content (de campañas), UGC (de los recopiladores) o ambas.
4. Acota cada fuente a las campañas o recopiladores que quieras.
5. Revisa los contadores: el total de publicaciones incluidas y cuántas tienen los derechos cedidos.
6. Haz clic en continue. Al guardar este paso se crea el muro.

Paso 3: Haz la curación

En el paso de curación decides qué ven primero los visitantes.

• Pin (fijar): fija tu mejor publicación para que aparezca la primera.
• Highlight (destacar): muestra una publicación a doble tamaño en el diseño bento.
• Hide (ocultar): oculta todo lo que no encaje con la marca o esté fuera de temporada.

Filtra la cuadrícula por Pending rights para ver las publicaciones que aún esperan licencia, y por Untagged para ver las que todavía no tienen producto.

Paso 4: Etiqueta productos en las publicaciones

Esto es lo que hace que el muro sea comprable.

1. Haz clic en Tag products en una publicación.
2. Busca por título, SKU o proveedor. Por defecto, la búsqueda muestra productos activos; cambia el filtro de estado si tus productos están en borrador.
3. Haz clic en Tag y, si quieres, elige una variante.
4. Si quieres, haz clic en add pin y luego en el punto de la imagen donde aparece el producto.

Si tienes muchas publicaciones, usa Rapid tag: pulsa de 1 a 5 para etiquetar un producto sugerido, D para saltar y J o K para moverte.

Después define las etiquetas de filtro (los chips en los que los visitantes hacen clic en la parte superior del muro), como «Running», «Training» o «Lifestyle». cyrqle puede sugerirte agrupaciones.

Paso 5: Elige el tipo de muro y el estilo

En el paso Install, elige un tipo de muro:

Luego ajusta el color de acento, el fondo, el diseño (cuadrícula, masonry, carrusel o bento), la relación de aspecto, las columnas, el espaciado, el radio de las esquinas, el número de publicaciones y si se muestran textos y usuarios. La vista previa se actualiza sobre la marcha. Un content wall necesita una publicación destacada con un producto etiquetado.

Paso 6: Añade el snippet a tu tema de Shopify

Haz clic en Copy snippet. Tu configuración de estilo viaja con el snippet como atributos que puedes editar después.

En la home o en una landing

1. En el panel de Shopify, ve a Online Store, luego a Themes y después a Customize.
2. Abre la plantilla de página que quieras, por ejemplo la home o una plantilla de página personalizada.
3. Haz clic en Add section y elige Custom Liquid.
4. Pega el snippet en la sección y colócala en la página.
5. Guarda.

En las fichas de producto

1. Usa un muro de tipo Product page e introduce el handle del producto que debe mostrar.
2. En el editor de temas, abre la plantilla Product page.
3. Añade un bloque o una sección Custom Liquid cerca de la información del producto y pega el snippet.
4. Guarda.

El snippet carga primero un script pequeño y solo carga el renderizador del muro en las páginas que lo contienen, así que apenas añade peso al resto de tu tienda.

Paso 7: Publica

Un muro nuevo es un borrador, y un borrador no muestra nada en tu tienda. Publicar no forma parte de los pasos de configuración:

1. Vuelve a la lista de Content walls y abre el muro.
2. Comprueba la etiqueta de estado en la cabecera.
3. Haz clic en Publish.

El muro empieza a mostrarse en pocos minutos, porque el feed público se guarda en caché durante un breve tiempo. Para retirarlo más adelante, haz clic en Pause.

Paso 8: Conecta el seguimiento

Para medir los clics en productos y las ventas atribuidas, conecta tu tienda en Integrations, dentro de los ajustes del espacio de trabajo. En Shopify, la configuración es esta:

1. Crea la integración de Shopify y comparte tu dominio myshopify con el equipo de cyrqle cuando se te pida.
2. Instala el snippet de seguimiento en tu tema y añade el Custom Pixel de cyrqle en Settings y luego Customer events.
3. En Settings, luego Notifications y después Webhooks, añade webhooks para la creación de pedidos, el pago de pedidos y la creación de reembolsos, apuntando a la URL que muestra cyrqle. Pega en cyrqle el secreto de firma de Shopify.
4. Si quieres, añade un token de la Admin API con el permiso write_discounts para que cyrqle pueda crear los descuentos asociados a los códigos promocionales de los creadores.
5. Haz un pedido de prueba a través del enlace de un creador y comprueba que el contador de pedidos se mueve.

Por ahora, la configuración se hace a mano como app personalizada, no con la instalación de una app en un clic.

Paso 9: Revisa la analítica

Pasadas una o dos semanas, abre el paso Analytics del muro. Fíjate en las sesiones y las impresiones, los clics en tarjetas y los clics salientes, y el porcentaje de clics en productos. La vista de productos muestra las publicaciones populares que no tienen producto etiquetado: etiquétalas. Nuestro artículo sobre cómo medir el impacto del UGC en tu web explica cómo leer estas cifras.

Solución de problemas

• El muro aparece vacío en la tienda. Lo más probable es que siga en borrador. Ábrelo desde la lista de Content walls y haz clic en Publish.
• Hay menos publicaciones de las esperadas. Solo se muestran las publicaciones con derechos cedidos. Revisa el filtro Pending rights.
• Ha desaparecido una publicación. Su licencia ha caducado o el creador la ha retirado. Los productos archivados también desaparecen de los muros.
• El selector de publicación destacada está vacío. Solo se pueden destacar publicaciones con un producto etiquetado. Etiqueta una primero.
• La analítica marca cero. Los bloqueadores de anuncios impiden la analítica en el navegador. Comprueba el muro en un navegador limpio.

Preguntas frecuentes

¿Con qué temas de Shopify funciona el muro?

Con cualquier tema que te permita añadir una sección o un bloque Custom Liquid, lo que incluye la mayoría de los temas Online Store 2.0. En temas más antiguos, pega el snippet directamente en el archivo de plantilla correspondiente.

¿Puedo mostrar muros distintos en fichas de producto distintas?

Sí. Un muro de ficha de producto está vinculado al handle de producto que introduces. Crea muros para los productos de los que tengas contenido.

¿Tengo que añadir mi dominio a una lista de permitidos para el muro?

No. Los muros se sirven en cualquier web. La lista de direcciones de tienda de Integrations sirve para el seguimiento de ventas.

¿Puedo crear mi propio diseño en lugar de usar el snippet?

Sí. Cada muro tiene un feed JSON. Copia la URL del feed en el paso Install y muestra el contenido con el código de tu propio tema.