Personalizando a impressão de vouchers com HTML e Liquid

Personalização de vouchers de impressão

Ao configurar a impressão de vouchers, é possível utilizar HTML e Liquid para personalizar o conteúdo impresso.
Assim, você pode ajustar o layout, destacar informações importantes e tornar a impressão mais clara para o operador ou cliente.
 

Variáveis disponíveis no Liquid

Você pode inserir informações dinâmicas no voucher utilizando as variáveis abaixo.

Além disso, também é possível acessar todas as variáveis do pedido utilizando o prefixo order.
Exemplo: {{order.code}}, {{order.total_text}}

Consulte a lista completa de variáveis do pedido aqui:
Variáveis Liquid do pedido 

Variável	Descrição
{{ restaurant_name }}	Nome da loja
{{ datetime_text }}	Data atual com horário.
{{ category_name }}	Nome da categoria do produto
{{ product_name }}	Nome do produto
{{ variation_items }}	Lista de variações ou opcionais do produto
{{ observations }}	Observações inseridas no pedido
{{ unit_price_text }}	Preço unitário formatado

Exemplo de uso:

<b>{{ product_name }}</b> - {{ unit_price_text }}
<small>{{ variation_items }}</small>
<p><i>{{ observations }}</i></p>

Tags HTML permitidas

Na personalização do voucher, você pode usar as seguintes tags HTML para formatação:

Tag	Função
<b>	Negrito
<i>	Itálico
<u>	Sublinhado
<p>	Parágrafo (quebra de linha)
<h1>	Texto em tamanho duplo centralizado
<center>	Centraliza o texto
<right>	Alinha o texto à direita
<small>	Texto em tamanho reduzido
<big>	Texto em tamanho duplo

💡 Dica:

• <big> aumenta o tamanho da fonte para o dobro.
• <h1> também tem tamanho duplo e já vem centralizado por padrão.
• É possível combinar HTML e Liquid no mesmo voucher

Exemplo de voucher personalizado

<h1>{{ category_name }}</h1>
<b>{{ product_name }}</b>
<small>{{ variation_items }}</small>
<p><i>{{ observations }}</i></p>
<right><b>{{ unit_price_text }}</b></right>

Resultado esperado:

• O nome da categoria será impresso em tamanho duplo centralizado.
• O nome do produto aparecerá em negrito.
• As variações serão exibidas em texto pequeno.
• As observações aparecerão em itálico.
• O preço ficará alinhado à direita.