> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🛒 Cómo mostrar el Widget de entrega en el carro

> ℹ️ **Note:** Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

El widget Fechas de Entrega permite a los clientes elegir **cómo** y **cuando** quieren su orden - justo desde la página del carrito 🗓️

Conseguirlo en vivo requiere sólo dos cosas: **app embed** en tu tema, y girando en **Mostrar en el carrito** en la aplicación. Esta guía cubre ambos, además de lo que el widget realmente busca para sus clientes.

---

# **📋 Antes de empezar**

Asegúrate de tener:

*   ✅ El **Hoppy Delivery Dates** app instalada en tu tienda
*   ✅ Acceso **Tienda online → Temas** en tu Shopify admin
*   ✅ Al menos una opción de ubicación o envío configurada (otros el widget no tiene nada que ofrecer – ver **Ubicación: Cómo crear y administrar un lugar?**)

---

# **🧩 Paso 1 - Activar la aplicación Insertada en tu tema**

La aplicación embed carga el código del widget en tu escaparate. Es una configuración única por tema.

Ve a:

**Shopify Admin → Tienda Online → Temas → Editar Tema**

Entonces:

→ En el editor de temas, abrir el **App embeds** sección (el icono del rompecabezas en la barra lateral izquierda)

→ Buscar **“Fechas de animación”** y ponerlo en marcha

→ **Guardar** en la esquina superior derecha

⚠️ El widget no aparecerá hasta que haga clic **Guardar** - no publica el cambio. Si cambias temas más tarde, necesitarás habilitar la incrustación de nuevo en el nuevo tema.

💡 Atajo: en la aplicación **Inicio** el tablero, el **Guía de configuración** paso **“Activar aplicación incrustada en Shopify”** tiene una **Configuración de tema abierto** botón que te lleva directo al lugar correcto.

---

# **🔛 Paso 2 - Activar “Mostrar en el carrito”**

La aplicación embed carga el código — este toggle decide si el widget realmente se renderiza en la página del carrito.

→ Abrir la aplicación e ir a **Ajustes**

→ Flip el **Mostrar en el carrito** en la parte superior de la página

→ **Guardar**

Eso es todo — el widget ahora está en vivo en tu página de carrito 🎉

ℹ️ **Mostrar en el carrito** funciona como un interruptor maestro. Apágalo en cualquier momento para ocultar el widget sin tocar su tema.

---

# **👀 Paso 3 — Vea cómo el Widget mira en el carro**

Abra la página del carrito de su tienda (add un producto primero si está vacío). El widget muestra una barra de color con uno **tab por método de cumplimiento** usted ofrece:

*   🏪 **Tienda Pickup** → aparece cuando al menos una ubicación activa ofrece recogida. Los clientes eligen una ubicación de recogida de una lista, y luego eligen una fecha y hora.
*   🚚 **Entrega local** → aparece cuando al menos una ubicación activa ofrece la entrega local. Los clientes entran en sus **Código postal**, golpe **Check**, y - si usted entrega allí - elegir una fecha y la ranura del tiempo.
*   📦 **Envío estándar** → aparece cuando el envío se activa en el **Envío estándar** pestaña en **Ajustes**. Si **Activar ranuras** se comprueba, los clientes eligen una fecha y ranura; de lo contrario el widget simplemente señala que el envío se calcula a la salida.

Bajo las pestañas, los clientes ven el selector de fecha (por defecto marcadores de lugar **“Fecha de selección”**) con la partida **“¿Cuándo quieres conseguir esta orden?”**, seguido por el buscador de tiempo.

ℹ️ Sólo los métodos que has configurado aparecen como pestañas. ¿No hay lugares para recoger? No hay ficha de recogida. Los clientes nunca ven opciones que no ofrece.

Por defecto, el widget se sienta cerca de la parte inferior del formulario del carrito, justo antes del área del botón de checkout.

---

# **📐 ¿Quieres mover el Widget?**

Usted puede cambiar donde el widget aparece — antes, después, o dentro de un elemento específico en su página del carrito— desde el **Posición** sección sobre la **Apariencia** página.

Véase **Cómo posicionar el Picker de Ranura en la página del carrito** para instrucciones paso a paso.

---

# **🎉 Resultado final**

Una vez que ambos pasos se hacen:

✅ El **Fechas de entrega** app embed está habilitado y guardado en tu tema ✅ **Mostrar en el carrito** está encendido **Ajustes** ✅ Los clientes ven fichas de método para **Tienda Pickup**, **Entrega local**, y/o **Envío estándar** ✅ Los compradores eligen su fecha preferida y la ranura de tiempo antes de la salida

Su página de carrito ahora recoge las preferencias de entrega automáticamente 🚀