Plantilla Ledgerly: facturación para autónomos con panel

Plantilla Ledgerly: la landing y el panel de facturas en una pieza

Ledgerly es una plantilla de Zugo que junta dos cosas: la página de venta de un servicio de facturación para autónomos y un panel de trabajo con la lista de facturas, sus estados y el resumen de dinero. Son tres pantallas: venta, acceso y panel. Clonarla no gasta créditos.

Veamos qué contiene exactamente, qué reformas aguanta, qué hace falta conectar para trabajar con facturas de verdad y dónde está su límite honesto.

¿Qué hay dentro de la plantilla Ledgerly?

Lo interesante de Ledgerly es que no se queda en landing: detrás del formulario de acceso hay una pantalla de trabajo con facturas. Esa pareja resulta cómoda cuando el producto hay que enseñarlo y no solo describirlo con palabras.

En el panel hay tres cosas que conviene conservar en cualquier reforma: el filtro por periodo, el resumen del dinero cobrado y el plazo medio de pago. Esta última métrica le sirve más a un autónomo que la facturación total, porque dice cuándo llega el dinero de verdad.

El botón de marcar como pagada está a la vista, y eso es un acierto pequeño pero real. Un producto donde el estado se cambia a mano y rápido es más honesto que otro donde el estado supuestamente se actualiza solo pero en la práctica exige revisar.

La landing y el panel viven en el mismo archivo y se conmutan con la navegación, así que hay que reformarlos de forma coordinada. Si prometes en la primera pantalla una función que no aparece en el panel, la grieta se nota en el primer minuto de demostración.

¿A quién le sirve Ledgerly?

Encaje directo: un servicio de facturación, un control de cobros, un seguimiento de impagos. Todo lo que sea una lista de documentos con estados y un resumen de dinero encima.

Segundo círculo: cualquier producto con una lista de encargos en curso. Trabajos en un taller, reservas de un estudio, tareas que se cobran al terminar, reparaciones en un servicio técnico. Cambian los estados y la mecánica se queda igual.

Tercer círculo, menos evidente: Ledgerly funciona como esqueleto de landing para casi cualquier software de suscripción donde quieras enseñar una pantalla interna. Venta arriba, panel de demostración detrás del botón de acceso. Convence más que una captura, porque por el producto se puede pasear.

No sirve como contabilidad de verdad, con asientos, libros y presentación de impuestos. Esos requisitos dependen del país y no se resuelven reformando una maquetación. Para construir la herramienta según tus propias reglas ayuda más el recorrido de cómo crear una app de facturación con IA.

Comprobar si encaja lleva un minuto: abre la vista previa, entra en el panel y mira la lista. Si tu usuario viene justo a por una lista así con estados, la plantilla te vale casi sin tocar la estructura.

¿Cómo se adapta Ledgerly a tu propio caso?

Las ediciones se piden con frases normales. Hay que empezar por el objeto, porque de él dependen tanto los textos de la landing como los campos del panel.

1. Cambia el producto: "renómbrala como Turnos, en vez de facturas lleva solicitudes de turno, estados: nueva, confirmada, realizada, pagada". Una frase cambia las dos partes.
2. Ajusta los planes a los tuyos: "dos planes en vez de tres, mensual a quince y treinta y nueve dólares, anual con descuento". Los precios son lo que más se reescribe.
3. Sustituye el bloque de confianza por la verdad: si no cumples un estándar de pagos, quita esa línea. Una garantía falsa sale más cara que ninguna garantía.
4. Reescribe las preguntas con las objeciones auténticas de tus clientes. Tres preguntas reales rinden más que ocho inventadas.
5. Publica y recorre el camino desde el móvil, de la landing al panel, incluido el acceso.

Mantén una idea por edición. Una frase larga donde se mezclan el cambio de nombre, los planes nuevos y otra paleta cuesta los mismos 3 créditos, pero después hay que revisar tres ejes a la vez y no sabes qué parte rehacer si algo no convence.

¿Cuántos créditos cuesta la reforma?

Clonar la plantilla es gratis: la página se copia a tu proyecto sin pasar por la IA. Los créditos empiezan a contar en la primera edición.

El plan gratuito da 5 créditos: alcanza para el clon y una edición. Pro cuesta $25 al mes con 200 créditos, y Business cuesta $99 al mes con 800 créditos. Adaptar landing y panel a un producto propio suele llevar entre ocho y quince ediciones.

En Pro esos 200 créditos equivalen a unas 66 ediciones al mes, así que la reforma completa cabe holgadamente y todavía queda margen para probar dos versiones de la página de precios.

¿Por qué los estados pesan más que las cifras grandes?

Porque en un producto sobre dinero el usuario llega con una sola pregunta: qué está pasando ahora mismo con mis facturas. Un total de facturación no responde a eso, y una lista con estados responde entera.

En Ledgerly hay cuatro estados y cubren el ciclo completo del documento: borrador, enviada, pagada, vencida. Más estados no significa mejor. Cada uno de sobra crea un caso límite que el usuario tiene que interpretar.

Sigue esa misma regla al adaptarla. Escribe primero todas las situaciones en las que puede estar tu objeto y quita después las que solo distingue tu sistema interno pero no el cliente. De siete estados imaginados suelen quedar cuatro auténticos.

Mención aparte para el vencimiento: está separado por un motivo. Un producto que esconde el estado incómodo pierde su utilidad principal, porque estas herramientas se contratan precisamente por los impagos.

La regla se traslada a otros dominios. Una solicitud atascada, un envío que se retrasa, una tarea fuera de plazo: el estado desagradable tiene que verse desde la primera pantalla, o la lista se convierte en decoración.

¿Qué hay que conectar para que las facturas funcionen?

La plantilla es una interfaz con datos de muestra. Para que las facturas existan de verdad, pertenezcan a un usuario concreto y se cobren, hacen falta base de datos, pagos y correo.

Supabase guarda facturas y clientes y sostiene el acceso. La edición se pide así: "conecta Supabase, guarda las facturas en una tabla y muestra solo los documentos del usuario actual". La última parte de la frase es obligatoria, porque sin ella es fácil acabar con una lista común para todo el mundo. El montaje entero está en cómo conectar Supabase a una app creada con IA.

Stripe cubre las dos cosas: el cobro de las facturas y la suscripción al propio servicio si lo vendes por los planes de la landing. Resend envía los correos al cliente, es decir la factura, el recordatorio y la confirmación de pago. Son los correos los que convierten la lista en herramienta de trabajo, porque un aviso dentro de la interfaz no lo ve nadie.

Google Analytics muestra cuánta gente llega de la landing al registro, el dominio propio se conecta en los planes de pago, y la exportación a GitHub entrega el código fuente en un repositorio real. El orden sensato es base de datos y acceso, luego pagos, luego correos y solo al final analítica. Pide cada conexión en una edición aparte: una frase corta se resuelve de forma más previsible que un párrafo con tres deseos.

¿Qué no hace Ledgerly?

Tres límites honestos, y el primero es el que más gente pasa por alto.

La parte legal no viene en la plantilla. Formato de la factura, datos fiscales obligatorios, impuestos, numeración de documentos, requisitos de conservación: todo depende de tu país y de tu forma jurídica, y ninguna plantilla lo resuelve por ti.

Los datos de muestra son decorativos. Los nombres de clientes, los importes y las métricas están inventados para la demostración. Mientras no haya base de datos, el panel parece operativo pero no recuerda nada entre visitas, y ahí es donde tropieza casi todo el mundo al enseñárselo a alguien real.

La lógica de cálculo se afina con ediciones, no con un solo prompt. Pagos parciales, tipo de cambio en la fecha, facturas recurrentes de una suscripción, conciliación con el extracto bancario. Cada una es una conversación aparte con el agente, y Zugo no sustituye a un equipo de desarrollo cuando esa lógica es la esencia del producto.

Ninguno de estos límites anula lo que sí resuelve: para enseñar el producto, para llevar un control interno y para la primera versión operativa la plantilla sirve entera. Contar dinero ajeno en serio conviene empezarlo cuando hay alguien que responda por la exactitud del cálculo.

¿Por dónde empezar?

Abre la galería, busca Ledgerly y lanza la vista previa: el clon es gratuito, así que puedes recorrer el camino de la landing al panel sin gastar un crédito.

Que la primera edición vaya sobre el objeto y los estados, y deja los precios y el acabado para después. Es el objeto el que decide qué campos y qué métricas tienen sentido, y cambiarlo más tarde obliga a repetir trabajo ya pagado.

Si tu tarea se parece más a campañas y envíos que a facturas, mira la plantilla Loopmail: tiene la misma pareja de landing y consola de trabajo, pero sobre otro asunto.

Puedes clonar Ledgerly y adaptarla en zugo.dev. Los créditos iniciales alcanzan para ver tu versión y decidir si sigues, no hace falta tarjeta, y el proyecto publicado recibe enseguida una dirección que ya puedes enseñar a tus primeros usuarios.