Cómo crear la web de una tienda de mascotas sin código
La web de una tienda de mascotas sin código parte de una descripción: qué vendes, si envías o solo recoges en tienda, y qué servicios ofreces además del producto. Zugo construye el sitio desde ese texto, lo arranca en un sandbox para verificar que abre y lo publica en una dirección real.
La decisión que más cambia el proyecto es una: escaparate local o venta online real. Son dos webs distintas y montar la equivocada cuesta tiempo y créditos.
¿Escaparate local o tienda con envío?
Una tienda de barrio compite con grandes plataformas en precio y plazo, y esa comparación la pierde casi siempre. Lo que sí gana es la compra de hoy: pienso que se ha acabado, un juguete concreto, consejo de alguien que conoce al animal.
Por eso, para la mayoría de tiendas físicas, el objetivo de la web no es vender online, es que la gente vaya. Horario, dirección, marcas que trabajáis y servicios propios pesan más que un carrito completo.
La tienda con envío tiene sentido cuando vendes algo que las grandes plataformas no tienen: producto artesanal, dietas específicas, marcas locales o suscripción de pienso preparada por ti. Si tu catálogo se solapa por completo con el de un marketplace, el carrito te dará trabajo sin darte pedidos.
¿Qué debe decir el prompt?
Describe el tipo de tienda, el catálogo, los servicios y el modo de compra. Lo que no digas se decide por defecto, y en comercio las decisiones por defecto se pagan.
Crea una web para una tienda de mascotas en [barrio, ciudad].
Modo: [escaparate con recogida en tienda / venta con envío].
Secciones:
1. Portada: nombre, barrio, horario de hoy, qué nos diferencia,
botón "Ver productos" o "Cómo llegar".
2. Productos: [N] categorías (pienso, snacks, juguetes, higiene,
accesorios) con foto, precio y descripción corta.
3. Servicios: [peluquería, entrega a domicilio en la zona,
asesoramiento nutricional, pedidos por encargo].
4. Marcas: listado de las marcas que trabajamos.
5. Visítanos: dirección, mapa, horario por días, aparcamiento.
6. Contacto: formulario y teléfono.
Tono cercano y práctico, sin lenguaje corporativo.
El bloque de marcas parece menor y no lo es: mucha gente busca por marca de pienso antes que por tienda, y publicar la lista responde a esa búsqueda concreta.
Si vas a montar el carrito completo, la guía sobre tiendas online entra en el detalle del catálogo y el pago.
¿Cómo se cobra y se entrega?
Hay más opciones que "carrito o nada", y la intermedia suele ser la que encaja con un comercio de barrio.
| Forma de venta | Qué se conecta | Encaja con |
|---|---|---|
| Sin venta online | Nada, solo catálogo y horario | Tienda de paso, compra impulsiva |
| Reserva y recoge | Resend, el pedido llega a tu correo | Producto que se acaba y hay que apartar |
| Pago online y recogida | Stripe más formulario | Encargos que ya están pagados al llegar |
| Envío local | Stripe más zona de reparto definida | Pienso pesado, clientes habituales |
| Suscripción de pienso | Stripe, suscripciones | Clientes fijos con consumo estable |
La suscripción de pienso es la más interesante para una tienda física, porque convierte una compra irregular en un ingreso previsible y en una visita programada. Se monta con Stripe, y la guía de pagos con Stripe cubre el modo de pruebas antes del primer cobro real.
¿Cómo se mantiene el catálogo sin volverse loco?
Aquí está el error clásico: publicar cuatrocientas referencias y no volver a tocarlas nunca. Un catálogo desactualizado es peor que uno corto, porque promete lo que no hay.
| Tamaño de catálogo | Cómo mantenerlo | Coste real |
|---|---|---|
| Hasta 20 referencias | Escritas en la página, editadas en el chat | 3 créditos por cambio |
| Catálogo por categorías | Categorías con ejemplos, no lista completa | Poco mantenimiento |
| Cientos de referencias | Base de datos con Supabase y panel propio | Es un proyecto, no un prompt |
Para casi todas las tiendas de barrio, la opción del medio es la correcta: mostrar categorías con productos representativos y decir claramente que en tienda hay más. Así la web informa sin obligarte a un inventario paralelo.
Si publicas precios, ponles fecha de revisión y repásalos cuando cambie la tarifa del distribuidor. Un precio antiguo en la web genera la peor conversación posible en el mostrador, y ocurre justo con el producto que más rota.
Un detalle que sí merece mantenerse al día: qué formatos de pienso tienes de cada marca. Es la consulta telefónica más repetida en el sector, y responderla en la web ahorra llamadas todos los días.
¿Cuánto cuesta en créditos?
Zugo cobra por acción, así que el proyecto se presupuesta antes de empezar. Un escaparate con productos, servicios y contacto es una construcción de una página. Con fichas por categoría y páginas legales pasa a multipágina.
| Acción | Créditos |
|---|---|
| Edición en el chat | 3 |
| Construcción de una página | 6 |
| Plataforma multipágina, primeras tres páginas | 12 |
| Cada página adicional | 3 |
| Edición en modo Hi-Fi | 6 |
| Construcción en modo Hi-Fi | 12 |
El plan Free da 5 créditos y una construcción cuesta 6, así que la web publicada empieza en Pro por 25 dólares al mes con 200 créditos. Business cuesta 99 dólares al mes. El alojamiento del sitio publicado está incluido.
Una construcción simple tarda alrededor de un minuto y una plataforma multipágina tarda varios minutos. Cambiar precios de temporada o añadir una marca nueva son ediciones de 3 créditos, así que el mantenimiento no depende de nadie externo.
¿Cómo se publica y qué medir?
Publicar es una acción y la web queda en una dirección del tipo tutienda.zugo.run. Para un comercio local conviene conectar dominio propio, porque la dirección va en la bolsa, en el escaparate y en las redes.
Zugo arranca cada construcción en un sandbox y no entrega una que no abra, pero eso confirma que la página carga, no que el horario publicado sea el de este mes. Léelo contra la puerta de tu tienda antes de repartir la dirección.
Con Google Analytics conectado, mira qué buscan desde el móvil antes de las once de la mañana. En una tienda de mascotas suele ser horario y disponibilidad de una marca concreta, y eso te dice qué merece estar arriba del todo.
Si algún día quieres un sistema de pedidos propio, la exportación a GitHub entrega el repositorio real y el proyecto es tuyo. Para la parte de peluquería, la guía sobre peluquerías caninas trata precios por tamaño y gestión de citas.
¿Dónde se detiene un constructor con IA aquí?
Tres límites que conviene aceptar antes de empezar.
El stock en tiempo real no es automático. Que un producto agotado desaparezca en el momento exacto necesita base de datos y una rutina diaria. Es construible con Supabase, pero trae un hábito operativo detrás.
No hay conexión con proveedores ni con transportistas. Sincronizar tarifas del distribuidor o generar etiquetas de envío es trabajo de un desarrollador o de una plataforma especializada.
La normativa de venta es tuya. Etiquetado de alimentos para animales, medicamentos veterinarios y venta de animales vivos tienen reglas propias según el país, y la web muestra lo que le digas, no lo que la ley te exige.
Dentro de esos límites tienes una web rápida y clara, con horario visible, catálogo honesto y un camino a la tienda, hecha en una tarde. Describe tu tienda en un párrafo en zugo.dev y mira la primera construcción.