Personalizar as páginas de contas de clientes

Proporcione uma experiência do cliente mais personalizada ao personalizar as páginas de contas de clientes da loja. A maioria dessas personalizações é feita no editor do checkout e de contas e se aplica às páginas de conta de cliente e de login.

É possível personalizar as contas de clientes das seguintes maneiras:

• Aplicar o branding e o estilo da loja às páginas de contas de clientes e de login.
• Personalizar para onde os clientes são redirecionados após fazerem login.
• Personalize o menu da conta de cliente para facilitar o acesso às partes da loja e à conta do cliente.
• Criar um subdomínio para que as contas de clientes usem o domínio primário da loja.
• Adicionar blocos e páginas com apps para disponibilizar mais recursos nas contas de clientes.
• Adaptar as páginas de contas de clientes para mercados e regiões específicos.

Personalizar o branding e o estilo das contas de clientes

É possível personalizar o branding para as páginas de conta de cliente editando as configurações de branding compartilhadas no editor de checkout e contas. As alterações feitas nas configurações de branding compartilhadas são aplicadas automaticamente também às páginas de conta de cliente e de login. Por exemplo, se você fizer upload de um logo nas configurações de branding compartilhadas, ele será exibido nas páginas de checkout, nas páginas de contas de clientes e na página de login.

É possível substituir algumas configurações herdadas do branding compartilhado diretamente nas páginas de contas de clientes e na página de login para ter mais controle sobre o estilo dessas páginas:

• Personalizar o logo nas páginas de conta de cliente.
• Personalizar as cores nas páginas de conta de cliente.
• Personalizar o estilo da página de login.
• Personalizar a página Pedidos para clientes sem pedidos.

Personalizar o logo nas páginas de contas de clientes

Ao fazer o upload de um logo nas configurações principais de branding compartilhado, ele também é exibido nas páginas de contas de clientes e de login. No entanto, é possível substituir a imagem e o tamanho do logo herdado diretamente nessas páginas.

Passos:

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. No editor de checkout e de contas, no menu do seletor de páginas, selecione a página de conta de cliente na qual você quer alterar o logo.

4. Clique em e, em seguida, em Cabeçalho.

5. Na seção Logo, clique no campo Imagem e selecione um novo logo.

6. Opcional: ajuste o tamanho do logo usando o controle deslizante Largura.

7. Clique em Salvar.

Personalizar as cores nas páginas de conta de cliente

Ao adicionar uma cor de fundo e de destaque às configurações principais de branding compartilhado, as cores também são usadas nas páginas de contas de clientes e de login. É possível substituir as configurações de cores herdadas diretamente nessas páginas. Além disso, as cores de cada página podem ser substituídas de forma independente.

Passos:

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. No editor do checkout e de contas, acesse o menu seletor de páginas e escolha a página da conta de cliente com as configurações de cor que você quer alterar.

4. Personalizar a cor de fundo do cabeçalho da página:

   1. Clique em e, depois, em Cabeçalho.
   2. Na seção Cor, clique na configuração Fundo e selecione uma nova cor de fundo para o cabeçalho.

5. Personalizar a cor de fundo ou de destaque do corpo da página:

   1. Clique em e, depois, em Principal.
   2. Clique na configuração Fundo e selecione uma nova cor de fundo para o corpo principal da página.
   3. Clique na configuração Destaque e selecione uma nova cor de destaque para o corpo principal da página.

6. Clique em Salvar.

Personalizar o estilo da página de login

A página de login é uma página de destino à parte para os clientes fazerem login na conta da sua loja virtual. É possível dar mais destaque ao branding personalizando o logo e as cores de modo independente em relação ao checkout e às páginas de contas de clientes. Também há a opção de fazer o upload de uma imagem em destaque para uso em dispositivos desktop.

Passos:

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. No editor de checkout e contas, selecione a página de Login no menu do seletor de páginas.

4. Clique em e, depois, em Principal.

5. É possível ajustar os seguintes elementos de estilo da página de login:

   • Na seção Logo, faça o upload de um novo logo no campo Imagem. Também é possível ajustar manualmente a largura do logo.
   • Na seção Cor, use os campos Fundo ou Destaque para personalizar as cores da página de login.
   • Na seção Mídia, use o campo Imagem para fazer o upload de uma imagem em destaque para a página de login. Ela é exibida apenas em dispositivos desktop.

6. Clique em Salvar.

Personalizar a página Pedidos para clientes sem pedidos

O cliente pode criar uma conta mesmo sem ter feito pedidos na loja. Para clientes com login feito, mas sem pedidos, a página Pedidos exibe um botão Comprar agora que direciona para a página inicial da loja, já que não há um histórico de pedidos.

Para despertar o interesse e incentivar os clientes a explorar seus produtos, você pode selecionar uma coleção da loja para exibir na página Pedidos da conta de cliente, além do botão padrão Comprar agora.

Passos:

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. No editor do checkout e de contas, acesse o menu seletor de páginas e escolha Pedidos.

4. Clique em e, depois, em Principal.

5. Na seção Sem pedidos, configure o estado vazio:

   1. Opcional: clique em Pré-visualizar para conferir como fica uma página Pedidos vazia na janela de pré-visualização.
   2. No menu Coleção, clique em Selecionar coleção.
   3. Selecione uma coleção existente ou clique em Criar coleção para criar uma nova coleção para o estado vazio.

6. Clique em Salvar.

Personalizar o redirecionamento de login na conta de cliente

É possível configurar para onde os clientes serão redirecionados após fazerem login na conta na loja. Por exemplo, você pode redirecionar os clientes de volta para a página em que estavam ao fazer o login ou para uma coleção de produtos específica.

Siga este guia para personalizar os redirecionamentos de login na conta de cliente.

Personalizar o menu da conta de cliente

O menu principal da conta de cliente é exibido na seção Principal da conta de cliente para quem fez o login. O menu é exibido em locais diferentes, dependendo do dispositivo que o cliente estiver usando:

• Desktop: o menu é exibido no lado esquerdo da página, organizado verticalmente. O formato é ideal para menus com um número maior de links, pois inclui até três níveis de opções de navegação aninhadas, o que facilita a visualização para os usuários de dispositivos desktop.
• Dispositivos móveis: o menu é exibido na parte superior da página, em formato horizontal. Assim, fica mais fácil para os clientes alternarem entre as páginas da conta. Vale destacar que, se houver cinco ou mais itens, o ícone será exibido em vez do menu.

Um menu da conta de cliente é criado automaticamente na loja ao usar a versão mais recente de contas de clientes. Por padrão, ele inclui um link para a página inicial da loja e outro para os pedidos. Você pode substituir o menu customer-account-main-menu padrão por um menu existente, ou editar a versão-padrão.

Editar o menu padrão da conta de cliente

É possível editar os menus da conta de cliente na seção Conteúdo > Menus do admin da Shopify ou no editor do checkout e de contas.

Adicione qualquer um dos links a seguir ao menu principal para que os clientes tenham acesso fácil às informações relacionadas à conta:

• Perfil: a página de perfil do cliente em que ele pode gerenciar informações pessoais, como nome e endereços.
• Apps: páginas de apps associadas à conta do cliente, como programas de fidelidade e apps de assinatura.
• Outros modelos na loja virtual.
• Links externos.

Não há suporte para redirecionamentos de URL nos menus das contas de clientes.

Passos:

Criar um subdomínio para as páginas de contas de clientes

As páginas de contas de clientes usam o domínio primário da loja como o domínio-base. Por exemplo, se o domínio primário for sua-loja.com, o subdomínio da conta de cliente será criado como account.sua-loja.com. Se você mudar o domínio primário, o domínio da conta de cliente será atualizado de modo correspondente. Para verificar ou alterar o domínio primário, acesse Configurações > Domínios no admin da Shopify.

É possível criar um subdomínio para as contas de cliente que use o domínio primário da loja virtual e direcione os clientes para as respectivas páginas de conta. O nome de domínio criado é um subdomínio do nome de domínio primário usado na loja. O subdomínio se torna o nome de domínio primário de todas as páginas de conta de cliente, proporcionando uma experiência de marca consistente desde o login até a gestão de conta. Por exemplo, se o subdomínio for account.your-store.com, os clientes acessarão a página de login em account.your-store.com/authentication/login.

Saiba mais sobre subdomínios das páginas de contas de cliente.

Personalizar as contas de cliente com apps

Personalizar as contas de cliente com apps permite oferecer aos clientes uma experiência mais robusta na loja. Use apps para adicionar recursos úteis de autoatendimento, como devoluções, assinaturas, upsell, avaliações e listas de desejos, além de manter o branding consistente e um processo simples de login. É possível usar blocos para adicionar recursos a páginas existentes ou incluir novas páginas nas contas de cliente. Por exemplo, ao usar um app de lista de desejos compatível com páginas de apps, é possível adicionar uma página de lista de desejos às contas de cliente, onde os clientes podem gerenciar as listas.

É possível fazer as seguintes personalizações usando o editor de checkout e de contas:

• Adicionar blocos às páginas de conta de cliente existentes, como página de pedidos, resumo do pedido e perfis.
• Adicionar novas páginas de app a contas de cliente. Depois disso, se o app for compatível com links diretos, será possível adicioná-lo ao menu das contas de cliente.

Confira na Shopify App Store uma lista completa dos apps de conta de cliente. Saiba mais sobre como personalizar o checkout e as contas de cliente com apps.

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

Alguns apps oferecem blocos para a adição de novas páginas ao cabeçalho das contas de cliente. Por exemplo, um app de lista de desejos pode disponibilizar um bloco para você adicionar uma nova página à conta.

É possível criar páginas de app na barra lateral Apps do editor de checkout e de contas. Vale lembrar que algumas aceitam uso de links diretos, o que permite vinculá-las ao menu das contas de cliente a partir do editor ou da página Menus no admin da Shopify.

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

Passos:

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 desejada.

3. Na seção Apps , encontre aquele que será usado para a criação da página.

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

5. Nas opções de Bloco, defina as configurações do app.

6. Clique em Salvar.

7. Opcional: para exibir a página do app 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. Revise Rótulo e Link, preenchidos automaticamente pelo editor de checkout e de contas. Se quiser renomear o link, atualize o campo Rótulo.**
   2. Opcional: adicione outros itens que quiser ao Menu principal da conta de cliente.
   3. Clique em Salvar.

Personalizar as páginas de contas de cliente para mercados específicos

É possível personalizar as páginas de contas de cliente para regiões e mercados específicos usando o editor de checkout e de contas. Isso permite a adaptação a regiões específicas, como a inclusão de recursos extras na conta de clientes do mercado nacional ou a exibição nas contas de cliente de uma mensagem personalizada sobre atrasos no frete para uma região internacional.

Além das substituições de blocos, configurações e branding específicas do mercado, as páginas de contas de cliente também aceitam substituições de acordo com o mercado para os seguintes tipos de personalização:

• Adição ou remoção de extensões de página inteira, como a de gestão de assinaturas, disponibilizada por um app de terceiros.
• Alteração de menus da conta de cliente, como a modificação do customer-account-main-menu padrão, aplicado à seção Cabeçalho das páginas.
• Adição ou remoção de ações do pedido, como um botão para solicitar devoluções.

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