Ir al contenido principal

¿Cómo eliminar los decimales de tus precios?

Quita los decimales de los precios de tus campañas desde la creación de filas dinámicas o editando el código de tu plantilla.

¿Para qué sirve?

Por defecto, los precios de tus filas dinámicas se muestran con decimales (por ejemplo, $12.499,00). Si tu marca prefiere mostrar precios redondos ($12.499), en WoowUp tienes dos caminos: activar la opción de decimales desde la creación de filas dinámicas, cuando creas una fila nueva, o editar el código del campo de precio en cualquier otra fila.

¿Qué opción usar?

  • Vas a crear una fila dinámica desde cero: usa la opción del switch desde la creación de filas dinámicas. Es la forma más simple y no requiere tocar código.

  • Ya tienes la fila en tu plantilla (una fila creada antes, una fila guardada, una plantilla duplicada o cualquier fila que estés editando): debes quitar los decimales editando el código del campo de precio.

❗ La opción del switch de decimales solo aparece al crear una fila dinámica nueva. Si la fila ya existe, sigue los pasos de la opción 2.

Opción 1: Quitar decimales desde el Switch (filas nuevas)

  1. Abre tu plantilla en el Editor de plantillas.

  2. Agrega una nueva fila dinámica y elige el tipo de fila que necesitas (más vendidos, productos visitados, carrito abandonado, etc.).

  3. En la configuración, ubica la opción de decimales en la sección de precios y desactívala.

  4. Revisa la vista previa: los precios deberían verse sin decimales.

  5. Finaliza la configuración e inserta la fila en tu plantilla.

👉 La opción funciona con todos los formatos de precio de la fila: solo precio de lista, precio tachado + oferta y precio con % de descuento.

Si necesitas más detalle sobre cómo crear la fila, revisa ¿Cómo crear y personalizar una fila dinámica de productos en una plantilla de email?

Opción 2: Quitar decimales editando el código (filas existentes)

El editor de WoowUp usa Twig, un motor de plantillas que te permite modificar cómo se muestran los datos. Para quitar decimales se combinan dos cosas:

  • Campos raw (por ejemplo p.raw_price): Devuelven el precio como número, sin formato.

  • Filtro number_format: Define cuántos decimales mostrar y qué separadores usar.

Ejemplo: en lugar de {{ p.price }} usa:

${{ p.raw_price|number_format(0, ',', '.') }}

El 0 indica que no se muestran decimales, la coma es el separador decimal y el punto es el separador de miles. Resultado: $12.499.

Pasos a seguir

  1. Abre tu plantilla en el Editor de plantillas.

  2. Haz clic sobre el campo de precio dentro de la fila dinámica.

  3. Reemplaza el campo dinámico original por el código sin decimales de la tabla de abajo.

  4. Si el precio se calcula en un bloque HTML, edita el código HTML del bloque (ver sección siguiente).

  5. Revisa la vista previa y haz un envío de prueba antes de activar la campaña.

Campos de precio sin decimales

Campo

Código original

Código sin decimales

Precio del producto

{{ p.price }}

${{ p.raw_price|number_format(0, ',', '.') }}

Precio de los productos 1 a 3 de una fila (p1, p2, p3)

{{ p1.price }}

${{ p1.raw_price|number_format(0, ',', '.') }} (cambia p1 por p2 o p3 según la posición)

Precio de oferta o de lista

{{ p.offer_or_list_price }}

${{ p.raw_offer_or_list_price_value()|number_format(0, ',', '.') }}

Precio de oferta

{{ p.offer_price("$") }}

${{ p.raw_offer_price_value()|number_format(0, ',', '.') }}

Precio de lista

{{ p.list_price }}

${{ p.raw_list_price()|number_format(0, ',', '.') }}

Precio tachado

{{ p.strike_price("$") }}

${{ p.raw_strike_price()|number_format(0, ',', '.') }}

Precio de oferta o unitario (carrito abandonado)

{{ p.offer_or_unit_price }}

${{ p.raw_offer_or_unit_price()|number_format(0, ',', '.') }}

Precio unitario (carrito abandonado)

{{ p.unit_price }}

${{ p.raw_unit_price_value()|number_format(0, ',', '.') }}

Producto visitado destacado

{{ featured.price }}

${{ featured.raw_price|number_format(0, ',', '.') }}

Total del carrito abandonado

{{ customer.abandoned_cart_total }}

${{ customer.abandoned_cart.raw_total_price|number_format(0, ',', '.') }}

Precio anterior a la baja (campaña de productos que bajaron de precio)

{{ p.strike_price("$")|raw }}

${{ p.price_drop_previous_price|number_format(0, ',', '.') }}

💡 Si el campo original ya incluye el símbolo de moneda (por ejemplo offer_price("$")), agrega el símbolo manualmente delante del nuevo código, como en la tabla. Los campos raw devuelven solo el número.

Quitar decimales en bloques HTML

Algunas filas no muestran el precio como campo dinámico, sino que lo calculan dentro de un bloque HTML (por ejemplo, el precio tachado junto al % de descuento). En ese caso, edita el código HTML del bloque y reemplázalo por este:

<div style="font-size: 14px; color: rgb(85, 85, 85);">{% if p.raw_price > 0 and p.raw_offer_price < p.raw_price %}<span style="text-decoration: line-through;">${{ p.raw_price|number_format(0, ',', '.') }}</span>{% endif %} <span>{{ p.calculate_discount("% OFF") }}</span></div>

A tener en cuenta

  • Copia el código exactamente igual, incluyendo llaves, paréntesis y comillas. Un carácter de más o de menos hace que el precio no se muestre.

  • number_format lleva 3 parámetros: cantidad de decimales, separador decimal y separador de miles.

  • Al quitar decimales, el precio se redondea: $1.234,56 se muestra como $1.235.

  • Si cambias decimales en un campo, revisa que el resto de los precios de la fila (oferta, tachado, lista) usen el mismo formato para que se vean consistentes.

❗ Siempre haz un envío de prueba antes de activar la campaña para confirmar que todos los precios se ven correctamente.

FAQ

¿Puedo usar la opción del switch en una fila que ya tengo en mi plantilla?

No. La opción del switch de decimales solo aparece al crear una fila dinámica nueva. Para una fila existente, edita el código del campo de precio siguiendo la opción 2. También puedes crear la fila de nuevo si prefieres no tocar código.

Reemplacé el código y el precio no aparece. ¿Qué pasó?

Revisa que el código esté copiado exactamente igual, sin espacios ni caracteres extra, y que uses el prefijo correcto según la posición del producto (p, p1, p2, etc.). También confirma que el producto tenga cargado ese precio (por ejemplo, un precio de oferta).

¿Cómo funciona number_format?

La sintaxis es number_format(cantidad de decimales, 'separador_decimal', 'separador_de_miles'). Ejemplos con 1234567.89:

  • number_format(2, ',', '.') → 1.234.567,89

  • number_format(0, ',', '.') → 1.234.568

  • number_format(0, '.', ',') → 1,234,568

¿Por qué no puedo aplicar number_format directamente sobre p.price?

Porque p.price ya viene formateado como texto. Para aplicar number_format necesitas el valor numérico, que es lo que devuelven los campos raw.

¿Puedo volver a mostrar decimales?

Sí. En el código, cambia el primer parámetro a 2: number_format(2, ',', '.'). O vuelve a usar el campo original.

Próximos pasos

Para filas nuevas, la opción del switch es el camino más rápido; para filas existentes, el código te da control total sobre el formato. Si quieres seguir personalizando tus plantillas, estos artículos te pueden servir.

💡 Artículos relacionados: Crear y personalizar una fila dinámica · Tipos de filas de recomendación · Añade condicionales en tus plantillas

Artículos relacionados
¿Ha quedado contestada tu pregunta?