Regalos que encajan en lo que construiste, sin tocarlo
Un cajón del carrito a medida también necesita opciones de regalo. Dale un nombre de clase a cualquier elemento y el Gift Block se muestra ahí, sin tocar nada más.
El tema queda tal como lo publicaste
¿Lo creaste desde cero o lo personalizaste hasta dejarlo irreconocible? Los Gift Blocks son bloques de aplicación del tema que se cargan con la inserción de aplicación, así que los regalos llegan sin nada en el código del tema que tengas que mantener.
- Ningún fragmento que mantener. Los archivos del tema pueden quedar tal como se publicaron. Refactoriza cuanto quieras: no hay ningún fragmento de regalos enredado en ellos.
- Actualizaciones del tema cuando tú decidas. Los Gift Blocks se vuelven a colocar tras cada actualización del tema, así que la próxima versión no necesita una lista de comprobación de regalos. Publícala un viernes, si hace falta.
- Bloques de aplicación donde tus secciones los admiten. En la página de producto y la página del carrito, los Gift Blocks se añaden como cualquier otro bloque de aplicación. Donde una sección no admite ninguno, Wrapped coloca el bloque por su cuenta.
Tu propio cajón del carrito, con un Gift Block dentro
¿Creaste el cajón tú mismo? Cada Gift Block de la tienda online tiene tres puntos de enganche estables justo para eso. La mayoría de las tiendas nunca los necesita: sin ellos, Wrapped coloca cada bloque por su cuenta.
- Un nombre de clase que tú eliges. El Gift Block se muestra dentro del elemento que lo lleva: bajo cada artículo, antes del botón de pago, donde lo pida el diseño. El marcado de móvil y el de escritorio pueden llevarlo los dos.
- Un evento de JavaScript con el nombre que quieras. Se emite en
documentydocument.documentElementcuando un cliente guarda o quita opciones de regalo. No incluye datos del carrito, así que tu listener obtiene el carrito y redibuja el cajón a tu manera. - Un UUID para tu CSS. Cada bloque lo lleva en su atributo
uuid, así que el Gift Block del cajón puede ser compacto mientras el de la página del carrito conserva su espacio.
Los Gift Blocks van en
- El cajón propio del tema. Se colocan solos.
- Las apps de cajón del carrito más populares en Shopify. Se reconstruyen cuando el cajón se monta tarde.
- Un cajón que creaste tú. Colocados con el nombre de clase que elijas.
Piezas de Shopify en el carrito y la pantalla de pago
Si conoces Shopify, ya sabes cómo funcionan los regalos. Cada opción de regalo es un producto real de Shopify, con su propio precio, inventario e imagen, y el carrito y la pantalla de pago usan los puntos de extensión de Shopify.
- Una transformación del carrito para agrupar. Agrupado, el regalo va dentro de la línea de su producto mediante una función de transformación del carrito de Shopify. Desglosado, es una línea propia. En ambos casos, el pedido muestra cada línea que hay que preparar.
- Una función de descuento para los descuentos de regalo. Los descuentos en productos de regalo se aplican solos, aparecen en Descuentos de Shopify con los demás y se combinan con descuentos de producto, de pedido y de envío. Nadie tiene que escribir un código.
- En la pantalla de pago, con Shopify Plus. El Gift Block de la pantalla de pago es una extensión de interfaz de pago, colocada en el editor de la pantalla de pago de Shopify y con el estilo de tu marca de pago. Si cambias el estilo de la pantalla de pago, el bloque lo sigue.
Datos de regalo donde tu integración ya busca
Tu sincronización con el ERP y tu importación al 3PL ya leen los pedidos de Shopify. Los regalos llegan a esos mismos sitios, así que no hay ninguna fuente nueva que conectar y nadie vuelve a escribir un mensaje de regalo en el sistema del almacén.
- Propiedades de artículo y atributos del pedido. Opción de regalo, Para, De y mensaje, en la línea de regalo con Regalos por productos y en el pedido con Regalos por encargo.
- Las claves que espera tu mapeo. Los nombres de los atributos pueden coincidir con tu importación, y un guion bajo inicial oculta uno a los clientes mientras sigue en el pedido.
- Un resumen que tu parser puede encontrar. Un resumen del regalo va en la nota del pedido, a partir de una plantilla Liquid, entre dos líneas — Wrapped Gifting Attributes —. El resto de la nota se conserva.
- Una etiqueta que convive con las demás. La etiqueta es 🎁 Wrapped o la tuya, y se suma a las etiquetas que ya tiene el pedido.
Entrega la tienda del cliente sin nada que explicar
El siguiente desarrollador hereda un tema sin código de regalos nuestro, y el equipo del cliente gestiona los regalos desde el panel de control de Shopify, con el estilo que tú definiste.
- Listo en un tema de pruebas. Configura los regalos en un tema de pruebas y estarán listos el día que ese tema se publique.
- El equipo del cliente lo gestiona. El estilo y los textos del bloque están en el Editor de regalos, así que cambiar «Convertir en regalo» por «Envuélvelo para las fiestas» lo deciden ellos, no es un ticket para ti.
- Una nota de entrega del tamaño de un pósit. Si colocaste un bloque por nombre de clase, menciona el elemento al que apunta, porque ese marcado es tuyo. Todo lo demás está en el panel de control de Shopify.
Lo que preguntan los desarrolladores
¿La próxima actualización del tema romperá los regalos?
No. Los Gift Blocks son bloques de aplicación del tema que se cargan con la inserción de aplicación, los archivos del tema pueden quedar tal como se publicaron y los bloques se vuelven a colocar tras cada actualización. Lo único que hay que trasladar es el marcado que añadiste tú: un elemento al que apunta un nombre de clase también debe estar en la nueva versión.
¿Puede un Gift Block ir en un cajón del carrito que creé yo?
Sí. Dale a un elemento del cajón un nombre de clase que elijas y el Gift Block se muestra dentro. Con Regalos por productos, pon el elemento dentro del bucle de artículos para que cada artículo tenga el suyo. El marcado separado de móvil y de escritorio puede llevar el nombre de clase en ambos.
¿El evento de JavaScript incluye datos del carrito?
No. Wrapped emite el evento que nombres en document y en document.documentElement cuando un cliente guarda o quita opciones de regalo, y eso es todo. Tu listener obtiene el carrito y ejecuta tu propio código, por ejemplo para redibujar un cajón a medida sin recargar la página.
¿En qué partes de un Gift Block puede confiar mi código?
En tres: el nombre de clase que eliges, el evento que nombras y el UUID del atributo uuid del bloque. El marcado interno de un Gift Block no es una de ellas, así que construye sobre esas tres y deja el estilo al Editor de regalos.
¿Qué recibe una importación de ERP o 3PL de un pedido de regalo?
Datos normales de pedidos de Shopify. Opción de regalo, Para, De y mensaje son propiedades de artículo con Regalos por productos y atributos del pedido con Regalos por encargo, y sus nombres pueden coincidir con tu importación. Un resumen del regalo va en la nota del pedido a partir de una plantilla Liquid, entre dos líneas — Wrapped Gifting Attributes —, y la etiqueta 🎁 Wrapped, o la tuya, se suma a las etiquetas del pedido. Las propiedades y los atributos están ahí desde que se crea el pedido. El resumen en la nota y la etiqueta llegan en un minuto o dos.
¿Puedo dar estilo al Gift Block de la pantalla de pago?
Con la marca de la pantalla de pago. En Shopify Plus, el Gift Block de la pantalla de pago es una extensión de interfaz de pago, colocada en el editor de la pantalla de pago de Shopify y con el estilo de la marca de pago que ya definiste, bajo cada artículo o una vez para el pedido.
Gift Blocks que encajan en tu stack sin tocarlo
Empieza con una prueba gratis de 7 días.
… Before we had even paid a cent for Wrapped, Adam answered questions, got into the nitty-gritty of coding and integration with our web developer. …