Personalizar as telas do cliente do Shopify POS
Você pode personalizar as telas do cliente do Shopify POS usando o editor do POS no admin da Shopify. As telas do cliente são exibidas para os clientes no Shopify POS Terminal ou em um tablet voltado para o cliente.
As telas do cliente incluem as seguintes telas:
- A tela de espera, exibida aos clientes quando não há transação ativa em andamento.
- As telas de checkout, exibidas para os clientes durante o processo de checkout e que incluem os detalhes do carrinho, opções de recibo e telas de agradecimento.
As personalizações feitas nas telas do cliente do POS se aplicam a todos os dispositivos de POS em todos os locais.
Personalizar a tela de espera do POS
Você pode personalizar a tela de espera do POS com imagem ou texto de primeiro plano, plano de fundo e opções de pagamento no admin da Shopify.
Adicionar imagem ou texto de primeiro plano à tela de espera do POS
Você pode personalizar a tela de espera do POS com o branding da loja no admin da Shopify, adicionando uma imagem de primeiro plano ou texto personalizável. As imagens de primeiro plano precisam ser um arquivo SVG, PNG ou WEBP e ter no mínimo 512 pixels. Primeiros planos com texto exibem até 250 caracteres, e não é possível redimensionar o texto nem selecionar uma fonte diferente.
Etapas:
Imagem
No admin da Shopify, acesse Ponto de venda > Configurações.
Na seção Personalização, clique em Visor do cliente para abrir o editor do POS.
Na seção Visualizações, selecione Tela de espera.
Na seção Primeiro plano, selecione Imagem e realize uma das seguintes ações:
- Para adicionar uma imagem de primeiro plano, clique em Selecionar imagem para escolher um arquivo de imagem e depois em Pronto.
- Para alterar uma imagem de primeiro plano existente, clique em Alterar > Selecionar imagem. Escolha um novo arquivo de imagem e clique em Pronto.
- Para remover uma imagem de primeiro plano, clique em Alterar > Remover.
Opcional: para visualizar a tela de espera personalizada em diferentes tipos de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) que deseja usar.
Clique em Salvar para salvar a imagem de primeiro plano na tela de espera.
Texto
No admin da Shopify, acesse Ponto de venda > Configurações.
Na seção Personalização, clique em Visor do cliente para abrir o editor do POS.
Na seção Visualizações, selecione Tela de espera.
Na seção Primeiro plano, selecione Texto.
No campo Texto, adicione o texto que você quer exibir.
No menu Cor, clique no seletor de cores e ajuste a cor selecionada ou adicione um código HEX para selecionar uma nova cor do texto.
Opcional: para visualizar a tela de espera personalizada em diferentes tipos de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) que deseja usar.
Clique em Salvar para salvar o texto de primeiro plano na tela de espera.
Adicionar um fundo à tela de espera do POS
É possível adicionar uma imagem ou selecionar uma cor sólida para usar como plano de fundo da tela de espera no POS. As imagens de fundo precisam ser PNG ou JPEG e ter o tamanho de 1.080 x 1.920 pixels.
Etapas:
Imagem
No admin da Shopify, acesse Ponto de venda > Configurações.
Na seção Personalização, clique em Visor do cliente para abrir o editor do POS.
Na seção Visualizações, selecione Tela de espera.
Na seção Fundo, clique em Imagem.
Para gerenciar a imagem de fundo, execute uma das seguintes ações:
- Para adicionar uma imagem de fundo, clique em Imagem > Selecionar imagem e escolha um arquivo de imagem. Clique em Concluído.
- Para alterar uma imagem de fundo existente, clique em Alterar > Selecionar imagem. Escolha um novo arquivo de imagem e clique em Concluído.
- Para remover uma imagem de fundo, clique em Alterar > Remover.
Ajuste a configuração Opacidade da sobreposição para alterar o escurecimento do fundo na tela de espera.
Opcional: para visualizar a tela de espera personalizada em diferentes tipos de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) que deseja usar.
Clique em Salvar para salvar a imagem de fundo na tela de espera.
Cor
No admin da Shopify, acesse Ponto de venda > Configurações.
Na seção Personalização, clique em Visor do cliente para abrir o editor do POS.
Na seção Visualizações, selecione Tela de espera.
Na seção Fundo, execute as seguintes etapas:
- Clique em Cor.
- Clique no menu de cores e use o seletor de cores ou adicione um código HEX para selecionar uma nova cor.
Opcional: para visualizar a tela de espera personalizada em diferentes tipos de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) que deseja usar.
Clique em Salvar para salvar a cor de fundo na tela de espera.
Adicionar opções de pagamento à tela de espera do POS
Para exibir as opções de pagamento na tela de espera do POS, é preciso usar o Shopify Payments. Todos os cartões de crédito são aceitos no app do POS com o uso de leitores de cartão.
Etapas:
No admin da Shopify, acesse Ponto de venda > Configurações.
Na seção Personalização, clique em Visor do cliente para abrir o editor do POS.
Na seção Visualizações, selecione Tela de espera.
Ative a configuração Mostrar bandeiras de cartão.
Opcional: para visualizar a tela de espera personalizada em diferentes tipos de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) que deseja usar.
Clique em Salvar para salvar os ícones de pagamento na tela de espera.
Personalizar as telas de checkout do POS
As telas de checkout do POS consistem nas seguintes telas:
- Resumo do carrinho, exibido para o cliente conforme o carrinho é criado e itens são adicionados.
- Comprovantes, exibidos para o cliente depois que o pagamento é aceito e permitem escolher a opção de recibo preferida.
- Agradecimento: exibida ao cliente depois de ele selecionar uma opção de comprovante e concluir a transação.
Você pode personalizar os elementos de design e o tema de cores para cada uma dessas telas.
Observação importante: se o lojista vir o erro “Falha ao salvar — Tente novamente” ao tentar alterar a cor da tela de checkout, isso se deve à configuração incompleta do Shopify Payments. Para resolver o problema, conclua a configuração do Shopify Payments.
Exibir imagens do produto na tela de checkout do carrinho
Você pode optar por exibir ou ocultar imagens do produto na tela de checkout do carrinho usando o editor da tela do cliente. Por padrão, as imagens do produto são exibidas, mas é possível desativar a configuração a qualquer momento.
Etapas:
No admin da Shopify, acesse Ponto de venda > Configurações.
Na seção Personalização, clique em Visor do cliente para abrir o editor do POS.
Na seção Visualizações, selecione Checkout > Resumo do carrinho.
Ative ou desative a configuração Mostrar imagens do produto.
Opcional: para pré-visualizar a tela do carrinho personalizada em diferentes tipos de dispositivo, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) que você quer usar.
Clique em Salvar para salvar as alterações na tela do carrinho.
Personalizar a mensagem na tela de checkout de agradecimento
Por padrão, a tela de agradecimento do POS exibe a mensagem "Obrigado!" ao final da transação presencial. Você pode personalizar a mensagem exibida aos clientes usando o editor do POS no admin da Shopify.
Etapas:
No admin da Shopify, acesse Ponto de venda > Configurações.
Na seção Personalização, clique em Visor do cliente para abrir o editor do POS.
Na seção Visualizações, selecione Checkout > Agradecimento.
No campo Mensagem, adicione uma mensagem personalizada.
Opcional: para pré-visualizar a tela de agradecimento personalizada em diferentes tipos de dispositivo, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) que você quer usar.
Clique em Salvar para salvar as alterações na tela de agradecimento.
Ajustar o esquema de cores em todas as telas de checkout do POS
Você pode selecionar uma cor primária, usada como a cor principal do plano de fundo, e uma cor de destaque, usada para botões e realces nas telas de gorjeta e seleção de recibo. O tema de cores se aplica a todas as telas de checkout (Resumo do carrinho, Comprovantes e Agradecimento).
Etapas:
No admin da Shopify, acesse Ponto de venda > Configurações.
Na seção Personalização, clique em Visor do cliente para abrir o editor do POS.
Na seção Visualizações, selecione Checkout.
Ao lado de Cor do plano de fundo, clique no menu de cores e use o seletor de cores ou adicione um código HEX para selecionar uma nova cor.
Opcional: para visualizar as telas de checkout personalizadas em diferentes tipos de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) que deseja usar.
Clique em Salvar para salvar as alterações nas telas de checkout.