Descubre cómo personalizar plantillas STEL Order con sencillas etiquetas HTML. Mejora tu imagen de marca, reduce errores y agiliza tus cobros. ¡Guía fácil!
Embedded Files
Personalizar plantillas STEL Order
Cómo personalizar plantillas STEL Order con HTML
¿Sabías que cada factura o presupuesto que envías es una carta de presentación de tu negocio? Cada detalle cuenta. Este artículo te desvela el secreto para transformar esos documentos estándar en potentes herramientas de marca. Al terminar de leer, sabrás exactamente cómo usar sencillas etiquetas HTML para personalizar tus plantillas de STEL Order, proyectar una imagen impecable y optimizar la comunicación con tus clientes.
Índice
Gestión comercial
Optimiza tu fuerza de ventas mejorando tu gestión comercial, creando todos los documentos comerciales que necesites desde donde estés
⚠️ AVISO DE CONTENIDO NO OFICIAL
Este artículo describe un truco no documentado oficialmente por STEL Order. Es una solución basada en nuestra propia experiencia. Úsala bajo tu propia responsabilidad. STEL Order no ofrece soporte para este procedimiento y una futura actualización podría hacer que deje de funcionar.
Más allá de la estética: El impacto de personalizar tus documentos
Antes de entrar en el "cómo", es fundamental entender el "porqué". Personalizar tus plantillas en STEL Order no es un simple capricho de diseño; es una decisión estratégica que ofrece beneficios tangibles para tu negocio.
Piénsalo, un documento bien diseñado consigue:
Acelerar tus cobros: Al resaltar visualmente información clave como el importe total, la fecha de vencimiento o los datos bancarios, facilitas el proceso de pago a tus clientes y reduces la fricción administrativa.
Reducir errores y consultas: Una estructura clara, con saltos de línea y texto enfatizado, guía la vista del lector. Esto minimiza las posibilidades de que pasen por alto condiciones importantes, evitando dudas, correos y llamadas innecesarias.
Proyectar una imagen impecable: La consistencia en el diseño y el formato refuerza tu identidad de marca en cada interacción. Transmites confianza, profesionalidad y una cuidada atención al detalle.
Guía paso a paso para personalizar tus plantillas con HTML
Transformar tus plantillas es un proceso más rápido y sencillo de lo que imaginas. Solo necesitas permisos de superadministrador y seguir estos 4 pasos:
Accede al editor de plantillas: En tu cuenta de STEL Order, dirígete al menú de la esquina superior derecha y sigue la ruta: Configuración → Mi empresa → Mis plantillas. Una vez allí, selecciona la plantilla que quieres modificar y haz clic en el icono de "Editar ✏️".
Localiza los Campos de "Texto": Navega por las diferentes pestañas del editor (Datos empresa, Datos documento, Datos cliente/proveedor, Activos en clientes, Líneas, etc.). Verás una serie de tablas donde una de las columnas se llama "Texto". El contenido que escribas aquí actuará como prefijo del dato que STEL Order rellenará automáticamente.
Inserta las Etiquetas HTML: ¡Aquí ocurre la magia! Escribe las etiquetas directamente en el campo "Texto" para dar formato a la información. Por ejemplo:
Si escribes <b>Total Factura: , tanto la etiqueta como el importe aparecerán en negrita.
Si escribes Total Factura: <b>, solo el importe dinámico se mostrará en negrita.
⚠️ ¡Atención! El contenido de estos campos está limitado a un máximo de 32 caracteres. Este límite incluye tanto el texto visible como el código de las etiquetas HTML.
Previsualiza y Guarda: Esta es la regla de oro. Utiliza siempre el botón de vista previa para comprobar cómo quedan los cambios antes de guardar. Esto te permite experimentar sin riesgo hasta que consigas el acabado profesional que buscas.
Tu kit de herramientas HTML para STEL Order
No necesitas ser un experto en programación. La clave está en usar estas etiquetas sencillas y efectivas. Recuerda, no es necesario cerrar las etiquetas (como </b> o </font>) y siempre debes respetar el límite de 32 caracteres por campo. No todos los campos de formulario admiten la representación HTML. Por ejemplo, campos como "Tipo de documento" o "Título del documento" mostrarán las etiquetas HTML como texto sin formato en lugar de interpretarlas.
<b> - Jerarquizar: Ideal para dar más peso a un titular.
Ejemplo: <b>Importe Total:
<i> - Enfatizar: Perfecto para resaltar una nota o condición especial.
Ejemplo: <i>Impuestos incluidos
<u> - Subrayar: Útil para llamar la atención sobre un código o referencia.
Ejemplo: <u>Referencia de Pedido:</u>
<br> - Organizar: Crea un salto de línea para separar bloques de información. Puedes usar varios seguidos (<br><br>) para más espacio.
Ejemplo: Términos:<br>
<font size=""> - Ajustar lectura: Modifica el tamaño del texto (valores recomendados entre 1 y 4, genial para notas a pie de página.
Ejemplo: <font size=2>Nota legal:
<s> o <strike> - Mostrar descuentos: Permite tachar un precio original.
Ejemplo: <s>100€</s>
<font color=""> - Clasificar con color: Usa colores para diferenciar estados o tipos de información.
Ejemplo: Estado: <font color="green">
Colores disponibles:
"red" ❤️ Rojo
"blue" 🩵 Azul
"navy" 💙 Azul marino
"green" 💚 Verde
"olive" 🫒 Verde oliva
"yellow" 💛 Amarillo
"lime" 🍋🟩 Lima
"purple" 💜 Púrpura
"cyan" 🩵 Cian
"brown" 🤎 Marrón
"black" 🖤 Negro (predeterminado)
"gray" 🩶 Gris
"teal" 💚 Azul verdoso
"white" 🤍 Blanco (útil con fondo osc
💡 Consejo: ¡Combina etiquetas! Puedes anidar varias para conseguir un efecto más potente, como <b><font color="red">Vencimiento:. Solo asegúrate de no superar el límite de caracteres.
Formato original de STEL Order
Formato editado con HTML
¿Por qué funciona? La tecnología detrás de la magia
Esta simplicidad es posible gracias a la tecnología subyacente de STEL Order. Al generar un documento, la plataforma no usa un navegador web, sino un motor de generación de PDF.
Estos motores están diseñados para ser rápidos y eficientes, por lo que interpretan etiquetas HTML de formato directo ("inline"), sin necesidad de la complejidad del CSS moderno. Esto es lo que nos permite "hackear" el diseño de forma tan sencilla.
En definitiva, personalizar tus plantillas en STEL Order va mucho más allá de un simple cambio estético. Con unas pocas y sencillas etiquetas HTML, puedes mejorar radicalmente la claridad de tus documentos, reforzar tu imagen de marca y facilitar procesos clave como el cobro de facturas. Es una herramienta accesible pero increíblemente potente para que cada documento que envíes trabaje a favor de tu negocio.
¿Qué etiqueta HTML te ha parecido más útil? Si tienes cualquier duda durante el proceso, ¡déjala en los comentarios y te ayudamos!
¡Comienza hoy mismo a personalizar tus plantillas y a darle a tus documentos un aspecto profesional!
Documentación oficial
Encuentra más ayuda en STEL Order:
Report abuse