Plugin Store para Blogger

Cómo configurar la tienda en Blogger con la plantilla NichoClean

Si quieres transformar tu blog en un ecommerce blogger online funcional sin instalar plugins externos, esta guía te mostrará cómo crear el gadget configurable de la tienda en Blogger. Con este gadget podrás definir tu correo de PayPal, URLs de retorno y controlar la visibilidad del carrito flotante.

Ventajas de usar el gadget de configuración

Control centralizado: Todos los ajustes de tu tienda se manejan desde un solo gadget HTML.
Fácil de actualizar: Cambia el correo de PayPal o las URLs sin tocar el JS principal.
Integración completa: El JS core de la plantilla usa estos datos automáticamente para gestionar pagos y el carrito.
Seguridad y compatibilidad: No dependes de plugins externos; todo funciona dentro de Blogger.

Paso 1: Crear el gadget HTML de configuración

En tu panel de Blogger, ve a Diseño → Añadir un gadget → HTML/JavaScript y pega el siguiente código:

<!-- Gadget: Configuración Tienda / Carrito -->
<div id="config-store" hidden
     data-paypalemail="demo@example.com"
     data-returnurl="https://tusitio.com/p/gracias.html"
     data-cancelurl="https://tusitio.com/p/cancelado.html"
     data-mostrarcontador="true">
</div>

<!-- Opciones disponibles:
  - data-paypalemail     → Correo de PayPal (obligatorio, visible en HTML).
  - data-returnurl       → URL de retorno al completar la compra.
  - data-cancelurl       → URL de cancelación de la compra.
  - data-mostrarcontador → true/false → Mostrar botón flotante del carrito.
-->

Paso 2: Personalizar los datos del gadget

Debes actualizar los atributos data-* con tus propios valores:

data-paypalemail: Coloca tu correo de PayPal Business. Es obligatorio para recibir pagos.
data-returnurl: URL de la página a la que se dirigirá el cliente después de completar la compra (ejemplo: /p/gracias.html).
data-cancelurl: URL de la página a la que se enviará si el cliente cancela el pago (ejemplo: /p/cancelado.html).
data-mostrarcontador: Pon true si deseas mostrar el carrito flotante blogger con el número de productos, o false si no lo quieres visible.

Paso 3: Qué hace el JS core con estos datos

El JS core Paypal & Store Blogger de la plantilla NichoClean se encarga de gestionar todo el funcionamiento de la tienda automáticamente:

Lee los datos del gadget #config-store y los guarda en window.TIENDA_CONFIG.
Actualiza el carrito flotante con la cantidad total de productos añadidos.
Gestiona los pagos directos con PayPal usando el correo y URLs configuradas.
Sincroniza la página de carrito y cualquier botón “Añadir al carrito” o “Comprar ahora” en las fichas de producto.

Recomendaciones importantes

No elimines ni cambies el id="config-store", el JS depende de él para funcionar correctamente.
Verifica que las URLs de retorno y cancelación estén activas y correctas.
El gadget debe estar presente en la plantilla o en la página principal, aunque esté oculto con hidden.
Recuerda que el JS core hará todo el trabajo internamente; tu tarea es asegurarte de que los datos sean correctos.

Con este gadget HTML ya tienes el control central de tu tienda en Blogger. Cambiar datos de PayPal o visibilidad del carrito es tan simple como editar los data-*. El JS core se encargará de todo lo demás: conteo de productos, sincronización de fichas y página de carrito, y generación de enlaces de pago. ¡Tu tienda estará lista para funcionar de forma profesional y segura!