↑↓ mover↵ abrir⌘K abrir/cerrar

    templates/page.apps.json

    Apps y automatización.

    Descuentos que Shopify no hace de forma nativa, bloques de checkout para pruebas A/B y Workers que le quitan trabajo repetitivo al equipo.

    12apps, Functions y Workers
    5Shopify Functions
    5Workers y automatizaciones
    3en vivo en tiendas reales
    En desarrolloApp embebida de Shopify

    Big Discounts

    Reglas de regalos que cualquier tienda puede armar: el regalo cae solo en el carrito y una Function en Rust lo deja gratis.

    • Se activa por valor del carrito, producto, tag o colección
    • El mismo motor en JS y Rust, sincronizado con pruebas de contrato
    • Admin en inglés y español
    • React Router
    • Polaris
    • Prisma
    • Rust Function
    • Theme app embed

    Apps, Functions y Workers

    En vivoDiscount Function + app de admin

    Build Your Own Bundle

    El armador de bundles promete un precio; la Function hace que el checkout lo cumpla e ignora lo que diga el navegador.

    • Hasta 30% en compra única, 55% con suscripción
    • Recuenta las unidades por su cuenta, primero las más baratas
    • Niveles editables en la app, sin deploy
    • Discount Function
    • TypeScript
    • Polaris
    • Metafields
    PublicadaDiscount Function

    Escalera de recompensas del carrito

    Gasta más, ahorra más, como prueba A/B: solo los carritos de la variante reciben el porcentaje extra en el checkout.

    • Niveles de 5%, 10% y 15% por encima del envío gratis
    • Umbrales convertidos a 16 monedas
    • 37 pruebas contra la Function compilada
    • Discount Function
    • Intelligems
    • TypeScript
    • vitest
    InternaCloudflare Worker + app de Slack

    Bot de solicitudes web

    Un mensaje de Slack se vuelve un proyecto en Notion con su tarea, prellenado con IA, y el estado vuelve al hilo.

    • Pedir una página, reportar un bug o pedir un cambio
    • Claude prellena el formulario desde el mensaje
    • El estado de Notion aparece como reacciones en Slack
    • Workers
    • KV
    • Slack
    • Notion API
    • Claude
    Cloudflare Worker

    API de descuentos GLP-1

    Cuando un cliente queda confirmado en el programa GLP-1, una llamada devuelve su código personal de $100 de un solo uso.

    • Un email solo puede generar un código
    • Token de Shopify en caché en el edge
    • Autenticación en tiempo constante, runbook y pruebas
    • Workers
    • KV
    • Admin GraphQL
    Prueba A/BExtensión de checkout

    Prueba social en el checkout

    Historias de antes y después dentro del checkout, solo para la variante de prueba, para poder medir el impacto.

    • Tarjetas deslizables dentro del checkout
    • Lee el grupo de la prueba desde el carrito
    • Si algo falla, el checkout sigue funcionando
    • Checkout extension
    • Preact
    • Intelligems
    PublicadaDiscount Functions

    Functions de promociones

    Promociones que los descuentos de Shopify no pueden expresar, como un suplemento gratis con cualquier producto de skincare.

    • Compra de una colección y lleva uno gratis de otra
    • Beneficio para empleados con límite de uso
    • Colecciones elegidas en la pantalla del descuento
    • Discount Functions
    • Shopify Flow
    • Polaris
    Discount Function

    Bundles y regalos de landing pages

    Precios de bundle y regalos que solo existen en la landing que los ofreció, nunca en la PDP normal.

    • Una regla por landing, sin deploy
    • Regalos limitados a las unidades compradas
    • 77 pruebas
    • Discount Function
    • Line properties
    • Metafields
    Cloudflare Worker

    Compras recientes en vivo

    Pedidos recientes reales en un popup discreto en las páginas de oferta. Se omiten pedidos de prueba y renovaciones.

    • Shopify Flow envía cada pedido nuevo
    • Últimos 200 pedidos guardados en el edge
    • Solo nombre e inicial
    • Workers
    • KV
    • Shopify Flow
    • Webflow
    Cloudflare Workers

    Router del funnel en el edge

    El tráfico de anuncios se enruta y se prueba en el edge, y luego los carritos se arman para el checkout de Shopify desde Webflow.

    • Redirecciones por país con opción de saltarlas
    • Pruebas A/B de HTML antes de que cargue la página
    • API de carrito para Storefront y Recharge
    • Workers
    • Storefront API
    • Recharge
    • zod
    Tarea nocturna

    Sincronización de prueba social

    Cientos de números de "clientes felices" escritos a mano en el sitio ahora se actualizan solos cada noche.

    • Conteos desde Admin GraphQL y ShopifyQL
    • Rangos de control: un número raro nunca se escribe
    • Un metaobjeto alimenta todas las páginas
    • GitHub Actions
    • ShopifyQL
    • Metaobjects
    Prueba A/BCart Transform Function

    Nombres de producto A/B

    Cuando una prueba cambia el nombre de un producto en la tienda, el checkout muestra el mismo nombre en vez del viejo.

    • Solo nombres aprobados, desde un metafield
    • No hace nada para el grupo de control
    • 13 pruebas
    • Cart Transform
    • TypeScript
    • Shopify Plus

    workers/mariocuetoj.com

    Este sitio también es un Worker.

    Presiona el botón: la petición de verdad va al edge y vuelve, y el código de al lado es el código real.

    1. Navegadorfetch("/api/xp")
    2. Edge de CloudflareData center más cercano, TLS, reglas de caché
    3. WorkerAstro en workerd: inicio con SSR + rutas /api
    4. D1SQLite en el edge: xp_events, messages
    Archivos estáticosTodas las páginas menos el inicio se prerenderizan y salen de la caché del edge
    TurnstileEl formulario se verifica en el servidor antes de llegar a D1
    Workers BuildsPush a main → revisión de tipos → build → deploy
    Estado
    –
    Tiempo
    –
    Edge
    –
    Datos
    –
    GET /api/xp · presiona el botón para llamarlo desde tu navegador
    export function assign(request: Request, url: URL, cookies: AstroCookies): Assignment {
      const secure = url.protocol === 'https:';
      const forced = url.searchParams.get('variant');
      if (isVariant(forced)) return { variant: forced, track: false, forced: true };
      if (isBot(request)) return { variant: VARIANT_KEYS[0], track: false, forced: false };
    
      visitorId(cookies, secure);
      const name = cookieVariant(heroTest.id);
      const saved = cookies.get(name)?.value;
      if (isVariant(saved)) return { variant: saved, track: true, forced: false };
    
      const variant = VARIANT_KEYS[Math.floor(Math.random() * VARIANT_KEYS.length)];
      cookies.set(name, variant, { path: '/', maxAge: YEAR, httpOnly: true, sameSite: 'lax', secure });
      return { variant, track: true, forced: false };
    }

    ¿Algo que tu equipo hace a mano cada semana? Normalmente eso es un Worker, una Function o una app pequeña.

    Cuéntame qué es

    sections/contact.liquid

    Construyamosel siguiente.

    ¿Buscas a alguien senior en Shopify, necesitas rehacer una tienda, construir una app o automatizar un proceso? Escríbeme.