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ê 😉