Proyecto de cliente · E-commerce

Fertilizante orgánico 3agübre

Para 3A Gübre ve Tarım creamos 3agubre.com, la tienda online de sus fertilizantes orgánicos y organominerales, producidos en Giresun y registrados en el Ministerio de Agricultura y Silvicultura de Turquía. Las páginas son estáticas; detrás funcionan un sistema de cuentas, puntos y cupones, pedidos recurrentes, un completo panel de administración y un sistema de correo electrónico. También incluye agentes de IA e inicio de sesión con Google, que se activan en cuanto se introducen en el panel la clave de API y el ID de cliente de Google.

  • Sitio estático: HTML, CSS, JavaScript
  • Supabase: PostgreSQL, funciones RPC, pg_cron
  • Netlify
  • Resend (correo electrónico)
  • Claude API: Message Batches y búsqueda web
  • Google Analytics 4, Google Ads, Merchant Center
  • Inicio de sesión con Google (listo)
Página de inicio de la tienda
Página de inicio de la tienda
Idiomas
Turco e inglés, traducción al árabe lista
Pago
Pago contra reembolso, transferencia bancaria
Productos
8 productos, los líquidos en páginas separadas de 1 / 5 / 20 L
Contenido
Centro de Conocimiento con 73 artículos

Las capturas de pantalla se tomaron de una copia local del sitio y del panel de administración; los nombres de clientes, pedidos y cifras de los paneles son datos de ejemplo.

01

Tienda y experiencia del cliente

La tienda se creó junto con un buscador de productos, calculadoras y artículos de guía, para que tanto agricultores como aficionados a la jardinería encuentren rápido el producto adecuado.

  • Catálogo de productos: los líquidos se venden como productos separados de 1 L, 5 L y 20 L, cada formato con su propia página, imagen y precio
  • Calculadoras: necesidad y coste de fertilizante, calculadora de dosis / tanque y buscador de productos; una calculadora desplegable en cada página
  • Historias de agricultores: comparación de fotos de antes y después; los visitantes pueden enviar su propia historia, que se publica tras su aprobación
  • Centro de Conocimiento: 73 artículos sobre fertilización y suelo
  • Cuentas y Mi cuenta: Puntos 3A, cupones, ruleta de premios, pedidos, pedidos recurrentes, libreta de direcciones; registro e inicio de sesión con Google listos (se activan al introducir el ID de cliente)
  • Cuentas de agricultor, productor y mayorista: un descuento propio de cada cuenta una vez aprobada la solicitud
  • Formulario de solicitud para venta al por mayor y distribución
Página de producto
Página de producto
Tienda en un móvil
Tienda en un móvil
02

Flujo de pago y pedidos

El carrito vive en el navegador, pero los precios, cupones, puntos y descuentos se calculan en el servidor con cada cambio; el pedido se guarda con ese mismo cálculo y no se puede modificar desde el navegador.

  • Métodos de pago: contra reembolso y transferencia bancaria
  • Códigos de cupón, cupones personales y pago con Puntos 3A; el porcentaje máximo que se puede pagar con puntos se configura en el panel
  • Aviso de compra al por mayor: a los clientes cuyo carrito supera una cantidad o un importe determinados se les ofrece una cuenta de agricultor, productor o mayorista
  • Pedidos recurrentes: los mismos productos se piden automáticamente cada mañana con la frecuencia elegida (de semanal a cada tres meses)
  • Correos automáticos: pedido recibido, enviado, entregado, cancelado (opcional: en preparación)
  • Al entregarse un pedido se suman Puntos 3A y un cupón de agradecimiento; si se cancela, se devuelven los puntos y cupones utilizados
Página de pago
Página de pago
03

Panel de administración

El panel se diseñó para que la empresa gestione el sitio sin programar. Los cambios guardados aparecen en el sitio sin necesidad de una nueva publicación.

  • Pantallas: Escritorio, Informes, Productos, Pedidos, Correo, Campañas y cupones, Clientes, Distribuidores, Blog, SEO, Historias de agricultores, Diseño, Reseñas, IA, Ajustes
  • Editor de productos: campos en turco e inglés, vista previa en directo (página de producto, listado, Google, tarjeta social) y puntuación SEO
  • Nuevos productos y categorías; la página de producto se crea automáticamente y los productos se pueden ocultar o eliminar de forma reversible
  • Diseño: un constructor de páginas donde las secciones se ordenan arrastrándolas, los textos se editan en el sitio y las imágenes se sustituyen arrastrando y soltando; deshacer e historial de publicaciones
  • Informes: seguimiento de visitas sin cookies que no guarda datos personales, embudo de compra, fuentes de tráfico, mapa de calor por día y hora, gráficos de ventas
  • Clientes: aprobación de solicitudes de agricultores y mayoristas y configuración de sus descuentos
  • Un diseño adaptado para usarse en el móvil
Panel de administración
Panel de administración
Editor de productos
Editor de productos
04

Integraciones

La integración de correo funciona desde la base de datos; el inicio de sesión con Google y las integraciones de IA también están incorporados y se activan al introducir sus claves en el panel. Las claves de API se guardan en tablas que nadie puede leer.

  • Correo (Resend): bandeja de entrada y enviados en el panel, respuestas, adjuntos, PDF; los textos de los correos automáticos se editan y prueban en el panel
  • Lista de correo: suscripción con doble confirmación, campañas con selección de audiencia, correos de calendario estacional por cultivo, recordatorios de temporada, exportación para İYS
  • IA (Claude API): agentes de traducción al árabe, blog de noticias (temas de actualidad encontrados con búsqueda web) y auditoría del sitio; las tareas se envían por lotes, se calcula el coste de cada una y cada agente tiene un presupuesto mensual; ya están incorporados y empiezan a funcionar al introducir la clave de API de Anthropic en el panel
  • Registro e inicio de sesión con Google listos: al introducir el ID de cliente en el panel, el botón aparece en Mi cuenta; el token de identidad se verifica en el servidor
  • Google Analytics 4 solo se carga para los visitantes que aceptan las cookies; el seguimiento de conversiones de Google Ads está listo y se activa al introducir su ID en el panel; la lista de productos para Merchant Center se genera desde el panel
  • Correo o mensaje de WhatsApp al cliente con un solo toque desde cada ficha de pedido
Pantalla de pedidos
Pantalla de pedidos
05

Marketing y SEO

Cómo aparece cada página del sitio en Google se supervisa y corrige desde el panel; los contenidos y las campañas se gestionan en el mismo lugar.

  • Pantalla SEO: vista previa de Google y puntuación para páginas principales, categorías, productos y entradas del blog; títulos y descripciones editables en turco e inglés
  • Una palabra clave principal y puntuación SEO para cada producto; nombres de producto largos que incluyen las palabras clave más buscadas
  • Al activar el agente del blog de noticias, sus publicaciones se añaden a la lista del blog y el sitemap del blog se actualiza
  • Las páginas en inglés se generan a partir de las páginas en turco con un diccionario de traducción
  • Códigos de campaña, cupones automáticos de bienvenida y de agradecimiento, 3A Points y reglas de la ruleta de premios
  • Los enlaces de los correos llevan una etiqueta de origen, así las visitas desde el correo aparecen por separado en los informes
Pantalla de SEO
Pantalla de SEO

¿Tienes en mente un proyecto similar?

Cuéntanos qué necesitas; definiremos juntos el alcance, los plazos y el coste. La primera consulta es gratuita.

Cuéntanos tu proyecto