Extensão de páginas móveis aceleradas do OpenCart | Manual do usuário

1.0 Introdução

Uma interface de usuário suave e otimizada para dispositivos móveis é o núcleo de sites de comércio eletrônico de sucesso. Para criar um sistema de layout responsivo totalmente móvel para os usuários de dispositivos móveis e tablets, o plug-in do Google Accelerated Mobile Pages (AMP) foi lançado no mercado. As páginas do Google AMP são uma versão simplificada e otimizada das páginas do seu site, fornecendo uma interface de usuário rápida e responsiva aos usuários do dispositivo. A extensão de páginas para dispositivos móveis acelerada do OpenCart por Knowband é uma dessas ferramentas para adicionar a funcionalidade do Google AMP à sua loja on-line para capturar usuários de dispositivos móveis por meio de smartphones e tablets. As páginas AMC do Opencart melhoram a experiência de navegação na Web, diminuindo o tempo de carregamento da página. A navegação móvel mais rápida é a única maneira de novos clientes mergulharem e se motivarem para comprar pedidos. Mais de 60% de seus clientes são baseados em dispositivos móveis, por isso, é importante criar as páginas AMP de home page da loja, páginas de categoria, páginas de produtos e páginas CMS com a ajuda do módulo OpenCart Accelerated Mobile Pages. O OpenCart AMP se concentra em conteúdo leve que aumenta a velocidade geral da página e reduz as taxas de rejeição. O tempo reduzido de carregamento da página contribui para o crescimento do tráfego e da classificação SEO.

Recursos marcantes do 1.1

O plug-in OpenCart Accelerated Mobile Pages oferece recursos adicionais aos proprietários de sites do OpenCart. Vamos explorar um por um. 1. O OpenCart Accelerated Mobile Pages Extension adiciona páginas AMP otimizadas ao seu site, que são carregadas instantaneamente em dispositivos móveis e tablets. 2. Com a ajuda do plug-in Google Accelerated Mobile Pages (AMP), você pode adicionar a funcionalidade da página móvel acelerada à página inicial, às páginas de categoria, às páginas de produtos e às páginas do CMS. 3. A extensão Accelerated Mobile Pages da Knowband para OpenCart oferece uma opção para personalizar a home page, as páginas de categoria, as páginas de produtos e as configurações das páginas CMS do back-office. 4. Você pode fazer o upload de um logotipo comercial desejado para as páginas AMP. Além disso, você pode definir a largura e a altura do logotipo do site. 5. A extensão OpenCart AMP oferece uma opção para exibir os best-sellers, novos lançamentos e produtos em destaque na página inicial. O e-comerciante pode definir o número de produtos em destaque a serem mostrados em uma seção específica e pode ser exibido em ordem aleatória. 6. O módulo de páginas móveis aceleradas do OpenCart oferece uma opção para adicionar o compartilhamento de mídia social nas páginas móveis da AMP. O administrador da loja pode adicionar ícones extras além dos fornecidos com o módulo. 7. Ao usar o Módulo de Páginas para Dispositivos Móveis Acelerados do Google, o administrador do OpenCart pode gerar automaticamente sitemap de AMP com a ajuda de um trabalho CRON. Eles só precisam clicar no botão Atualizar Sitemap. 8. O addon OpenCart Accelerated Mobile Pages da Knowband é compatível com o Google Analytics, permitindo que o administrador insira o ID do cliente do Analytics para acompanhar o desempenho do AMP. 9. O módulo Accelerated Mobile Pages do Google para OpenCart suporta vários idiomas. 10. Com a ajuda do OpenCart Accelerated Mobile Pages Extension, o administrador pode definir cor e cor de fundo para o site AMP e outros blocos diferentes de AMP. 11. Para adicionar mais informações à AMP, o administrador pode exibir vídeos do YouTube, Vimeo e DailyMotion na página inicial das páginas para celular. 12. O módulo Accelerated Mobile Pages (AMP) permite que você inclua feeds do Instagram e do Twitter na página inicial. 13. A aparência e a sensação da barra de consentimento do cookie também podem ser alteradas no back-office do Accelerated Mobile Pages Extension para OpenCart. 14. Comerciantes da loja podem exibir anúncios em todas as páginas móveis, incluindo o Google Adsense da interface de administração desta extensão OpenCart. 15. Os comerciantes da loja também podem implementar a funcionalidade de pixels do Facebook nas páginas para dispositivos móveis, o que ajuda você a rastrear os visitantes do site da AMP. 16. Módulo OpenCart AMP permite que você atualize URL SEO AMP em um único clique.

2.0 Guia de Instalação

Antes de iniciar o processo de instalação, você deve comprar a extensão OpenCart Accelerated Mobile Pages da loja Knowband. Uma vez comprado, você receberá os seguintes arquivos em seu e-mail cadastrado.

  • Arquivo de código-fonte do OpenCart AMP Module em formato de arquivo zipado.
  • Manual do usuário do módulo OpenCart AMP. Agora, a fim de instalar esta extensão OpenCart AMP para o seu site, siga os passos indicados:

1. Descompacte o arquivo zip. Você receberá as pastas conforme mostrado na imagem abaixozip
2. Copie todas as pastas do arquivo zip no diretório raiz da configuração OpenCart via gerenciador de FTP. Portanto, o plug-in OpenCart Accelerated Mobile Pages foi instalado com sucesso e está pronto para ser usado em sua loja. Vá para o menu admin e clique nas extensões e, assim, clique no botão configure ao lado de Knowband AMP Pages.

Interface administrativa 3.0

Logo após a instalação bem-sucedida do plug-in Google Accelerated Mobile Pages (AMP) no seu website, você pode definir as configurações de AMP de acordo com seus requisitos. Navegue pelas configurações na ordem indicada: Painel Administrativo> Extensões> Páginas AMP de Knowband.

O simples de entender a interface de administração do Módulo de Páginas Móveis Aceleradas OpenCart é dividido em nove seções, a saber: 1.General Configurações 2.Home Page Settings 3.Category Configurações de Página 4.Product Configurações da Página 5. Configurações de aparência e comportamento 6.Social Media 7.Extra Icon 8.Tracking 9.Sitemap Cada uma dessas seções foi discutida em detalhes abaixo.

Configurações gerais do 3.1

As configurações gerais do plug-in do Google Accelerated Mobile Pages (AMP) consistem nas seguintes opções de configuração:Configurações Gerais

  • Habilitar desabilitar: Toda a funcionalidade do Módulo de Páginas Móveis Accelerated do OpenCart pode ser ativada ou desativada apenas selecionando Sim ou Não.
  • Forçar AMP em dispositivos móveis: Esta opção ativa ou desativa a funcionalidade do Google AMP apenas para dispositivos móveis.
  • Logotipo do site: O logotipo do website mostrado nas páginas móveis da AMP pode ser alterado pelo upload de um novo arquivo de imagem.
  • Logo Largura: Esta opção define a largura da imagem do logotipo em pixels.
  • Altura do logotipo: Esta opção define a altura da imagem do logotipo em pixels.
  • Ativar barra de consentimento de cookie GDPR: Esta opção ativa ou desativa a barra de consentimento do cookie GDPR para todas as páginas móveis AMP do site.Ativar barra de consentimento de cookie GDPR
  • Mensagem de Consentimento de Cookie: Esta opção permite que você defina uma mensagem de consentimento do cookie mostrada na barra de consentimento. Você pode definir este texto em inglês e francês.
  • Política de Cookies: Esta opção permite definir o URL da política do Coolie. Quando o usuário clica no texto da política de cookies, ele é redirecionado automaticamente para essa página especificada.
  • Produtos por página: Esta opção especifica a contagem de listagens de produtos nas páginas de categoria do site.
  • Ativar / desativar o AMP da página inicial: Esta opção ativa ou desativa o Google AMP na página inicial do site.
  • Ativar / desativar a página de listagem AMP: Esta opção ativa ou desativa o Google AMP nas páginas de listagem, como página de categoria, pesquisa, etc.

Ativar / desativar a página de listagem AMP

  • Ativar / desativar a página do produto AMP: Esta opção ativa ou desativa o Google AMP nas páginas de produtos do site.
  • Ativar / desativar o AMP da página do CMS: Esta opção ativa ou desativa o Google AMP em diferentes páginas do CMS do site.
  • CSS customizado: Você pode incluir código CSS personalizado para melhorar a funcionalidade frontend das páginas para celular AMP.CSS customizado

Ao clicar no "Atualizar" botão mostrado nas configurações gerais do módulo AMP da Knowband, a URL padrão é atualizada automaticamente para a URL da AMP SEO.

Configurações da Página Inicial do 3.2

Você pode definir as configurações de AMP para a página inicial do site. Essas configurações não são aplicadas às outras páginas, como página de categoria, página do produto, etc. As várias configurações incluem:Configurações da página inicial

  • Exibir texto personalizado: Usando essa opção, você pode definir um texto desejado na página do produto. Este texto extra pode ser ativado ou desativado conforme as necessidades.
  • Texto personalizado: Você pode especificar o texto desejado que deseja mostrar na página inicial. Este texto personalizado pode ser definido em inglês e francês.
  • Posição de exibição: Você pode definir um local específico onde deseja mostrar esse texto personalizado. Você pode mostrar na parte superior ou inferior da página.

a) Configurações de produtos em destaqueConfigurações de produtos em destaque

  • Ativar produtos em destaque: Esta opção permite ativar ou desativar os produtos em destaque mostrados na página do produto.
  • Exibir produtos em destaque no Carousel: Você pode ativar essa opção para exibir os produtos em destaque na exibição em carrossel. Se desativado, os produtos serão mostrados no formato padrão.
  • Exibição aleatória: Esta opção, se ativada, mostra produtos em destaque aleatórios. Toda vez que o cliente vai ver produtos aleatórios na categoria de destaque. Se esta opção estiver desativada, os produtos serão sempre iguais.
  • Número de produtos em destaque: Você pode corrigir o número de produtos exibidos na seção de produtos em destaque da página inicial.
  • Banner de exibição: Ative ou desative o banner mostrado na seção de produtos em destaque da página inicial.
  • Banner de upload: Essa opção permite fazer upload ou selecionar o arquivo de imagem que você deseja mostrar como um banner para produtos em destaque.

b) Configurações de produtos mais vendidosConfigurações de produtos mais vendidos

  • Ativar produtos mais vendidos: Esta opção permite ativar ou desativar os produtos mais vendidos exibidos na página do produto.
  • Exibir produtos mais vendidos no carrossel: Você pode ativar essa opção para exibir os produtos mais vendidos na exibição em carrossel. Se desativado, os produtos serão mostrados no formato padrão.
  • Exibição aleatória: Esta opção está ativada mostra os produtos mais vendidos aleatórios. Toda vez que o cliente verá produtos aleatórios na categoria de melhor venda. Se esta opção estiver desativada, os produtos serão sempre iguais.
  • Número de produtos de melhor vendedor: Você pode corrigir o número de produtos exibidos na seção de produtos mais vendidos da página inicial.
  • Banner de exibição: Ative ou desative o banner mostrado na seção de produtos mais vendidos da página inicial.
  • Banner de upload: Essa opção permite fazer upload ou selecionar o arquivo de imagem que você deseja exibir como um banner para os produtos mais vendidos.

c) Novas configurações de produtos de chegada

Novas configurações de produtos de chegada

  • Ativar novos produtos de chegada: Esta opção permite ativar ou desativar os novos produtos de chegada mostrados na página do produto.
  • Exibir novos produtos de chegada no carrossel: Você pode ativar essa opção para exibir os novos produtos de chegada na exibição em carrossel. Se desativado, os produtos serão mostrados no formato padrão.
  • Exibição aleatória: Esta opção, se ativada, mostra novos produtos aleatórios de chegada. Toda vez que o cliente verá produtos aleatórios na nova categoria de chegada. Se esta opção estiver desativada, os produtos serão sempre iguais.
  • Número de produtos de melhor vendedor: Você pode corrigir o número de produtos exibidos na nova seção de chegada da página inicial.
  • Banner de exibição: Ativar ou desativar o banner mostrado na seção de novos produtos de chegada da página inicial.
  • Banner de upload: Essa opção permite fazer upload ou selecionar o arquivo de imagem que você deseja mostrar como um banner para novos produtos de chegada.

d) Vídeo do YouTube

Vídeo do youtube

  • Exibir vídeo do Youtube: Esta opção permite mostrar ou ocultar o vídeo do Youtube na página inicial.
  • ID do vídeo do YouTube: Com esta opção, você pode definir o ID do vídeo do YouTube correspondente ao vídeo específico do youtube.
  • Ativar texto do cabeçalho do YouTube: Você pode mostrar ou ocultar o texto do cabeçalho do vídeo do youtube.
  • Texto de cabeçalho do YouTube: O texto do cabeçalho do youtube pode ser alterado usando esta opção. Você pode especificar um texto personalizado que deseja exibir como texto de cabeçalho para um vídeo. Este texto pode ser definido para inglês ou francês.
  • Autoplay: Se esta opção estiver ativada, o vídeo será reproduzido automaticamente quando a página inicial for carregada. Mas se esta opção estiver desabilitada, o usuário terá que clicar no botão play para visualizar o vídeo do youtube.
  • Controles de exibição: Se esta opção estiver ativada, a barra de controle do youtube será mostrada para o vídeo do youtube. Caso contrário, se desativado, os controles do youtube não serão exibidos.
  • Posição de exibição: Você pode definir a posição para o vídeo do youtube. Essa posição pode ser definida como superior ou inferior.

e) Vídeo Vimeo

Vídeo do Vimeo

  • Exibir vídeo do Vimeo: Esta opção permite mostrar ou ocultar o vídeo do Vimeo na página inicial.
  • ID do vídeo do Vimeo: Com essa opção, você pode definir o ID do vídeo do Vimeo correspondente ao vídeo específico do Vimeo.
  • Ativar texto de cabeçalho de vídeo: Você pode mostrar ou ocultar o texto do cabeçalho do vídeo do Vimeo.
  • Texto do cabeçalho do Vimeo: O texto do cabeçalho do Vimeo pode ser alterado usando essa opção. Você pode especificar um texto personalizado que deseja exibir como texto de cabeçalho para um vídeo. Este texto pode ser definido para inglês ou francês.
  • Autoplay: Se esta opção estiver ativada, o vídeo será reproduzido automaticamente quando a página inicial for carregada. Mas se esta opção estiver desabilitada, o usuário terá que clicar no botão play para visualizar o vídeo do Vimeo.
  • Posição de exibição: Você pode definir a posição do vídeo do Vimeo. Essa posição pode ser definida como superior ou inferior.

f) Dailymotion Video

Vídeo Dailymotion

  • Exibir vídeo Dailymotion: Esta opção permite mostrar ou ocultar o vídeo do Dailymotion na página inicial.
  • ID do Vídeo Dailymotion: Com esta opção, você pode definir o ID do vídeo Dailymotion correspondente ao vídeo Dailymotion específico.
  • Ativar o texto do cabeçalho do Dailymotion: Você pode mostrar ou ocultar o texto do cabeçalho do vídeo Dailymotion.
  • Texto do cabeçalho do Dailymotion: O texto do cabeçalho do Dailymotion pode ser alterado usando esta opção. Você pode especificar um texto personalizado que deseja exibir como texto de cabeçalho para o vídeo. Este texto pode ser definido para inglês ou francês.
  • Autoplay: Se esta opção estiver ativada, o vídeo será reproduzido automaticamente quando a página inicial for carregada. Mas se esta opção estiver desabilitada, o usuário terá que clicar no botão play para visualizar o vídeo do Dailymotion.Autoplay
  • Ativar tela final: Mostrar ou ocultar a tela final no final do vídeo. Se ativado, ele mostrará outros vídeos recomendados no final do vídeo.
  • Ativar compartilhamento de vídeo: Mostrar ou ocultar a opção de compartilhamento do vídeo Dailymotion.
  • Alterar cor de destaque: Ativar ou desativar cores de realce de vídeo.
  • Realce cores no controle: Pegue a cor desejada, que será mostrada na barra inferior do vídeo e no painel lateral da barra de menu.
  • Mostrar Logo Dailymotion: Você pode mostrar ou ocultar o logotipo do Dailymotion no vídeo.
  • Posição de exibição: Você pode definir a posição do vídeo do Dailymotion. Essa posição pode ser definida como superior ou inferior.

g) Instagram Feed

Instagram alimentação

  • Exibir o feed do Instagram: Você pode mostrar ou ocultar o feed do Instagram na página inicial do site.
  • ID do feed: Esta opção permite que você defina o ID do feed do Instagram, que será exibido na página inicial do site. Para definir vários IDs de feed, separe cada ID de feed seguido por uma vírgula.
  • Ativar o texto do cabeçalho do Instagram: Você pode ativar ou desativar o texto do cabeçalho mostrado para o feed do Instagram.
  • Texto do cabeçalho do Instagram: Esta opção permite que você especifique o texto do cabeçalho para o post ou feed do Instagram.
  • Incluir Legenda do Instagram: Esta opção mostra / oculta a legenda do Instagram para a foto ou vídeo específico.

h) Twitter Feed

Twitter alimentação

  • Exibir feed do Twitter: Você pode mostrar ou ocultar o feed do Twitter na página inicial do site.
  • ID do Tweet: Esta opção define o ID do Tweet que deve ser exibido na página inicial.
  • Ativar o texto do cabeçalho do Twitter: Você pode ativar ou desativar o texto do cabeçalho do Twitter mostrado no tweet.
  • Texto do cabeçalho do Twitter: Você pode especificar o texto do cabeçalho para feeds do Twitter.
  • Desativar cartões do Twitter: Se você definir Sim para essa opção, o conteúdo será exibido em um formato compacto. Senão, se você definir essa opção como Não, o feed detalhado do Twitter será exibido na Página inicial.

Configurações da página de categoria 3.3

Configurações da página de categoria

Nesta seção do plug-in do Google Accelerated Mobile Pages (AMP), você pode realizar configurações de AMP para as páginas de categoria do site. As várias configurações incluem:

  • Exibir texto personalizado: Você pode ativar ou desativar este texto mostrado nas páginas de categoria do site.
  • Texto personalizado: Usando essa opção, você pode definir um texto desejado para as páginas da categoria. Este texto pode ser especificado em inglês ou francês.
  • Posição de exibição: Você pode definir a posição desse texto personalizado na página da categoria. A posição do texto pode ser definida para Superior ou Inferior da página.

Configurações da Página do Produto 3.4

Nesta seção do Módulo de Páginas Móveis Accelerated do OpenCart, você pode executar configurações de AMP para as páginas de produtos do site. As várias configurações incluem:

Configurações da página do produto

  • Exibir texto personalizado: Você pode ativar ou desativar este texto mostrado nas páginas de produtos do site.
  • Texto personalizado: Usando essa opção, você pode definir um texto desejado para as páginas do produto. Este texto pode ser especificado em inglês ou francês.
  • Posição de exibição: Você pode definir a posição desse texto personalizado na página do produto. A posição do texto pode ser definida para Superior ou Inferior da página.
  • Exibir análise do produto: Você pode mostrar ou ocultar as avaliações de produtos nas páginas de produtos AMP.
  • Exibir produtos relacionados: Você pode ativar ou desativar produtos relacionados nas páginas de produtos AMP.

Configurações do 3.5 Look and Feel

Você pode modificar as configurações de aparência e comportamento das páginas AMP do seu site. As configurações podem ser feitas para cada elemento da página. Você pode fazer configurações gerais, configurações para a página do produto, listagens de produtos, página de categoria e barra de consentimento do cookie.

a) Configuração GeralConfiguração geral

  • Cor de fundo: Esta opção define a cor de fundo para todas as páginas AMP.
  • Cor da fonte: Esta opção define a cor da fonte para o texto mostrado nas páginas AMP.
  • Cor de fundo do cabeçalho: Esta opção define a cor do plano de fundo para o cabeçalho do site.
  • Cor da fonte do cabeçalho: Esta opção define a cor da fonte para o texto mostrado na seção de cabeçalho.
  • Cor do ícone do cabeçalho: Esta opção define a cor do ícone para os ícones mostrados na seção de cabeçalho do site.
  • Cor do fundo do rodapé: Esta opção define a cor do plano de fundo da seção de rodapé do site da AMP.
  • Cor da fonte do rodapé: Esta opção define a cor da fonte para o texto mostrado na seção de rodapé.
  • Cor do fundo da barra inferior do rodapé: Isso define a cor do plano de fundo para a barra de rodapé inferior.
  • Cor do plano de fundo do controle deslizante do menu à esquerda: Esta opção define a cor de fundo para o controle deslizante do menu à esquerda.
  • Cor do plano de fundo do cabeçalho do menu à esquerda: Esta opção define a cor do plano de fundo para a parte do cabeçalho do menu esquerdo.
  • Esquerda do menu Barra deslizante Cor da fonte: Esta opção define a cor da fonte para o texto mostrado no controle deslizante do menu à esquerda.
  • Menu Esquerdo Barra Lateral Cor do Ícone: Esta opção define a cor dos ícones mostrados na barra lateral esquerda do menu.
  • Cor de fundo do cabeçalho à esquerda: Esta opção define a cor de fundo para a seção de cabeçalho esquerda.

b) Configuração da lista de produtosConfiguração da lista de produtos

  • Título do produto Cor: Esta opção define a cor do texto do título do produto.
  • Título do Produto Tamanho da Fonte: Esta opção define o tamanho da fonte do título do produto.
  • Adicionar ao carrinho cor do botão: Essa cor especifica a cor do plano de fundo do botão Adicionar ao carrinho.
  • Add to cart button Cor da fonte: Isso define a cor da fonte para o texto mostrado no botão Adicionar ao carrinho.
  • Adicionar ao carrinho Tamanho da fonte: Esta opção define o tamanho do texto mostrado no botão Adicionar ao carrinho.

c) Configuração de categoria

Configuração de categoria

  • Cor da fonte do título da categoria: Esta opção define a cor para o texto mostrado como um cabeçalho de categoria.
  • Tamanho da Fonte do Título da Categoria: Esta opção define o tamanho da fonte para o texto mostrado como um cabeçalho de categoria.

d) Configuração do produto

Configuração do produto

  • Título do Produto Cor da Fonte: Esta opção define a cor do texto do título do produto.
  • Título do Produto Tamanho da Fonte: Esta opção define o tamanho da fonte para o texto do título do produto.
  • Adicionar ao carrinho cor do botão: Esta opção especifica a cor de fundo do botão Adicionar ao carrinho.
  • Add to cart button Cor da fonte: Esta opção mostra a cor da fonte para o texto mostrado no botão Adicionar ao carrinho.
  • Adicionar ao carrinho button Tamanho da letra: Esta opção mostra a cor da fonte para o texto mostrado no botão Adicionar ao carrinho.

e) Barra de consentimento de cookies

Barra de consentimento de cookies

  • Cor do fundo do consentimento do bolinho: Esta opção define a cor do plano de fundo para a barra de consentimento do cookie.
  • Cor da Fonte da Mensagem de Consentimento: Esta opção define a cor da fonte para o texto mostrado como mensagem de consentimento.
  • Cor de fundo do botão Accept: Esta opção especifica a cor de fundo do botão Aceitar mostrado na barra de consentimento do cookie.
  • Cor da fonte do botão Aceitar: Isso define a cor da fonte para o texto mostrado no botão Aceitar.

Mídia Social 3.6

Nas configurações de mídia social do módulo do Google AMP, você tem a opção de adicionar informações de contato comercial, como endereço, ID de e-mail e número de contato. Você também pode adicionar links de canais sociais às suas páginas de celular AMP para que os clientes possam acompanhar suas consultas ou dúvidas em mídias sociais como Facebook, Twitter, LinkedIn, Pinterest etc. Os canais sociais são uma forma de manter seus usuários atualizados sobre seus negócio online. O administrador pode executar as seguintes configurações:Mídia social

  • Exibir o endereço da loja no menu Slide: Mostrar ou ocultar endereço comercial na seção do menu do controle deslizante esquerdo.
  • Endereço de e-mail da loja de exibição: Mostrar ou ocultar o endereço de e-mail da sua empresa na seção do menu do controle deslizante esquerdo.
  • Endereço de e-mail: Defina o endereço de e-mail da sua empresa usando essa opção.
  • Número de contato da loja de exibição: Mostre ou oculte o número de contato da sua empresa ou loja.
  • Número de contato: Defina o número de contato para sua loja online.
  • Exibir ícone do Facebook: Mostrar ou ocultar o ícone do Facebook no controle deslizante do menu à esquerda do site.
  • URL Facebook: Defina o URL da página do Facebook usando essa opção.
  • Exibir ícone do Twitter: Mostrar ou ocultar o ícone do Twitter no controle deslizante do menu à esquerda do site.
  • URL do Twitter: Defina o URL da página do Twitter usando essa opção.Exibir ícone do Google+
  • Exibir ícone do Google+: Mostrar ou ocultar o ícone do Google+ no controle deslizante do menu à esquerda do website.
  • URL do Google+: Definir o URL da página do Google+ usando essa opção.
  • Exibir ícone do Linkedin: Mostrar ou ocultar o ícone do LinkedIn no controle deslizante do menu à esquerda do site.
  • URL do Linkedin: Defina o URL da página do LinkedIn usando essa opção.
  • Mostrar ícone do Tumblr: Mostrar ou ocultar o ícone do Tumblr no controle deslizante do menu à esquerda do site.
  • URL do Tumblr: Configure o URL da página do Tumblr usando esta opção.
  • Exibir o Pinterest: Mostrar ou ocultar o ícone do Pinterest no controle deslizante do menu à esquerda do site.
  • URL do Pinterest: Defina o URL da página do Pinterest usando essa opção.

3.7 Extra Icon

Se eles querem adicionar mais ícone de mídia social, eles podem adicionar aqui com facilidade.

Ícone extra

  • Ativar ícones extras: Ative ou desative os ícones extras no menu do controle deslizante esquerdo.
  • Classe do Ícone: Defina a classe de ícones usando essa opção.
  • URL do ícone: Esta opção define um URL correspondente ao ícone.

Uma opção para "Adicionar mais ou remover" também é fornecida para que você adicione facilmente novos ícones ou exclua os ícones existentes.

3.8 Tracking

Os vários serviços de rastreamento oferecidos por esta extensão de páginas móveis aceleradas do OpenCart permitem que você acompanhe o desempenho das páginas AMP. Os três serviços de rastreamento fornecidos são:Rastreamento

Ativar o Google Analytics:?If you want to track the performance of the accelerated mobile pages of your site, this feature allows you to enable or disable Google Analytics functionality.
ID do cliente do Google Analytics:?You can enter your Google analytics client ID to configure.

ID do cliente do Google Analytics

Ativar o Google Adsense:
ID do Adsense:?Enter the Adsense ID here.
AMP ad type:?Enter the supported AMP ad type. This way the admin can specify an identifier for the?ad network. The?type attribute selects the template to use for the ad tag.
Mostrar o Google Adsense na página inicial:?Enable the option in order to display Google adsense on the Homepage.
Exibir posição na página inicial:?Select the position for showing Google adsense on the homepage.
Apresentar o Google Adsense na página do produto:?Enable the option to show Adsense on the Product page.
Posição de exibição na página do produto:?Select the position for displaying Google adsense on the product page.
Apresentar o Google Adsense na página de categorias:?Enable the option to show Adsense on a category page.
Posição de exibição na página da categoria:?Select the position for showing Google adsense on category.
Mostrar o Google Adsense na página do CMS:?Enable the option to show Adsense on the CMS page.
Posição de exibição na página do CMS:?Select the position for showing Google adsense on CMS.
Ativar pixel do Facebook:?Enable or disable the option from here for implementing Facebook pixel tool to track site visitors.Exibir posição na página do CMS
ID de pixel do Facebook:?Enter the Facebook Pixel ID here.

3.9 Sitemap

Nesta seção, o administrador da loja pode gerar o Sitemap de AMP clicando no botão.Mapa do Site
Como você vai apertar um enter ou clique no botão "Clique aqui", o sitemap será atualizado automaticamente e exibirá uma mensagem "Sucesso" na tela.sucesso

INSTRUÇÕES DE CRON

Adicione o milho à sua loja através do painel de controle / massa para gerar / atualizar o sitemap. Por favor, encontrar as instruções para configurar crons abaixo:

  • URLs para adicionar ao Cron via painel de controle
  • Gere o Sitemap
  • Configuração Cron via SSH
  • Gere o Sitemap

Interface frontal 4.0

Depois de ativar o módulo OpenCart Accelerated Mobile Pages (AMP) por Knowband, o administrador da loja pode habilitar as configurações para a home page, as páginas de categoria, as páginas de produtos e as páginas CMS. De acordo com as configurações ativadas pelo administrador, o AMP será exibido conforme mostrado abaixo:

Página

Vários produtos em destaque, produtos recém-chegados e produtos best-seller podem ser exibidos na página inicial do site.

Página

Você pode exibir o vídeo do YouTube, o vídeo do Dailymotion, o vídeo do Vimeo, o feed do Instagram e o feed do Twitter na página inicial.

Página
Página do produto

Página do produto
categoria Página

categoria Página

Barra de consentimento de cookies

Barra de consentimento de cookies

Esquerda do Menu

Esquerda do Menu



Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *