Módulo AMP - Signashop

A extensão Accelerated Mobile Pages (AMP) contribui para o carregamento mais rápido do site em dispositivos móveis, além de melhorar os resultados de pesquisa no Google, aumentar o tráfego do site e melhorar as taxas de conversão. 

Deseja contratá-lo? Acione nosso comercial!  Contato:

comercial@nexaas.com

Configurações:

1 - Acesse em seu painel administrativo: Sistema > Configurações.

2 - Localize a aba “Accelerated Mobile Pages” para ter acesso às configurações desta extensão. 

 

 

3 - Na aba “Geral” realize as ações mencionadas abaixo:

        3.1 - Em Habilitar extensão selecione a opção “SIM”;         3.2 - No campo Serial Key mantenha as credenciais disponibilizadas pelo sistema;         3.3 - Em AMP Enabled On selecione todas as opções existentes. Para selecionar as opções pressione a tecla Ctrl e com o mouse, clique nas opções desejadas;         3.4 - No campo AMP Disabled On mantenha o campo em branco (Informações serão adicionadas pela agência de layout caso seja necessário);         3.5 - Em Force AMP On Mobile Devices selecione a opção “SIM”;         3.6 - Em Force AMP On Tablet Devices seleciona a opção “NÃO”. 

4 - Na aba Checkout Redirect e Social Sharing, selecione a opção “NÃO” para ambas as configurações.

 

 

5 - Na aba “Tema” você irá encontrar as opções de cores que devem ser preenchidas conforme as características da sua loja. Abaixo demonstramos as opções existentes e onde elas irão refletir na visão AMP.

 

 

 

 

        5.1 - Navigation Menu Text Color na qual refere-se a cor do texto do menu de navegação;         5.2 - Link Color que corresponde a cor de todos os links;        5.3 - Link Color (On hover) que corresponde a cor do link ao passarmos o mouse em cima do mesmo (quando passamos o mouse em cima do botão, acontece o efeito da alteração da cor do texto para agregar maior destaque);         5.4 - Price Text Color que corresponde a cor dos preços que serão exibidos; 

        5.5 - Button Background Color que corresponde a cor dos botões;         5.6 - Button Background Color (On Hover) que corresponde a cor de fundo dos botões (quando passamos o mouse em cima do botão, acontece o efeito da alteração de cor para agregar maior destaque);                5.7 - Button Text Color corresponde a cor do texto do botão;          5.8 - Button Text Color (On Hover) corresponde a cor do texto do botão ao passar o mouse em cima do mesmo (quando passamos o mouse em cima do botão, acontece o efeito da alteração da cor do texto para agregar maior destaque);         5.9 - Ícones se refere a cor dos ícones exibidos na loja;         5.1.1 - Menu Bar Background Color corresponde a cor de fundo das categorias principais exibidas do lado esquerdo.          5.1.2 - Menu Bar Text Color corresponde a cor do texto exibido nas categorias principais.

 

 

6 - Na aba “Logo” você irá encontrar um campo no qual irá permitir o upload do logo da sua loja. 

 

7 - Após enviar o arquivo, no campo Logo Width (px) informe 272 e no campo Logo Height (px) informe 90 para que a imagem fique nas dimensões recomendadas para essa aplicação. 

 

 

8 - Na aba “Cabeçalho” informe as configurações abaixo:

        8.1 - Em Show Search Box selecione a opção “SIM”;

        8.2 - Em Contact Phone informe o telefone de contato da sua loja no seguinte formato + DD + Número para contato (+1932081716);

        8.3 - Em Contact Email informe o e-mail para contato da sua loja;

        8.4 - Em Store/ Currency Switch Type seleciona a opção “Popup”;

        8.5 - Em Show Store View Switcher e Show Currency Switcher selecione a opção “NÃO”.

 

 

9 - Na aba “Rodapé” selecione todas as opções disponíveis como “NÃO” (conforme anexo abaixo).

10 - Na aba “Página de detalhes” selecione em AMP Product Options Type a opção Configurable AMP Swatches.

11 - Na aba “RTL Template” selecione a opção “NÃO”.

obs 1: as abas Google Tag Manager, Zendesk Chat e Google Analytics não serão alteradas nesta área! Todas as ferramentas mencionadas são habilitadas por meio de outras extensões. 

Configurações aplicadas com sucesso!

11 - Banners AMP

Após as configurações é necessário cadastrar os banners que serão exibidos na versão AMP que são associados às categorias de produtos. 

12 - Caso você deseje exibir as categorias da loja com imagens, deve cadastrar uma imagem para a respectiva categoria em: Catálogo > Categorias > Gerenciar Categorias > Selecione a categoria desejada e suba a imagem no campo AMP Homepage Image.

13 - Após subir a imagem desejada, clique no botão “Salvar categoria”. 

Agora seus banners estão configurados com sucesso!

14 - Realize uma limpeza de caches para que as configurações sejam aplicadas e verifique na home da loja (visão mobile) se ficou da forma desejada. 

Clique aqui e veja como realizar a limpeza indicada!

Caso deseje realizar personalizações no módulo AMP contate nosso comercial para maiores informações!

Dúvidas ou dificuldades para configurar o módulo no Painel Magento? Entre em contato com o suporte! Será um prazer atender você 😉