Documentação [TOTEM - Configuração]
Guia simples para personalizar a aparência do totem Credsystem PIX.
Nesta tela você personaliza o totem de autoatendimento Credsystem PIX: imagem ou cor de fundo, indicador pulsante e tempo de retorno por inatividade. As alterações são salvas no servidor e passam a valer nos totens depois de recarregar a página.
----------------------------------------------------------------------------------------------------------------------------------
1. Acessar a configuração
Abra a tela Configuração Credsystem no portal.
v1/credsystem-pix/configuracaoA tela está organizada em três blocos (acordeões). Abra um de cada vez para configurar:
- Configurações gerais — retorno automático por inatividade.
- Tela Principal — fundo, cor e pulsar da tela de atração (primeira tela do totem).
- Telas Internas — fundo e cor das etapas de CPF, pagamento e sucesso.
Use o botão Voltar no canto superior para sair da tela.
----------------------------------------------------------------------------------------------------------------------------------
2. Configurações gerais
Neste bloco fica o controle de quanto tempo o totem espera sem interação antes de voltar sozinho para a tela inicial.
Retorno por inatividade
Define por quanto tempo o totem aguarda sem toque ou tecla nas telas internas (CPF, pagamento e sucesso) antes de voltar automaticamente para a tela inicial.
Passo a passo
- Abra Configurações gerais e depois Retorno por inatividade.
- Informe o tempo em Segundos.
- Clique em Salvar tempo.
O que cada campo significa
| Segundos |
Tempo sem atividade antes de voltar à tela inicial. Aceita de 1 a 3600 segundos. Padrão: 30 segundos. |
|---|
----------------------------------------------------------------------------------------------------------------------------------
3. Tela Principal
Personaliza a tela de atração do totem — a primeira tela, com o convite para pagar a fatura via PIX.
Imagem de fundo da tela inicial
Envie a imagem da tela de atração. Sem arquivo, permanece o layout padrão. Com imagem, ela substitui o fundo e os textos iniciais.
Passo a passo
- Abra Tela Principal e depois Imagem de fundo da tela inicial.
- Clique em Escolher imagem e selecione o arquivo.
- Confira a pré-visualização.
- Clique em Enviar para aplicar no totem.
- Para voltar ao padrão, clique em Remover imagem.
O que cada campo significa
| Arquivo de imagem |
JPG, PNG, WEBP ou GIF — até 8 MB. Tamanho recomendado: 970 px (largura) × 1705 px (altura). |
|---|---|
| Pré-visualização |
Mostra como a imagem ficará na proporção do totem. |
| Enviar |
Grava a imagem selecionada no servidor. |
| Remover imagem |
Remove o arquivo e volta ao layout padrão (cor de fundo ou tema original). |
Cor de fundo da tela inicial
Escolha a cor de fundo quando não há imagem configurada. Se existir imagem de fundo, a cor fica indisponível — remova a imagem antes de alterar a cor.
Passo a passo
- Abra Tela Principal e depois Cor de fundo da tela inicial.
- Escolha uma paleta pronta (Credsystem, Azul escuro, Verde, Vinho, Grafite) ou uma cor personalizada.
- Confira a pré-visualização.
- Clique em Salvar cor.
O que cada campo significa
| Paleta |
Cores prontas alinhadas à marca ou ao ambiente da loja. |
|---|---|
| Cor personalizada |
Permite escolher qualquer cor em hexadecimal. |
| Salvar cor |
Grava a cor no servidor. Os totens aplicam após recarregar a página. |
Pulsar
Controla o indicador pulsante na tela inicial: se aparece, qual texto fica abaixo dele e em que posição da grade 3×3.
Passo a passo
- Abra Tela Principal e depois Pulsar.
- Ligue ou desligue Exibir pulsar.
- Se estiver ligado, preencha a Mensagem e escolha a Posição na tela na grade 3×3.
- Confira a pré-visualização (referência aproximada).
- Clique em Salvar pulsar.
O que cada campo significa
| Exibir pulsar |
Liga ou oculta o indicador pulsante na tela inicial. |
|---|---|
| Mensagem |
Texto exibido abaixo do pulsar. Até 60 caracteres. Padrão: |
| Posição na tela |
Grade 3×3 (superior, centro ou inferior × esquerda, centro ou direita). Padrão: Inferior centro. |
| Pré-visualização |
Referência aproximada — pode não refletir 100% como aparecerá no totem. |
----------------------------------------------------------------------------------------------------------------------------------
4. Telas Internas
Personaliza o fundo das etapas depois da tela inicial: digitação de CPF, escolha de valor, PIX e sucesso.
Imagem de fundo das telas internas
Envie a imagem de fundo das etapas internas. Sem arquivo, permanece o layout padrão.
Passo a passo
- Abra Telas Internas e depois Imagem de fundo das telas internas.
- Clique em Escolher imagem e selecione o arquivo.
- Confira a pré-visualização.
- Clique em Enviar.
- Para voltar ao padrão, clique em Remover imagem.
O que cada campo significa
| Arquivo de imagem |
JPG, PNG, WEBP ou GIF — até 8 MB. Tamanho recomendado: 970 px (largura) × 1705 px (altura). |
|---|---|
| Enviar |
Grava a imagem no servidor. |
| Remover imagem |
Remove o arquivo e volta ao fundo padrão das telas internas. |
Cor de fundo das telas internas
Escolha a cor de fundo quando não há imagem nas telas internas. Com imagem configurada, a cor fica bloqueada até a imagem ser removida.
Passo a passo
- Abra Telas Internas e depois Cor de fundo das telas internas.
- Escolha uma paleta ou cor personalizada.
- Confira a pré-visualização.
- Clique em Salvar cor.
O que cada campo significa
| Paleta / Cor personalizada |
Mesmo funcionamento da cor da tela inicial, aplicado às etapas internas. |
|---|---|
| Salvar cor |
Grava a cor no servidor. Aplicada nos totens após recarregar a página. |
----------------------------------------------------------------------------------------------------------------------------------
5. Após salvar
Toda alteração salva no servidor só aparece no totem depois de recarregar a página do totem. Se a sincronização falhar, a tela avisa e a mudança pode ficar só neste navegador até o servidor responder.
| Imagem e cor | Não usam ao mesmo tempo: com imagem, a cor fica indisponível; sem imagem, a cor vale. |
|---|---|
| Pulsar | Só existe na Tela Principal (atração). Nas telas internas não há pulsar. |
| Inatividade | Vale apenas nas telas internas. A tela inicial (atração) não volta por tempo — ela já é o destino do retorno. |
| Formato da imagem | JPG, PNG, WEBP ou GIF, máximo 8 MB. Preferir 970 × 1705 px. |
Credsystem PIX × ILLI · Guia de configuração do totem