Personalizando modelos de etiqueta

O TimelyChurch inclui um designer visual de etiquetas que permite criar crachás de nome, comprovantes de segurança e crachás de voluntário totalmente personalizados. Este artigo cobre como criar, editar e gerenciar modelos de etiqueta.

Acessando o designer de etiquetas

1. Vá para Check-in no painel admin.
2. Clique no ícone Configurações (engrenagem) no cabeçalho da página, perto dos botões Modo quiosque e Iniciar sessão.
3. A página Configurações de check-in abre com três abas: Designer de etiquetas, Configuração da impressora e Opções. A aba Designer de etiquetas é exibida primeiro.

Na aba Designer de etiquetas você verá todos os seus modelos existentes organizados por tipo: Etiquetas de nome infantil, Etiquetas de segurança dos pais, Crachás de voluntário e Modelos personalizados.

Tipos de modelo

Cada tipo pode ter um modelo padrão. O modelo padrão é usado automaticamente ao imprimir etiquetas daquele tipo, a menos que outro modelo seja selecionado.

Criando um novo modelo

Começando por um modelo de início rápido

A forma mais rápida de começar é usar um dos quatro modelos de início rápido integrados:

1. Infantil clássico — Uma etiqueta infantil tradicional com logotipo da igreja, primeiro nome (grande), nome da turma, sala e código de segurança.
2. Etiqueta de segurança — Uma etiqueta de retirada dos pais com cabeçalho "ETIQUETA DE SEGURANÇA", nome da criança, código de segurança grande em uma caixa com borda vermelha, turma, data e nome da igreja.
3. Minimalista moderno — Um design limpo com nome grande centralizado, linha divisória, nome da turma, código de segurança e logotipo da igreja.
4. Alerta médico — Uma etiqueta especializada que destaca alergias e informações médicas em vermelho, com nome completo, turma e código de segurança.

Para usar um modelo de início rápido:

1. Na aba Designer de etiquetas, role até a seção Modelos de início rápido perto da parte inferior.
2. Clique no card do modelo que deseja usar como base.
3. O designer de etiquetas abre com todos os elementos pré-arranjados. Você pode reorganizar, redimensionar, reestilizar ou remover qualquer elemento, depois dar um nome e salvar como seu próprio modelo.

Começando do zero

1. Clique em Novo modelo no topo da aba Designer de etiquetas (ou Começar do zero no estado vazio).
2. O designer visual abre com uma tela em branco.
3. No painel Configurações do modelo à direita, defina o Tipo do modelo (Infantil, Pais, Voluntário ou Personalizado), escolha um preset de Tamanho da etiqueta e ajuste largura, altura e unidade se necessário.
4. Arraste campos e elementos para a tela a partir do painel Elementos à esquerda.

Criando modelos padrão

Se sua igreja ainda não tem modelos, você pode gerar um conjunto inicial com um clique:

1. Na aba Designer de etiquetas, clique em Criar modelos padrão.
2. Dois modelos são criados automaticamente:
   • Etiqueta infantil clássica (tipo infantil, definida como padrão)
   • Etiqueta de segurança clássica (tipo pais, definida como padrão)

Estes são modelos do sistema que não podem ser excluídos, mas você pode duplicar e personalizar as cópias. (Se sua igreja já tiver modelos, este botão não tem efeito.)

Campos de etiqueta disponíveis

O painel Elementos do designer fornece os seguintes campos que você pode arrastar para uma etiqueta, agrupados por categoria:

Campos de pessoa

• Primeiro nome
• Sobrenome
• Nome completo
• Apelido
• Idade
• Data de nascimento
• Série/ano escolar

Campos de check-in

• Código de segurança
• Horário de check-in
• Data de check-in
• Nome da turma/grupo
• Sala/Local
• Nome da sessão

Campos de alerta

• Alergias
• Notas especiais
• Notas médicas

Campos da igreja

• Nome da igreja
• Logotipo da igreja

Elementos estáticos

• Texto personalizado (qualquer texto fixo que você digitar)
• Imagem personalizada
• Linha horizontal
• Código QR
• Ícone de escudo de segurança

Nota: Os elementos Imagem personalizada e Código QR aparecem no painel Elementos, mas são placeholders na versão atual — ainda não renderizam uma imagem ou um código escaneável na etiqueta impressa. Para verificação na retirada hoje, use o campo Código de segurança, que imprime o código único de 4 caracteres que pais e voluntários conferem no checkout.

Usando o designer de etiquetas

O designer é uma tela visual de arrastar e soltar que representa a etiqueta física em escala.

Adicionando um elemento

Arraste um campo do painel Elementos à esquerda para a tela. Solte onde desejar e arraste para ajustar a posição.

Estilizando um elemento

Selecione um elemento na tela para abrir suas propriedades no painel à direita. Para elementos de texto e campo você pode ajustar:

• Tamanho da fonte — Controla o tamanho do texto
• Cor — Cor do texto
• Negrito e Itálico — Alterna peso e estilo da fonte
• Alinhamento do texto — Esquerda, centro ou direita
• Maiúsculas — Força o texto a aparecer em caixa alta

Para um elemento Texto personalizado, você também pode editar o conteúdo do texto diretamente no painel de propriedades.

Nota: Alguns modelos de início rápido incluem cores de fundo, bordas e cantos arredondados definidos quando o modelo foi criado. Eles fazem parte do design salvo, mas o painel de propriedades do designer ainda não expõe controles para alterar esses elementos.

Posição e tamanho

O painel de propriedades também mostra campos numéricos de posição X/Y e largura/altura para o elemento selecionado. Você pode mover um elemento selecionado com as setas do teclado (segure Shift para passos maiores) e desfazer ou refazer alterações com Ctrl+Z / Ctrl+Y.

Grade e encaixe

Use as caixas de seleção Grade e Encaixe na barra de ferramentas no topo do designer para mostrar a grade de alinhamento e encaixar elementos nela. O espaçamento da grade é de 5 unidades.

Salvando

Digite um nome para o modelo no campo de nome no topo do designer e clique em Salvar modelo.

Presets de tamanho de etiqueta

Os seguintes tamanhos de etiqueta estão disponíveis no seletor Tamanho da etiqueta:

Gerenciando modelos

Cada card de modelo na aba Designer de etiquetas tem um botão Editar design e um menu de três pontos (⋮) com as seguintes ações.

Definir como padrão

Abra o menu de três pontos e selecione Definir como padrão. Este modelo será usado automaticamente ao imprimir etiquetas daquele tipo (infantil, pais etc.). Apenas um padrão por tipo é permitido, então definir um novo padrão remove o anterior.

Duplicar um modelo

Abra o menu de três pontos e selecione Duplicar. Uma cópia do modelo é criada com "(Cópia)" anexado ao nome. Edite a cópia sem afetar o original.

Pré-visualizar um modelo

Selecione Pré-visualizar no menu de três pontos. Uma página de pré-visualização abre em uma nova aba com dados de exemplo preenchidos (por exemplo, "Sarah Johnson", idade 7, turma "Jardim", alergias "Amendoim, Castanhas"). Isso permite ver como a etiqueta ficará — e fazer uma impressão de teste — sem realizar um check-in real.

Excluir um modelo

Apenas modelos que não são do sistema podem ser excluídos. Modelos do sistema (gerados por "Criar modelos padrão") são protegidos, então a opção Excluir não aparece no menu deles. Para outros modelos, selecione Excluir no menu de três pontos e confirme.

Dica: Se quiser alterar a aparência de um modelo do sistema, duplique-o primeiro, personalize a cópia e defina sua cópia como o novo padrão.