Como Mostrar a Conta de início de sessão Ícone no Cabeçalho Shopify

Mostrar um ícone de login da conta no cabeçalho da sua loja da Shopify é uma ótima maneira de permitir que os clientes acessem facilmente o painel da conta. Isso proporciona uma experiência de compra mais integrada e permite que os clientes visualizem o histórico de pedidos, façam novos pedidos, gerenciem assinaturas, editem informações da conta e muito mais.

Aqui estão as principais etapas para adicionar um ícone de login da conta no cabeçalho do Shopify. Funciona de forma semelhante ativar a conta de cliente na Shopify. Saiba mais como ativar a conta de cliente na Shopify.

• Inicie sessão no seu admin da Shopify e aceda às definições da Loja virtual
• Desloque-se para baixo e encontre a secção Contas de clientes
• Assinale a caixa "Mostrar a ligação de início de sessão no cabeçalho da loja e na finalização da compra"
• Isto ativa o ícone de início de sessão da conta no cabeçalho.
• Os clientes podem agora clicar no ícone para aceder ao painel de controlo da sua conta

Feito! O login da sua conta começará a aparecer. Se não, continue a ler o artigo com todos os passos em pormenor.

Passo 1 - Navegar para as Definições da Loja Online

• Faça login no seu admin da Shopify e clique em "Configurações" no canto inferior esquerdo
• Em seguida, clique em "Loja online" no menu

Isto abrirá as definições gerais da sua loja, onde pode personalizar a experiência do cliente.

Passo 2 - Desloque-se para baixo até Contas de clientes

• Nas definições da Loja Online, desloque-se para baixo até ver a secção "Contas de clientes"
• Por predefinição, a opção "Mostrar ligação de início de sessão no cabeçalho..." não está selecionada

Passo 3 - Marque a caixa para mostrar a ligação de início de sessão

• Marque a caixa ao lado de "Mostrar ligação de início de sessão no cabeçalho da loja virtual e na finalização da compra"
• Isto permitirá mostrar o ícone de início de sessão da conta no cabeçalho

E já está! O ícone de login deve agora aparecer no cabeçalho da sua loja. Os clientes poderão clicar nele para aceder ao painel de controlo da sua conta.

Principal diferença entre a conta de cliente do Shopify

Recurso	Contas clássicas de clientes	Contas de novos clientes
Experiência de início de sessão	Os clientes podem iniciar sessão com o e-mail/palavra-passe ou iniciar sessão com a Loja. Ativar iniciar sessão com a Loja para contas clássicas.	Os clientes iniciam sessão com um código único enviado para o correio eletrónico. O início de sessão com o Shop é ativado automaticamente se utilizar o Shop Pay.
Criação de conta	Os clientes aceitam convites ou criam contas na página de início de sessão.	Contas criadas quando o cliente inicia sessão com o correio eletrónico.
Nome do cliente	Os clientes podem editar o nome no endereço de envio, não no perfil.	Os clientes podem editar o nome do perfil, refletido na administração.
Marca	Utiliza as definições do tema da loja online.	Utiliza as definições de checkout, exceto a página de início de sessão.
Personalizações líquidas	✔	✘
Suporta aplicações	✔	✘
Histórico/estado da encomenda	✔	✔
Endereços guardados	✔	✔
Suporta B2B	✘	✔
Devoluções self-service	✘	✔
Suporta Multipass	✔	✘
Suporta reordenação	✘	✔

Como personalizar o ícone de início de sessão da conta?

Pode personalizar o ícone e o texto apresentados no cabeçalho de duas formas diferentes:

Utilizar a aplicação do ícone de conta

• A maneira mais fácil é usar um aplicativo gratuito como o Ícone da conta do Shopify App Studio, que adiciona o ícone automaticamente.
• Vá para a App Store da Shopify e procure por "Ícone da conta". Procure o ícone do Shopify App Studio.
• Clique em "Adicionar aplicação" e instale a aplicação na sua loja Shopify.
• Aparecerá agora um ícone de utilizador na barra superior do cabeçalho da montra.

Editar o código do tema

• Também pode adicionar o ícone da conta editando diretamente o código do seu tema:
• Aceda à Loja online > Temas.
• Edite o código do tema atual clicando em "Acções" > "Editar código".
• No ficheiro theme.liquid, localize a secção
  .
• Adicione o seguinte snippet antes da tag de fechamento :

html

<a href="/pt/conta/">

  {% renderizar 'icon-account' %}

</a>

• O ícone será agora apresentado no cabeçalho. Pode ajustar o estilo e a colocação conforme necessário.
• Guarde e publique as alterações ao tema.

Como ajustar o estilo dos ícones?

• Pode personalizar o tamanho, a cor e o estilo do ícone para que corresponda ao design do seu cabeçalho.
• Para a aplicação Ícone de conta, edite o CSS em Loja online > Temas > Personalizar.
• Para edições de código, adicione uma etiqueta e CSS personalizado diretamente em theme.liquid.
• Reduzir o tamanho do ícone e torná-lo mais escuro:

css

.header__icon-account {

  largura: 20px;

  altura: 20px;

  preenchimento: #555;

}

• Aumentar o espaçamento à volta do ícone:

css

.header__icon {

  padding: 0 15px;

}

Conclusão

Coloque o ícone da conta no cabeçalho principal ou na navegação móvel. Evite colocá-lo em menus secundários. A apresentação proeminente do ícone incentiva o acesso à conta do cliente, aumentando o envolvimento. Implemente ligações e estilos inteligentes para que se misturem de forma consistente com os ícones existentes do seu tema. Teste o ícone apresentado em todos os tamanhos de dispositivos. Optimize a sua apresentação e posicionamento para se adaptar ao seu design responsivo.