Personalizar o checkout e as contas de clientes com apps

É possível personalizar suas páginas de checkout e de contas de clientes com blocos, incluindo a configuração do checkout, as páginas de agradecimento e de status do pedido e as páginas de perfil e de pedidos do cliente. Os desenvolvedores de apps e os Parceiros da Shopify criam apps e os publicam na Shopify App Store. Você pode instalar apps disponíveis publicamente compatíveis com o checkout ou com as contas de clientes, criar um app personalizado com seu desenvolvedor ou contratar um Parceiro da Shopify.

Depois de instalar um app no admin da Shopify, você pode adicioná-lo a páginas compatíveis usando o editor de checkout e de contas. Alguns blocos só podem ser adicionados a áreas específicas das suas páginas.

Disponibilidade de apps

Alguns apps que personalizam o checkout e as contas de clientes, incluindo as páginas de agradecimento e de 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 pedidos provisórios, estão disponíveis apenas para o Shopify Plus.

Instalar um app

Se você quiser adicionar outros recursos às suas páginas de checkout, de contas de clientes, de agradecimento e de status do pedido, procure apps que ofereçam essas funcionalidades. Os desenvolvedores de apps e os Parceiros da Shopify podem criar apps personalizados para você, ou é possível instalar apps de terceiros da Shopify App Store para personalizar o checkout ou as contas de clientes.

Etapas:

1. Acesse a Shopify App Store e procure um app de checkout adequado para sua empresa.
2. Clique em Adicionar app.
3. Clique em Instalar app.

Depois de instalar o app, você precisará adicioná-lo às suas páginas usando o editor de checkout e de contas.

Uso da barra lateral “Apps” no editor de checkout e de contas

A barra lateral Apps no editor de checkout e de contas oferece uma visão geral dos blocos disponíveis e instalados. Ela é dividida nas abas Todos e Adicionados. A aba Todos lista os blocos que podem ser adicionados às páginas de checkout e de contas, enquanto a aba Adicionados lista os blocos que já foram adicionados.

Use a barra de pesquisa Pesquisar blocos para pesquisar todos os seus blocos e coleções de blocos disponíveis em todas as páginas.

Aba “Todos”

A aba Todos contém uma lista de todos os blocos disponíveis dos seus apps instalados. Você pode adicionar blocos às páginas de checkout e de contas relevantes diretamente da aba Todos.

Todos os blocos disponíveis são exibidos abaixo dos nomes dos apps de origem. Se um app oferecer vários tipos de blocos, eles poderão ser exibidos em coleções que agrupam blocos relacionados, como “Pontos de fidelidade” ou “Gerenciamento da lista de desejos”. Os blocos agrupados de um único app costumam ser projetados para funcionar em conjunto, então considere adicionar todos os blocos de uma coleção para proporcionar uma experiência completa aos clientes. É preciso adicionar cada bloco de uma coleção individualmente para configurar cada um deles conforme necessário.

Quando um bloco é adicionado a uma página, um ✓ é exibido ao lado do nome do bloco. Se o bloco for adicionado várias vezes à configuração do checkout, um número será exibido para indicar quantas vezes ele foi incluído. Se o bloco puder ser adicionado apenas uma vez, a opção para adicioná-lo será desativada depois que ele for posicionado.

Aba Adicionados

A aba Adicionados contém uma lista de todos os blocos instalados que existem em pelo menos um lugar na configuração de checkout e contas. Todos os blocos adicionados são exibidos abaixo dos nomes dos apps aos quais pertencem. Os blocos listados também exibem as páginas em que foram adicionados.

Clique no bloco para acessar as configurações do bloco.

Adicionar blocos de apps instalados

Depois de instalar o app, é possível adicioná-lo às páginas como um bloco usando o editor de checkout e contas. Alguns apps só podem ser adicionados a áreas específicas da configuração. Há um limite máximo de 3 apps por área destacada.

É possível adicionar blocos existentes diretamente às seções nas páginas usando a barra lateral Seções ou a barra lateral Apps.

Adicionar blocos usando a barra lateral Seções

É possível adicionar blocos de apps instalados à página que você está visualizando usando a barra lateral Seções. Apenas os blocos que podem ser instalados em uma página ou seção são exibidos como opções selecionáveis.

Etapas:

Adicionar blocos usando a barra lateral Apps

É possível adicionar blocos de apps instalados à página que você está visualizando usando a barra lateral Apps. Apenas as páginas em que blocos específicos podem ser instalados são exibidas como opções ao adicionar um bloco.

Saiba mais sobre como usar a barra lateral Apps no editor do checkout e das contas.

Etapas:

Mover e posicionar um app

É possível mover e posicionar um app dentro dos blocos de uma determinada página. Alguns apps só podem ser posicionados em determinadas áreas da página. As áreas indisponíveis ficam esmaecidas quando você tenta arrastar e soltar o app.

Etapas:

1. No admin da Shopify, acesse Configurações > Checkout.

2. Na seção Configurações, clique em Editar ao lado da configuração que deseja personalizar.

3. Encontre o app que você quer mover.

4. Clique e arraste o ícone ⠿ ao lado de um app e mova-o para outra área.

5. Clique em Salvar.

Adicionar uma página às contas de cliente usando blocos

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 que permite adicionar uma nova página de lista de desejos às contas de cliente.

É possível criar páginas de apps na barra lateral Apps do editor do checkout e das contas. Algumas páginas de apps são compatíveis com links diretos, o que permite vincular a página ao menu das contas de cliente no editor do checkout e das contas, ou na página Menus do admin da Shopify.

Depois de adicionar uma nova página, é possível acessá-la na aba Adicionados da barra lateral Apps ou no menu seletor de página do editor do checkout e das contas.

Etapas:

1. No admin da Shopify, acesse Configurações > Checkout.

2. Na seção Configurações, clique em Personalizar ao lado da configuração do checkout que você quer personalizar.

3. Na seção Apps , encontre o app para o qual você quer criar uma página.

4. Clique no ícone + e, na seção Adicionar página a, clique em Contas.

5. Nas configurações do Bloco, configure as definições do app.

6. Clique em Salvar.

7. Opcional: para exibir a página do app para os clientes no menu de contas de cliente, clique em Adicionar ao menu. Na caixa de diálogo Menu principal da conta de cliente, siga estas etapas:

   1. Analise o Rótulo e o Link preenchidos de forma automática pelo editor do checkout e das contas. Se você quiser renomear o link, atualize o campo Rótulo**.
   2. Opcional: adicione outros itens de menu que você queira ao Menu principal da conta de cliente.
   3. Clique em Salvar.

Configurar um app

É possível personalizar as configurações de um app. Cada app tem configurações exclusivas que podem ser personalizadas. As configurações do app são definidas pelo desenvolvedor ou Parceiro que cria o app. Se você tiver uma equipe de desenvolvimento própria, poderá especificar quais configurações quer personalizar.

Por exemplo, se você usa um app que permite criar um banner personalizado, pode personalizar o título, a descrição e o status do banner.

Etapas:

1. No admin da Shopify, acesse Configurações > Checkout.

2. Na seção Configurações, clique em Editar ao lado da configuração que deseja personalizar.

3. Clique no app que você quer configurar.

4. Personalize as configurações do app.

5. Clique em Salvar.

Gerenciar os controles de comportamento do app

Ao configurar o app, você também pode gerenciar os controles de comportamento dele. Esses controles permitem gerenciar os seguintes comportamentos:

• permitir que o app bloqueie o checkout
• incluir o app em checkouts acelerados
• expandir seções automaticamente para exibir o app em checkouts acelerados e onde os status com dados salvos aparecem, como quando um cliente com uma conta faz login

Dependendo do app que você está configurando e da seção do checkout em que ele está localizado, alguns controles podem não estar disponíveis.

Permitir que um app bloqueie o checkout

É possível selecionar se um app pode bloquear o checkout e recusar um pedido caso o cliente forneça informações incompletas ou inválidas no app.

Por exemplo, um app adiciona uma caixa de seleção ao checkout, que o cliente precisa marcar. Se você permitir que esse app bloqueie o checkout e o cliente não marcar a caixa de seleção, o pedido dele será automaticamente rejeitado.

Etapas:

1. No admin da Shopify, acesse Configurações > Checkout.

2. Na seção Configurações, clique em Editar ao lado da configuração que deseja personalizar.

3. Clique no app que você quer configurar.

4. Na seção Comportamento do checkout, na barra lateral direita, selecione Permitir que o app bloqueie o checkout.

5. Clique em Permitir que o app bloqueie o checkout.

6. Clique em Salvar.

Incluir um app no checkout acelerado

Você pode selecionar se quer incluir um app nos checkouts acelerados, como o Shop Pay. Também é possível permitir que o app force a expansão automática de seções recolhidas em checkouts acelerados.

Etapas:

1. No admin da Shopify, acesse Configurações > Checkout.

2. Na seção Configurações, clique em Editar ao lado da configuração que deseja personalizar.

3. Clique no app que você quer configurar.

4. Na seção Comportamento do checkout, selecione Incluir app em checkouts expressos.

5. Opcional: selecione Expandir seções automaticamente para mostrar o app para expandir as seções fechadas.

6. Clique em Salvar.

7. Opcional: para pré-visualizar como um checkout acelerado é exibido na loja, clique no ícone no canto superior direito do editor de checkout.

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

É possível adicionar recursos como pesquisas com clientes ou ofertas de upsell à experiência de checkout do cliente usando apps de pós-venda. Esses apps adicionam conteúdo depois que o cliente conclui o pagamento, mas antes da exibição da página de confirmação do pedido.

Para adicionar recursos à página de pós-venda, é preciso instalar e configurar um app de checkout e, depois, selecionar esse app para usar na página de pós-venda nas configurações do checkout.

É possível usar apenas um app de checkout por vez para adicionar recursos de pós-venda. Se você tiver mais de um app com funcionalidade de pós-venda instalado, poderá selecionar aquele que quer usar nas configurações de checkout.

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

Para adicionar recursos à página de pós-venda, é preciso usar um app de terceiros compatível com esses recursos no checkout.

Se precisar de ajuda com um app de terceiros, entre em contato com o desenvolvedor do app.

Etapas:

1. Acesse a Shopify App Store e procure o app de pós-venda ideal para sua empresa.
2. Clique em Adicionar app. Caso não tenha feito login em sua conta da Shopify, você precisará fazer login.
3. Clique em Instalar app.
4. Acesse a seção Apps do admin da Shopify e toque no nome do seu app de checkout.
5. Insira as configurações necessárias.

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

Depois de instalar e configurar um app de checkout, é preciso selecionar esse app para usar na página de pós-venda nas configurações de checkout.

Você também pode alterar o app que quer usar nas configurações de checkout.

Etapas:

1. No admin da Shopify, acesse Configurações > Checkout.

2. Na seção Página de pós-venda, selecione o app de checkout que você quer usar.

Remover um app

É possível remover um app do checkout. Se quiser remover um app por completo do admin da Shopify, você precisará desinstalar o app.

Etapas:

1. No admin da Shopify, acesse Configurações > Checkout.

2. Na seção Configurações, clique em Editar ao lado da configuração que deseja personalizar.

3. Clique no app que você quer remover do checkout.

4. Clique em Remover bloco.

5. Clique em Salvar.