Widget del carrito
Permita que los clientes elijan su punto de recogida directamente en el carrito, antes de llegar a la caja. El widget del carrito de Globe añade un selector de entrega a la página del carrito o al cajón del carrito, de modo que los clientes puedan elegir entre entrega a domicilio y un punto de recogida sin salir del carrito.
Cómo funciona
Sección titulada «Cómo funciona»El widget añade dos opciones en forma de tarjeta al carrito:
- Entrega a domicilio — el cliente desea una entrega estándar a su dirección. Seleccionar esta opción elimina cualquier punto de recogida guardado anteriormente.
- Puntos de recogida — el cliente desea recoger en un punto de recogida. Al hacer clic en esta tarjeta se abre un mapa interactivo y una lista, impulsados por Leaflet y OpenStreetMap (no se requiere clave de API de Google Maps).
En el mapa, los clientes pueden buscar por dirección, usar su ubicación y explorar marcadores de todos los puntos de recogida cercanos. Una vez que eligen un punto, la tarjeta se actualiza para mostrar el nombre y la dirección del punto seleccionado junto con un botón Cambiar.
La selección se guarda en el carrito y se transfiere automáticamente al pedido.
Si lo desea, el widget muestra una tercera tarjeta, Recogida en tienda, para los pedidos que se recogen en su tienda. Consulte Recogida en tienda.
Los clientes eligen entre entrega a domicilio y puntos de recogida directamente en el carrito.
Configuración
Sección titulada «Configuración»-
Asegúrese de que al menos un transportista esté configurado en Globe. Consulte Añadir transportistas de puntos de recogida si aún no lo ha hecho.
-
Active el widget en su tema de Shopify:
- En el panel de administración de Shopify, vaya a Tienda en línea → Temas → Personalizar.
- Abra Incrustaciones de aplicaciones en el panel izquierdo.
- Encuentre Cart pickup points y actívelo.
- Haga clic en Guardar.
También puede acceder al editor de temas directamente desde Globe — vaya a Configuración → Widget del carrito y haga clic en Abrir editor de temas.
Active la incrustación de aplicaciones Cart pickup points en su tema. -
En la aplicación Globe, vaya a Configuración → Widget del carrito y configure la ubicación (ver abajo).
Ubicación
Sección titulada «Ubicación»El widget se inserta en su carrito en el selector CSS que especifique. Diferentes temas usan diferentes estructuras HTML, por lo que necesita apuntar el widget al elemento correcto en su tema.
Selectores comunes:
| Tipo de tema | Selector a probar |
|---|---|
| Página de carrito completa | .cart__footer |
| Cajón del carrito | .cart-drawer__summary |
| Genérico | #cart-totals |
¿No está seguro de qué selector usa su tema? Haga clic en Obtener ayuda junto al campo de selector CSS en Globe — le guiará para encontrar el selector correcto usando las DevTools de su navegador. También puede contactar con soporte y nosotros lo identificaremos por usted.
Puede añadir múltiples objetivos de ubicación si su tema tiene tanto una página de carrito completa como un cajón del carrito — el widget aparecerá en ambos.
Configure el selector CSS y el diseño para cada objetivo de ubicación.
Personalización
Sección titulada «Personalización»Traducciones
Personalice las cuatro etiquetas que ven los clientes: el encabezado, «Entrega a domicilio», «Puntos de recogida» y el botón «Cambiar». Las traducciones se pueden configurar por idioma — el widget detecta automáticamente el idioma del navegador del cliente y muestra el texto correspondiente. La aplicación solo muestra los idiomas publicados en su tienda de Shopify.
Colores
Ocho ajustes de color le permiten adaptar el widget al diseño de su tienda: color del encabezado, color del texto, fondo de la tarjeta, borde de la tarjeta (normal), borde de la tarjeta (seleccionado), color del icono, fondo del botón y color del texto del botón.
Diseño
Elija entre horizontal (las dos tarjetas una al lado de la otra) o vertical (las tarjetas apiladas una encima de la otra). El diseño horizontal funciona bien con diseños de carrito amplios; el vertical es más adecuado para cajones de carrito estrechos.
Prellenado de dirección en el proceso de pago
Sección titulada «Prellenado de dirección en el proceso de pago»Cuando un cliente selecciona un punto de recogida en el carrito, Globe puede rellenar automáticamente el formulario de dirección de envío en el proceso de pago con la dirección de ese punto de recogida. Esto evita que el cliente tenga que volver a introducir la dirección.
Active esto en Configuración → Widget del carrito → Prellenado de dirección en el proceso de pago.
Si su tema usa un botón de pago no estándar, introduzca el selector CSS del botón en el campo Selector de botón de pago personalizado (admite múltiples selectores separados por comas, p. ej. .cart__checkout-button, #checkout).
Contra reembolso
Sección titulada «Contra reembolso»Si cobra la comisión contra reembolso con una tarifa de envío aparte (p. ej. “Punto Packeta (reembolso)”), añada sus palabras clave COD en Configuración → Widget del carrito → Personalización del envío en checkout. Así, para el punto seleccionado siguen visibles la tarifa normal y la contra reembolso. Consulte Contra reembolso en puntos de recogida.
Recogida en tienda
Sección titulada «Recogida en tienda»Si sus clientes pueden recoger los pedidos en su tienda, el widget puede mostrar una tercera tarjeta, Recogida en tienda, junto a la entrega a domicilio y los puntos de recogida. Al elegirla, el checkout se abre directamente en la recogida en tienda y el cliente elige allí la tienda. Si después cambia a la entrega a domicilio o a un punto de recogida, el checkout vuelve a abrirse en el envío.
La tarjeta está desactivada por defecto.
Requisito en Shopify
En el panel de administración de Shopify, vaya a Configuración → Envíos y entregas → Recogida en tienda (Pickup in store). El checkout solo ofrece ubicaciones con la recogida activada, una dirección y los artículos en stock (o disponibles mediante una transferencia de inventario).
Activación
- En Globe, vaya a Configuración → Widget del carrito → Configuración avanzada.
- Marque Mostrar recogida en tienda.
- En Mostrar solo en estos países, elija los países donde tiene tienda. Vacío significa en todas partes.
- Haga clic en Guardar.
Si Globe muestra un aviso sobre permisos, abra Globe desde el panel de administración de Shopify y acepte la actualización. Hasta entonces, la tarjeta permanece oculta.
Países
El widget determina el país igual que para los puntos de recogida: por el mercado de la tienda online o por el país asignado a su idioma. Elija solo países donde tenga tienda. Si no, el cliente de allí verá la recogida en tienda en el checkout, pero sin ninguna tienda para elegir.
Textos de la tarjeta
El título y el subtítulo de la tarjeta se configuran por idioma en Traducciones del texto del widget, junto a los textos de las demás tarjetas. El título por defecto es Recogida en tienda en el idioma del cliente. Puede cambiarlo, por ejemplo, por Recogida en nuestra tienda de Valencia.
Limitaciones
- Los clientes fuera de los países elegidos no ven la tarjeta.
- Los botones de pago exprés del carrito (Apple Pay, Shop Pay) omiten la elección hecha en el widget.
- Si desactiva la recogida en Shopify, el checkout se abre en el envío. El widget no lo detecta, así que desactive también Mostrar recogida en tienda.
Requisitos previos
Sección titulada «Requisitos previos»- Aplicación Globe instalada con una suscripción activa
- Al menos un transportista de puntos de recogida configurado en Globe
- La incrustación de aplicaciones Cart pickup points activada en el editor de temas