Uso do editor de checkout e de contas

O editor de checkout e de contas é uma ferramenta que permite personalizar e editar a funcionalidade e a aparência do checkout, da página de status do pedido, da página de agradecimento e das páginas de contas de clientes em um só lugar, que é separado do editor de temas.

É possível acessar o editor do checkout e das contas em Configurações > Checkout no admin da Shopify. Na seção Configurações, clique em Editar na configuração de checkout que deseja personalizar para abrir o editor do checkout e de contas. Vale lembrar que você pode personalizar configurações do checkout ativas e de rascunho.

Navegar na barra lateral do editor de checkout e de contas

O editor de checkout e de contas tem as seguintes barras laterais:

  • Na barra lateral Ícone de seções Seções, é possível personalizar a funcionalidade do checkout, da página de status do pedido, da página de agradecimento e das páginas de contas de clientes.
  • Na barra lateral Ícone de configurações Configurações, é possível personalizar a aparência do checkout, da página de status do pedido, da página de agradecimento e das páginas de contas de clientes.
  • Na barra lateral Ícone de apps Apps, é possível adicionar e pesquisar apps para personalizar a funcionalidade do checkout, da página de status do pedido, da página de agradecimento e das páginas de contas de clientes.

Para acessar as barras laterais do editor de checkout e contas, clique no ícone apropriado na barra de menu:

Ícones de navegação na barra de menu do editor de checkout e contas. Ícones da esquerda para a direita: seções, configurações e apps.

Visualização e personalização das páginas de checkout e de contas para mercados

Se você criou pelo menos um mercado, pode adaptar as páginas de checkout e de contas para os diferentes mercados. Adaptar as páginas de checkout e de contas para mercados específicos ajuda a criar uma experiência melhor para os clientes desses mercados.

Barra de ferramentas superior com os dois menus principais: Markets e Páginas. O mercado dos Estados Unidos está destacado.

Saiba mais sobre como adaptar as páginas de checkout e de contas para mercados específicos.

Páginas de checkout e de contas

Acesse e visualize todas as páginas da configuração de checkout no seletor de páginas na barra superior do editor de checkout e de contas.

Barra de ferramentas superior com os dois menus principais: Markets e Páginas. A página de checkout está destacada.

Acesse e personalize as seguintes páginas de checkout, dependendo do layout do checkout:

  • Checkout (disponível apenas para checkouts de uma página), que inclui as informações de contato, de entrega e de frete, bem como de pagamento durante o checkout.
  • Informações (disponível apenas para checkouts de três páginas), que inclui as informações de contato, as formas de entrega e as informações do endereço de entrega.
  • Frete (disponível apenas para checkouts de três páginas), que inclui as formas de frete disponíveis para o pedido.
  • Pagamento (disponível apenas para checkouts de três páginas), que inclui as informações de pagamento e as informações do endereço de faturamento.
  • Análise: a página da etapa opcional de análise do pedido antes de o cliente concluir o checkout. Essa opção é exibida apenas quando a configuração Exigir uma etapa de confirmação está ativa.
  • Agradecimento: a página de pós-venda exibida para os clientes depois que eles concluem o checkout. A página de agradecimento é exibida apenas uma vez. Depois disso, o cliente pode usar a página de status do pedido para conferir o andamento do pedido.

Acesse e personalize as seguintes páginas de contas de clientes:

  • Status do pedido: exibe informações sobre o pedido do cliente. Os clientes podem visitar essa página várias vezes. Saiba mais sobre a página de status do pedido.
  • Pedidos: exibe uma lista do histórico de pedidos de uma conta de cliente.
  • Perfil: exibe as informações do perfil de uma conta de cliente, como nome, informações de contato e endereços de entrega.
  • Login, que exibe a página de login para o cliente acessar a conta.

Também é possível abrir o editor de temas clicando em Tema da loja virtual.

Visualização do Shop Pay

Se o Shop Pay estiver ativado no admin da Shopify, será possível visualizar como o checkout acelerado do Shop Pay é exibido para os clientes. Para visualizar o Shop Pay, clique no ícone de checkout no canto superior direito do editor de checkout e de contas e, depois, selecione Visualizar o Shop Pay.

Visualizar o Shop Pay no editor de checkout e contas

Para voltar a visualizar o checkout, clique no ícone do Shop Pay no canto superior direito do editor de checkout e de contas e selecione Editar checkout.

Desfazer e refazer ações

Use os botões desfazer e refazer para desfazer ou refazer personalizações não salvas. Depois de salvar as alterações, não é mais possível refazer ou desfazer.

Se não houver personalizações não salvas para refazer, desfazer ou ambas, o botão correspondente ficará esmaecido.

Botões de desfazer e refazer no editor de checkout e contas

Visualizar as páginas de checkout, status do pedido, agradecimento e contas de clientes

É possível ver uma prévia de como as personalizações são exibidas nas páginas de checkout, status do pedido, agradecimento e contas de clientes usando o menu do seletor de páginas. Clique no seletor de páginas e escolha uma das opções disponíveis: Checkout, Agradecimento, Status do pedido, Pedidos, Perfil e Login.

Menu do seletor de página no editor de checkout e contas

Também é possível clicar em Tema da loja virtual para abrir o editor de temas e personalizar o tema publicado.

Visualizar as páginas de checkout, status do pedido, agradecimento e contas de clientes no celular

É possível visualizar como as páginas de checkout, status do pedido, agradecimento e contas de clientes são exibidas na tela de um celular. Para isso, clique no botão celular na barra de menu. Clique novamente no botão do dispositivo móvel para voltar à visualização no desktop.

Visualizar as páginas de checkout e contas na tela de um dispositivo móvel

Inspetor de visualização

O inspetor de visualização permite navegar para seções e blocos diretamente da janela de visualização e encontrar as configurações correspondentes de forma mais rápida e intuitiva. Com o inspetor de visualização, é possível reordenar, ocultar ou duplicar seções e blocos diretamente na janela de visualização.

O inspetor de visualização está disponível para todas as configurações de checkout e é ativado por padrão. Clique no botão Inspetor de visualização para ativar ou desativar o inspetor de visualização durante a sessão de edição.

Uso de ações adicionais

Clique no nome da configuração para abrir um menu suspenso que permite realizar as seguintes ações:

  • Use visualizar Visualizar para pré-visualizar como as páginas de checkout, status do pedido, agradecimento e contas de cliente são exibidas para os clientes.
  • Use Renomear Renomear para renomear a configuração de checkout e contas.
  • Use documentação Ver documentação para abrir a documentação sobre a personalização e edição das páginas de checkout e contas.
  • Use dúvida Obter atendimento para receber atendimento da Central de Ajuda da Shopify.
Visualizar as páginas de checkout e contas, acessar o editor de temas, exibir a documentação, renomear o checkout e obter suporte

Uso de atalhos do teclado no editor de checkout e contas

Use os seguintes atalhos de teclado para navegar mais rápido pelo editor de checkout e contas:

Lista de atalhos de teclado compatíveis para dispositivos Windows e macOS.
AçãoAtalho no WindowsAtalho no macOS
DesfazerCTRL + Z + Z
RefazerCTRL + Y + + Z
SalvarCTRL + S + S
Inspetor de visualizaçãoCTRL + SHIFT + | + + |