Desde que lanzamos el slide cart como parte de Candy Rack a principios de año, el feedback que más oímos por parte de los comerciantes siempre es alguna versión de: « está genial, pero me gustaría añadir una cosa más. » Una fila de logos de métodos de pago. Un sello de confianza. Un contador regresivo. Un rasca-y-gana. Cada tienda tiene su propia palanca de conversión, y un cart con una maquetación fija solo puede acomodar un número limitado.
Los custom blocks son nuestra respuesta. Escribes tu propio HTML y CSS, lo sueltas directamente en el slide cart y lo colocas exactamente donde quieras • junto a los artículos del carrito o pegado al botón de pago. Si sabes hacerlo en una sección de Shopify, sabes hacerlo en el slide cart.
Qué puedes construir
Un custom block es, en esencia, un contenedor flexible, lo que abre la puerta a un abanico amplio de usos. Estos son los patrones que más vemos entre los comerciantes con acceso anticipado:
- Logos de métodos de pago para tranquilizar al comprador sobre cómo puede pagar
- Prueba social • puntuaciones, citas de reseñas, contadores tipo « X clientes han comprado este producto hoy »
- Contadores regresivos para envíos gratuitos o el cierre de promociones
- Sellos de confianza y de pago seguro para suavizar la fricción de última hora
- Rasca-y-gana que revelan un descuento misterioso cuando el visitante « rasca »
- Avisos de envío y devolución • umbral de envío gratis, devoluciones sin complicaciones
- Iconos USP que resumen tus argumentos clave en una sola fila
- Banners promocionales para campañas o picos de temporada
Es la misma caja de herramientas que las tiendas centradas en conversión ya usan en sus páginas de producto y carrito • ahora dentro del propio slide cart, que para una tienda con foco en upsell es, sin duda, el momento de mayor atención en todo el proceso de compra.
Dónde se colocan los custom blocks
Tienes un custom block disponible en cada una de las dos zonas del slide cart:
- El cuerpo, junto a los artículos del carrito
- El pie, cerca del botón de pago
Eso suma hasta dos custom blocks por slide cart. La posición exacta dentro de cada zona se controla desde la configuración de Layout, así que puedes arrastrar el bloque por encima o por debajo de la barra de recompensas, entre las líneas del carrito o bajo el subtotal • según lo pida tu diseño.
Lo hemos limitado deliberadamente. Dos bloques bastan para añadir merchandising real sin convertir el slide cart en una valla publicitaria. Si el comprador ya no ve el botón de pago sin hacer scroll, lo demás da igual.
Cómo añadir uno
La configuración es deliberadamente corta:
- Abre los ajustes del slide cart dentro de Candy Rack.
- Localiza el componente Custom block en la zona del cuerpo o del pie.
- Pega tu HTML y CSS en el campo de código.
- Guarda los cambios.
- Arrastra el bloque al lugar que prefieras en Layout settings.
Los custom blocks admiten HTML y CSS de forma completa. El CSS que escribas se aplica dentro del slide cart, así que mantén los selectores específicos • una regla global sobre button terminará afectando a otros elementos. En JavaScript la historia es parcial: las etiquetas <script> no se ejecutan, pero los atributos de evento en línea como onclick, onmouseover o onload sí funcionan. Es suficiente para la mayoría de interacciones pequeñas • un botón que lanza un alert, un temporizador que actualiza el DOM, un clic que abre un tooltip. Si necesitas llamadas fetch, estado complejo o SDKs de terceros, escríbenos: estamos rastreando el interés y añadiremos un campo JS dedicado si suficientes comerciantes lo piden.
Vista previa antes de publicar
Un detalle que merece la pena destacar: puedes guardar un custom block, dejar la función desactivada y aún así ver exactamente cómo se renderiza en el slide cart mediante un enlace de previsualización dedicado. El botón de vista previa habitual solo muestra los bloques ya activos • este enlace es, por tanto, la única forma de validar un bloque sin exponerlo a los compradores reales.
Es el flujo que nosotros mismos usamos cuando queremos que un compañero valide un bloque o probarlo en un dispositivo real antes de activarlo.
¿No escribes código? Pide ayuda a una IA
La mayoría de nuestros clientes no son desarrolladores, y está perfectamente bien. Los ejemplos que entregamos en el centro de ayuda • un carrusel de reseñas automático, un temporizador de 10 minutos, una fila de sellos de confianza, un rasca-y-gana • están listos para pegar, y ajustarlos es justo el tipo de tarea front-end pequeña en la que los LLM hoy son realmente buenos. Pega el snippet en Claude (o en el asistente que prefieras), describe el cambio que quieres y obtendrás HTML y CSS funcional en segundos. Si algo se resiste, nuestro soporte está disponible por chat.
Por qué lo hemos construido
Un slide cart se juega en dos cosas: velocidad y densidad de merchandising. La velocidad es un problema de ingeniería • ya lo tenemos resuelto. La densidad de merchandising, en cambio, es propia de cada tienda • unas necesitan sellos de confianza, otras urgencia, otras un contador hasta el envío gratis, otras un rasca-y-gana para convencer a un visitante indeciso. Los custom blocks te dejan tomar esas decisiones por ti mismo, en lugar de esperar a que nosotros lancemos el componente exacto que tienes en mente.
La función ya está disponible en Candy Rack. Si ya usas el slide cart, encontrarás el componente Custom block en tu layout actual. Si aún no lo has probado, puedes instalar Candy Rack desde la Shopify App Store • slide cart, rewards bar y custom blocks vienen en la misma aplicación.
Para sacarle más partido al carrito, consulta nuestra guía de upsell y nuestras notas sobre optimización del checkout en Shopify.
