Personalizar o checkout e as contas de cliente com apps

Quer personalizar o checkout e as contas de cliente? Com blocos de apps, você muda a cara da loja, incluindo as configurações de finalização da compra, as páginas de agradecimento e status de pedido, e até mesmo as páginas de pedidos e perfil dos clientes. Desenvolvedores e Parceiros da Shopify criam apps e os publicam na Shopify App Store. Portanto, é possível instalar um app pronto que funcione com o checkout ou as contas de cliente, criar um personalizado com o desenvolvedor ou contratar um Parceiro da Shopify para ajudar você.

Depois de instalar um app no admin da Shopify, é possível adicioná-lo às páginas compatíveis pelo editor de checkout e contas. Alguns blocos de app só podem ser incluídos em áreas específicas de suas páginas.

Nesta página

Disponibilidade do app

Alguns apps que personalizam o checkout e contas de cliente, incluindo as páginas de agradecimento e status do pedido, estão disponíveis para empresas no plano Basic Shopify ou superior. Os apps que personalizam as páginas de informações, frete e pagamento do checkout, incluindo checkouts de rascunhos de pedido, estão disponíveis apenas no Shopify Plus.

Visão geral da disponibilidade de apps de checkout por plano da Shopify.
Tipo de app	Plano Basic Shopify ou superior	Shopify Plus
Apps criados com extensões de app pixel da Web	✔	✔
Apps criados com extensões de apps pós-compra	✔	✔
Apps públicos criados com Shopify Functions	✔	✔
Apps personalizados criados com o Shopify Functions	✘	✔
Apps desenvolvidos com extensões de IU para as páginas de agradecimento e status do pedido	✔	✔
Apps desenvolvidos com extensões de interface do usuário para todas as páginas de contas de cliente	✔	✔
Apps desenvolvidos com extensões de IU para as páginas de informações, frete e pagamento	✘	✔
Checkout Blocks, um app gratuito para personalizar o checkout com extensões de IU e Shopify Functions.	✔ (Com algumas restrições de recurso)	✔

Instalar um app

Se você quer adicionar recursos extras às páginas de checkout, agradecimento, status do pedido e às contas de clientes, use apps que oferecem essas funcionalidades. Desenvolvedores e Parceiros da Shopify podem criar apps personalizados para você. Mas também é possível instalar apps de terceiros disponíveis na Shopify App Store para personalização de checkout ou contas de cliente.

Etapas:

Acesse a Shopify App Store e pesquise um app para checkout adequado para sua empresa.
Clique em Adicionar app.
Clique em Instalar app.

Depois de instalar o app, adicione-o às páginas pelo editor de checkout e contas.

Usar a barra lateral "Apps" no editor de checkout e contas

Na barra lateral Apps do editor de checkout e contas, você encontra uma visão geral dos blocos de app disponíveis e instalados. Essa parte da tela é dividida em duas abas: em Tudo, ficam os blocos de app que podem ser adicionados às páginas de checkout e contas. Já em Adicionados, é possível conferir os blocos de app que você já incluiu nessas páginas.

Use a barra Pesquisar blocos de app para buscar entre todos os seus blocos e coleções de blocos em todas as páginas.

Aba "Tudo"

Na aba Tudo, você encontra uma lista de blocos disponíveis de seus apps instalados, que podem ser adicionados direto às páginas de checkout e contas.

Todos os blocos disponíveis ficam abaixo dos nomes dos apps de origem. Se um app tem vários tipos de blocos da mesma categoria, estes podem ser exibidos em coleções, como "Pontos de fidelidade" ou "Gerenciamento de lista de desejos". Vale destacar que os blocos agrupados geralmente funcionam juntos, portanto, considere adicionar todos a uma coleção para proporcionar uma experiência completa a seus clientes. É preciso incluir cada bloco de app de uma coleção individualmente para fazer a configuração necessária.

Quando você adiciona um bloco de app a uma página, um ✓ aparece ao lado do nome. Se você incluir o mesmo bloco várias vezes à configuração do checkout, um número aparecerá indicando quantas vezes esse processo ocorreu. Caso o bloco só possa ser colocado uma vez, a opção de inseri-lo desaparecerá depois de usado.

Aba "Adicionados"

Na aba Adicionados, você encontra os blocos de app que já incluiu em pelo menos um local na configuração de checkout e contas. Todos aparecem abaixo dos nomes dos apps de origem e exibem as páginas em que foram inseridos.

Clique no bloco de app para acessar as configurações.

Adicionar blocos de apps instalados

Depois de instalar o app, adicione-o às páginas pelo editor de checkout e contas como um bloco. Alguns apps só podem ser incluídos em áreas específicas da configuração. Há um limite máximo de três apps por área realçada.

É possível adicionar blocos de app existentes direto às seções nas páginas pelas barras laterais Seções ou Apps.

Adicionar blocos de app pela barra lateral

Quer personalizar sua página? Use a barra lateral Seções para adicionar blocos de app que você já instalou. Só aparecerão as opções que podem ser usadas na página ou seção em questão.

Etapas:

Desktop

No admin da Shopify, acesse Configurações > Checkout.
Na seção Configurações, clique em Personalizar ao lado da configuração que você quer personalizar.
No editor de checkout e contas, selecione a página à qual você quer adicionar um app e clique no ícone de seções para acessar a barra lateral Seções.
Clique em ⊕ Adicionar bloco de app na seção em que você quer incluir um app.
Clique no bloco de app que você quer adicionar.
Personalize o bloco de app conforme o necessário:
- Para reorganizar a posição, arraste e solte o bloco de app para cima ou para baixo na lista Seções. Outra opção é usar os botões de mover na janela de pré-visualização.
- Clique no bloco de app para definir as configurações relacionadas.
Clique em Salvar.

iPhone

No app da Shopify, toque no botão … e em Configurações.
Na seção Configurações da loja , toque em Checkout.
Na seção Configurações, toque em Personalizar na configuração de checkout que você quer customizar.
No editor de checkout e contas, selecione a página à qual você quer adicionar um app e toque em Seções.
Toque em ⊕ Adicionar bloco de app na seção em que você quer incluir um app.
Toque no bloco de app que você quer adicionar.
Personalize o bloco de app conforme o necessário:
- Para reorganizar a posição, arraste e solte o bloco de app para cima ou para baixo na lista Seções. Outra opção é usar os botões de mover na janela de pré-visualização.
- Toque no bloco de app para definir as configurações relacionadas.
Toque em Salvar.

Android

No app da Shopify, toque no botão ☰ e em Configurações.
Na seção Configurações da loja , toque em Checkout.
Na seção Configurações, toque em Personalizar na configuração de checkout que você quer customizar.
No editor de checkout e contas, selecione a página à qual você quer adicionar um app e toque em Seções.
Toque em ⊕ Adicionar bloco de app na seção em que você quer incluir um app.
Toque no bloco de app que você quer adicionar.
Personalize o bloco de app conforme o necessário:
- Para reorganizar a posição, arraste e solte o bloco de app para cima ou para baixo na lista Seções. Outra opção é usar os botões de mover na janela de pré-visualização.
- Toque no bloco de app para definir as configurações relacionadas.
Toque em Salvar.

Adicionar blocos de app pela barra lateral "Apps"

Quer personalizar sua página? Use a barra lateral Apps para adicionar blocos de app que você já instalou. Vale destacar que apenas as páginas que permitem a instalação de determinados blocos de apps aparecem como opções durante esse processo.

Saiba mais sobre como usar a barra lateral "Apps" no editor de checkout e contas.

Etapas:

Desktop

No admin da Shopify, acesse Configurações > Checkout.
Na seção Configurações, clique em Personalizar ao lado da configuração que você quer personalizar.
No editor de checkout e contas, clique no ícone de blocos de app para acessar a barra lateral Apps.
Ao lado do bloco de app que você quer adicionar, clique em ⊕.
No pop-out Adicionar a, clique na página em que você quer incluir o bloco de app.
Personalize o bloco de app conforme o necessário:
- Para reorganizar o local do bloco de app, use os botões de mover na janela de pré-visualização.
- Defina as configurações de bloco de app.
Clique em Salvar.

iPhone

No app da Shopify, toque no botão … e em Configurações.
Na seção Configurações da loja , toque em Checkout.
Na seção Configurações, toque em Personalizar na configuração de checkout que você quer customizar.
No editor de checkout e contas, toque em Apps.
Ao lado do bloco de app que você quer adicionar, toque em ⊕.
No pop-out Adicionar a, toque na página em que você quer incluir o bloco de app.
Personalize o bloco de app conforme o necessário:
- Para reorganizar o local do bloco de app, use os botões de mover na janela de pré-visualização.
- Defina as configurações de bloco de app.
Toque em Salvar.

Android

No app da Shopify, toque no botão ☰ e em Configurações.
Na seção Configurações da loja , toque em Checkout.
Na seção Configurações, toque em Personalizar na configuração de checkout que você quer customizar.
No editor de checkout e contas, toque em Apps.
Ao lado do bloco de app que você quer adicionar, toque em ⊕.
No pop-out Adicionar a, toque na página em que você quer incluir o bloco de app.
Personalize o bloco de app conforme o necessário:
- Para reorganizar o local do bloco de app, use os botões de mover na janela de pré-visualização.
- Defina as configurações de bloco de app.
Toque em Salvar.

Mover e posicionar um app

É possível mover e posicionar um app dentro dos blocos de uma página, mas alguns só podem ser colocados em determinadas áreas. As áreas indisponíveis ficam cinza quando você tenta arrastar e soltar o app.

Etapas:

No admin da Shopify, acesse Configurações > Checkout.
Na seção Configurações, clique em Personalizar ao lado da configuração que você quer personalizar.
Encontre o app que você quer mover.
Clique e arraste o ícone ⠿ ao lado de um app e mova-o para outra área.
Clique em Salvar.

Adicionar uma página a contas de cliente usando blocos de app

Alguns apps oferecem blocos que permitem adicionar uma nova página ao cabeçalho das contas de cliente. Por exemplo, um app de lista de desejos pode oferecer um bloco para incluir uma nova página de lista de desejos às contas de cliente.

É possível criar páginas de apps na barra lateral Apps no editor de checkout e contas. Algumas páginas de apps aceitam links diretos, o que permite vinculá-las ao menu das contas de cliente no editor de checkout e contas ou na página Menus no admin da Shopify.

Depois de adicionar uma nova página, é possível acessá-la na aba Adicionados da barra lateral Apps ou no menu de seleção de páginas no editor de checkout e contas.

Etapas:

No admin da Shopify, acesse Configurações > Checkout.
Na seção Configurações, clique em Personalizar ao lado da configuração de checkout que você quer customizar.
Na seção Apps, encontre o app para o qual você quer criar uma página.
Clique no ícone +. Na seção, Adicionar página a, clique em Contas.
Nas configurações de Bloco de app, defina as configurações do app.
Clique em Salvar.
Opcional: para exibir a página do app no menu das contas de cliente, clique em Adicionar ao menu. Na caixa de diálogo Menu principal da conta de cliente, faça o seguinte:
1. Analise a Etiqueta e o Link preenchidos automaticamente no editor de checkout e contas. Se quiser renomear o link, atualize o campo Etiqueta**.
2. Opcional: adicione outros itens de menu ao Menu principal da conta de cliente.
3. Clique em Salvar.

Configurar um app

Cada app tem configurações exclusivas, que podem ser personalizadas conforme o desenvolvedor ou Parceiro que o criou. No entanto, se você tiver uma equipe própria para isso, poderá especificar as configurações que quer definir.

Por exemplo, se você usa um app para criar banners personalizados, pode customizar títulos, descrições e status do recurso.

Etapas:

No admin da Shopify, acesse Configurações > Checkout.
Na seção Configurações, clique em Personalizar ao lado da configuração que você quer personalizar.
Clique no app que você quer configurar.
Personalize as configurações do app.
Clique em Salvar.

Gerenciar controles de comportamento para o app

Durante a configuração, também é possível gerenciar os controles de comportamento do app para realizar estas ações:

Permitir que o app bloqueie o checkout
Incluir o app nos checkouts acelerados
- Expandir automaticamente as seções para exibir o app

Vale lembrar que certos apps não disponibilizam alguns controles durante a configuração.

Permitir que um app bloqueie o checkout

É possível fazer com que um app bloqueie o checkout e recuse um pedido se o cliente inserir informações incompletas ou inválidas no app.

Por exemplo, você tem um app que adiciona uma caixa de seleção ao checkout que o cliente precisa marcar. Se o bloqueio para finalização da compra estiver ativado e o comprador não agir conforme o esperado, o pedido será recusado automaticamente.

Etapas:

No admin da Shopify, acesse Configurações > Checkout.
Na seção Configurações, clique em Personalizar ao lado da configuração que você quer personalizar.
Clique no app que você quer configurar.
Na seção Comportamento de checkout, na barra lateral direita, selecione Permitir que o app bloqueie o checkout.
Clique em Permitir que o app bloqueie o checkout.
Clique em Salvar.

Incluir um app no checkout acelerado

É possível decidir se você quer incluir um app nos checkouts acelerados, como o Shop Pay. Também existe a opção de permitir que o app force as seções recolhidas a expandir automaticamente.

Etapas:

No admin da Shopify, acesse Configurações > Checkout.
Na seção Configurações, clique em Personalizar ao lado da configuração que você quer personalizar.
Clique no app que você quer configurar.
Na seção Comportamento de checkout, selecione Incluir app nos checkouts acelerados.
Opcional: selecione Expandir automaticamente as seções para mostrar o app se quiser abrir as seções fechadas.
Clique em Salvar.
Opcional: para ver como o checkout acelerado é exibido na loja, clique no ícone de checkout que fica no canto superior direito do editor.

Adicionar recursos à página de pós-venda no checkout

Use apps de pós-venda oferecidos por terceiros para adicionar recursos como pesquisas de satisfação ou ofertas de upsell à experiência de checkout dos clientes. Esses recursos podem ser inseridos entre as etapas de conclusão do pagamento e confirmação do pedido.

Para adicionar recursos à página de pós-venda, é necessário instalar e configurar um app de checkout. Depois disso, selecione o app nas configurações de checkout para começar a usá-lo na página de pós-venda.

É possível usar apenas um app de checkout para adicionar funcionalidades de pós-venda. Caso você tenha mais apps instalados, escolha qual deles quer usar nas configurações de checkout.

Instalar um app de checkout para adicionar recursos pós-venda

Para adicionar recursos à página de pós-venda, use um app de terceiros que seja compatível com recursos de pós-venda no checkout.

Se quiser receber ajuda relacionada a um app de terceiros, entre em contato com o respectivo desenvolvedor.

Etapas:

Acesse a App Store da Shopify e procure o app de pós-venda certo para a empresa.
Clique em Adicionar app. Faça login na sua conta da Shopify para continuar.
Clique em Instalar app.
Visite a seção Apps do admin da Shopify e toque no nome do app de checkout.
Insira as configurações necessárias.

Selecionar um app para usar na página de pós-venda

Depois de instalar e configurar o app, selecione-o nas configurações de checkout para usá-lo na página de pós-venda.

Também é possível alterar o app escolhido nas configurações de checkout.

Etapas:

No admin da Shopify, acesse Configurações > Checkout.
Na seção Página de pós-venda, selecione o app de checkout que você quer usar.

Remover um app

Embora seja possível remover um app do checkout, para eliminá-lo completamente do admin da Shopify é necessário desinstalar o app.

Etapas:

No admin da Shopify, acesse Configurações > Checkout.
Na seção Configurações, clique em Personalizar ao lado da configuração que você quer personalizar.
Clique no app que você quer remover do checkout.
Clique em Remover app do checkout.
Clique em Salvar.