Personalizar as telas do cliente do Shopify POS

É possível personalizar as telas do cliente do Shopify POS com o editor de POS no admin da Shopify. As telas são exibidas aos clientes no Shopify POS Terminal ou em um tablet voltado ao cliente.

As telas do cliente incluem as seguintes:

  • A tela de espera, que é exibida aos clientes quando não há nenhuma transação ativa em andamento.
  • As telas de checkout, que são exibidas aos clientes durante o processo de checkout e incluem as telas de informações do carrinho, opções de recibo e de agradecimento.

As personalizações feitas nas telas do cliente do POS se aplicam a todos os dispositivos em todos os locais.

Personalizar a tela de espera do POS

É possível personalizar a tela de espera do POS com uma imagem ou texto em primeiro plano, fundo e opções de pagamento no admin da Shopify.

Adicionar imagem ou texto em primeiro plano à tela de espera do POS

É possível personalizar a tela de espera do POS com o branding da loja no admin da Shopify, além de adicionar uma imagem em primeiro plano ou um texto personalizável. As imagens em primeiro plano precisam ser um arquivo SVG, PNG ou WEBP e ter no mínimo 512 pixels. Os primeiros planos com base em texto exibem até 250 caracteres, e não é possível redimensionar o texto nem selecionar uma fonte diferente.

Passos:

Imagem
  1. No admin da Shopify, acesse Canais de vendas > POS.

  2. Na seção Personalizar a experiência na loja, clique em Editar em Tela do cliente.

  3. Na seção Visualizações, selecione Tela de espera.

  4. Na seção Primeiro plano, selecione Imagem e siga uma destas ações:

    • Para adicionar uma imagem em primeiro plano, clique em Selecionar imagem para escolher um arquivo e, em seguida, em Concluído.
    • Para alterar uma imagem em primeiro plano, clique em Alterar > Selecionar imagem. Escolha um novo arquivo de imagem e, em seguida, clique em Concluído.
    • Para remover uma imagem em primeiro plano, clique em Alterar > Remover.
  5. Opcional: para visualizar a tela de espera personalizada em tipos diferentes de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) a ser usado.

  6. Clique em Salvar para salvar a imagem em primeiro plano na tela de espera.

Texto
  1. No admin da Shopify, acesse Canais de vendas > POS.

  2. Na seção Personalizar a experiência na loja, clique em Editar em Tela do cliente.

  3. Na seção Visualizações, selecione Tela de espera.

  4. Na seção Primeiro plano, selecione Texto.

  5. No campo Texto, adicione o texto que deseja exibir.

  6. No menu Cor, clique no seletor de cores e ajuste a cor selecionada ou adicione um código hexadecimal para selecionar uma nova cor do texto.

  7. Opcional: para visualizar a tela de espera personalizada em tipos diferentes de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) a ser usado.

  8. Clique em Salvar para salvar o texto em 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 fundo da tela de espera no POS. As imagens de fundo precisam ser PNG ou JPEG e ter 1080 x 1920 pixels.

Passos:

Imagem
  1. No admin da Shopify, acesse Canais de vendas > POS.

  2. Na seção Personalizar a experiência na loja, clique em Editar em Tela do cliente.

  3. Na seção Visualizações, selecione Tela de espera.

  4. Na seção Fundo, clique em Imagem.

  5. Para gerenciar a imagem de fundo, siga uma destas ações:

    • Para adicionar uma imagem de fundo, clique em Imagem > Selecionar imagem e escolha um arquivo. Clique em Concluído.
    • Para alterar uma imagem de fundo, clique em Alterar > Selecionar imagem. Escolha um novo arquivo de imagem e, em seguida, clique em Concluído.
    • Para remover uma imagem de fundo, clique em Alterar > Remover.
  6. Ajuste a configuração Opacidade da sobreposição para alterar o escurecimento do fundo na tela de espera.

  7. Opcional: para visualizar a tela de espera personalizada em tipos diferentes de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) a ser usado.

  8. Clique em Salvar para salvar a imagem de fundo na tela de espera.

Cor
  1. No admin da Shopify, acesse Canais de vendas > POS.

  2. Na seção Personalizar a experiência na loja, clique em Editar em Tela do cliente.

  3. Na seção Visualizações, selecione Tela de espera.

  4. Na seção Fundo, siga estes passos:

    1. Clique em Cor.
    2. Clique no menu de cor e use o seletor de cores ou adicione um código HEX para selecionar uma nova cor.
  5. Opcional: para visualizar a tela de espera personalizada em tipos diferentes de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) a ser usado.

  6. 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 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 POS por meio de leitores de cartão.

Passos:

  1. No admin da Shopify, acesse Canais de vendas > POS.

  2. Na seção Personalizar a experiência na loja, clique em Editar em Tela do cliente.

  3. Na seção Visualizações, selecione Tela de espera.

  4. Ative a configuração Mostrar marcas de cartão.

  5. Opcional: para visualizar a tela de espera personalizada em tipos diferentes de dispositivos, clique no menu Opções de visualização e selecione o tipo de dispositivo (tablet ou POS Terminal) a ser usado.

  6. 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 são formadas pelas seguintes:

  • Resumo do carrinho, exibida ao cliente quando o carrinho é criado e os itens são adicionados.
  • Comprovantes, exibida aos clientes depois que o pagamento é aceito e onde é possível escolher a opção de comprovante de sua preferência.
  • Agradecimento, exibida aos clientes depois de selecionar uma opção de comprovante e concluir a transação.

É possível personalizar os elementos de design e o tema de cor para cada uma dessas telas.

Observação importante: se o erro "Falha ao salvar -- Tente novamente" for exibido para os lojistas ao tentar alterar a cor da tela de Checkout, isso se deve a uma configuração incompleta do Shopify Payments. O problema é resolvido ao concluir a configuração do Shopify Payments.

Exibir imagens do produto na tela de checkout do carrinho

É possível optar por exibir ou ocultar as 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.

Passos:

  1. No admin da Shopify, acesse Canais de vendas > POS.

  2. Na seção Personalizar a experiência na loja, clique em Editar em Tela do cliente.

  3. Na seção Visualizações, selecione Checkout > Resumo do carrinho.

  4. Ative ou desative a configuração Mostrar imagens de produtos.

  5. Opcional: para ver uma prévia da tela personalizada do carrinho em diferentes tipos de dispositivo, clique no menu Opções de prévia e selecione o tipo de dispositivo (tablet ou POS Terminal) que deseja usar.

  6. 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 uma mensagem "Obrigado!" no final da transação presencial. É possível personalizar a mensagem exibida aos clientes usando o editor do POS no admin da Shopify.

Passos:

  1. No admin da Shopify, acesse Canais de vendas > POS.

  2. Na seção Personalizar a experiência na loja, clique em Editar em Tela do cliente.

  3. Na seção Visualizações, selecione Checkout > Agradecimento.

  4. No campo Mensagem, adicione uma mensagem personalizada.

  5. Opcional: para ver uma prévia da tela personalizada de agradecimento em diferentes tipos de dispositivo, clique no menu Opções de prévia e selecione o tipo de dispositivo (tablet ou POS Terminal) que deseja usar.

  6. 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 principal, usada como a cor de fundo primária, e uma cor de destaque, usada para botões e realces nas telas de gorjeta e seleção de comprovante. O tema de cor se aplica a todas as telas de checkout (Resumo do carrinho, Comprovantes e Agradecimento).

Passos:

  1. No admin da Shopify, acesse Canais de vendas > POS.

  2. Na seção Personalizar a experiência na loja, clique em Editar em Tela do cliente.

  3. Na seção Visualizações, selecione Checkout.

  4. Ao lado de Cor de fundo, clique no menu de cor e use o seletor de cores ou adicione um código HEX para selecionar uma nova cor.

  5. Opcional: para ver uma prévia das telas personalizadas de checkout em diferentes tipos de dispositivo, clique no menu Opções de prévia e selecione o tipo de dispositivo (tablet ou POS Terminal) que deseja usar.

  6. Clique em Salvar para salvar as alterações nas telas de checkout.