Usar o editor de checkout e contas
Com o editor de checkout e contas, é possível personalizar e editar o funcionamento e a aparência das páginas de checkout, status do pedido, agradecimento e contas de cliente em um lugar exclusivo e separado do editor de temas.
Acesse o editor de checkout e contas na seção Configurações > Checkout do admin da Shopify. Na seção Configurações, clique em Personalizar na configuração de checkout que você quer customizar para abrir a ferramenta. Depois, é só deixar as configurações ativas e de rascunho do checkout com a cara da sua marca.
Nesta página
- Barra lateral do editor de checkout e contas
- Pré-visualizar o Shop Pay
- Desfazer e refazer ações
- Pré-visualizar as páginas de checkout, status do pedido, agradecimento e contas de clientes
- Pré-visualizar as páginas de checkout, status do pedido, agradecimento e contas de clientes em diferentes tipos de tela
- Usar ações adicionais
- Usar atalhos de teclado no editor de checkout e contas
Barra lateral do editor de checkout e contas
Estas são as barras laterais do editor de checkout e contas:
- A barra lateral Seções permite que você personalize a funcionalidade das páginas de checkout, status do pedido, agradecimento e contas de clientes.
- A barra lateral Configurações permite que você personalize a aparência das páginas de checkout, status do pedido, agradecimento e contas de clientes.
Acessar a barra lateral "Seções"
Para acessar a barra lateral Seções do editor de checkout e contas, clique no ícone da seção na barra lateral esquerda:
![Seção](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-sections-63d1cfb18548d52b154d822bb6b0e18cd50674601d1de43efc906f9daad4a8cc.png)
Acessar a barra lateral Configurações
Para acessar a barra lateral Configurações do editor de checkout e contas, clique no ícone de engrenagem na barra lateral esquerda:
![Seção](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-settings-a232325fd3e95857f90b5149bdff33ccc49ceff9de73985878ba89b3b26d2ace.png)
Pré-visualizar o Shop Pay
Se você tiver o Shop Pay no admin da Shopify, será possível ver como o checkout acelerado do Shop Pay é exibido aos clientes. Para pré-visualizar o Shop Pay, clique no ícone de checkout no canto superior direito do editor de checkout e contas e, em seguida, selecione Pré-visualizar o Shop Pay.
![Pré-visualizar o Shop Pay no editor de checkout e contas](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-shop-pay-c8be21585c0f60a0ab7a2127008f311578f9f192e151e248108c6958c6f50413.png)
Para voltar à pré-visualização do checkout, clique no ícone do Shop Pay no canto superior direito do editor de checkout e contas e, em seguida, selecione Editar checkout.
Desfazer e refazer ações
Para desfazer ou refazer as alterações realizadas no editor de checkout e contas, clique no ícone em questão, localizado no canto superior direito.
![Botões](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-undo-redo-c21170cb30b8fedffb716d35d11f92535826567c1deadb00b17569fcc86e4574.png)
Pré-visualizar as páginas de checkout, status do pedido, agradecimento e contas de clientes
Use o menu do seletor de páginas para ver como as personalizações são exibidas nas páginas de checkout, status do pedido, agradecimento e contas de clientes. Clique no seletor de páginas e escolha entre as opções disponíveis: Checkout, Agradecimento, Status do pedido, Pedidos e Perfil.
![Menu do seletor de páginas no editor de checkout e contas](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-page-selector-82e79efd7416cc1833e0de4a85e982e50b316e2f7b70471300e5fe8ad9bb809f.png)
Você também tem a opção de clicar em Tema da loja virtual para abrir o editor de temas e personalizar o tema publicado.
Pré-visualizar as páginas de checkout, status do pedido, agradecimento e contas de clientes em diferentes tipos de tela
Para pré-visualizar a aparência das páginas de checkout, status do pedido, agradecimento e contas de cliente em diferentes tipos de tela, como desktop, dispositivos móveis ou tela cheia, clique no ícone de tela em questão para alternar entre as visualizações. Essa pré-visualização inclui as páginas de pedidos, status do pedido e informações da conta.
![Pré-visualize as páginas de checkout e contas em diferentes tipos de tela](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-screen-preview-b8adcd91ab9fa2e37e7a4ddf59b8e5a6aa165f2ec3586231ed5a664b3f4b3ec9.png)
Usar ações adicionais
Clique no ícone ⋯
para abrir um menu suspenso e:
- ver como as páginas de checkout, status do pedido, agradecimento e contas de clientes são exibidas aos clientes
- renomear a configuração de checkout e contas;
- ver a documentação de ajuda;
- receber atendimento.
![Pré-visualize as páginas de checkout e contas, acesse o editor de temas, veja a documentação, renomeie o checkout e receba atendimento](https://cdn.shopify.com/shopifycloud/help/assets/manual/checkout/checkout-editor-preview-a6a92b83f73b36e6042106c8805ff653a6da914338c59bb13ee6345614d1fcfc.png)
Usar atalhos de teclado no editor de checkout e contas
Existem alguns atalhos de teclado para navegar mais rápido no editor de checkout e contas:
Ação | Atalho no Windows | Atalho no macOS |
---|---|---|
Desfazer | Aperte as teclas Ctrl e Z . |
Aperte as teclas command e Z . |
Refazer | Aperte as teclas Ctrl e Y . |
Aperte as teclas command e Y . |
Salvar | Aperte as teclas Ctrl e S . |
Aperte as teclas command e S . |