Knowband Blog | Ecommerce Modules

Estensione di pagine mobili accelerate OpenCart | Manuale d'uso

1.0 Introduzione

Un'interfaccia utente fluida e ottimizzata per i dispositivi mobili è il fulcro di siti Web di e-commerce di successo. Per creare un sistema di layout responsive completamente mobile per gli utenti di dispositivi mobili e tablet, il plug-in di Google Accelerated Mobile Pages (AMP) ha avuto luogo sul mercato. Le pagine AMP di Google sono una versione lite e ottimizzata delle pagine del tuo sito che fornisce una rapida interfaccia utente reattiva agli utenti del dispositivo. Estensione OpenCart Accelerated Mobile Pages di Knowband è uno di questi strumenti per aggiungere la funzionalità AMP di Google al tuo negozio online per acquisire utenti mobili tramite smartphone e tablet. Le pagine AMP Opencart migliorano l'esperienza di navigazione Web riducendo i tempi di caricamento della pagina. La navigazione mobile più veloce è l'unico modo in cui i nuovi clienti si tufferanno e saranno motivati ​​all'ordine di acquisto.

Oltre il 60% dei tuoi clienti è basato su dispositivi mobili, quindi diventa importante creare le pagine AMP della home page del negozio, le pagine delle categorie, le pagine dei prodotti e le pagine CMS con l'aiuto di OpenCart Accelerated Mobile Pages Module. OpenCart AMP si concentra su contenuti leggeri che aumentano la velocità complessiva della pagina e riducono la frequenza di rimbalzo. Il tempo di caricamento della pagina ridotto contribuisce alla crescita del traffico e del posizionamento SEO.

1.1 Caratteristiche sorprendenti

Il plug-in OpenCart Accelerated Mobile Pages offre funzionalità aggiuntive ai proprietari del sito OpenCart. Esploriamo uno per uno.

1. L'estensione OpenCart per pagine mobili accelerate aggiunge pagine AMP ottimizzate al tuo sito Web che vengono caricate istantaneamente su dispositivi mobili e tablet.

2. Con l'aiuto del plug-in di Google Accelerated Mobile Pages (AMP), è possibile aggiungere la funzionalità Accelerated Mobile Page alla home page, alle pagine delle categorie, alle pagine dei prodotti e alle pagine CMS.

3. L'estensione di pagine mobili accelerate di Knowband per OpenCart offre un'opzione per personalizzare le impostazioni di home page, pagine di categoria, pagine di prodotti e pagine CMS dal back-office.

4. È possibile caricare il logo aziendale desiderato per le pagine AMP. Inoltre, puoi impostare la larghezza e l'altezza del logo del sito.

5. L'estensione OpenCart AMP offre un'opzione per visualizzare i bestseller, i nuovi arrivi e i prodotti in vetrina sulla home page. L'e-merchant può impostare il numero di prodotti in evidenza da mostrare in una sezione particolare e può essere visualizzato in ordine casuale.

6. OpenCart Accelerated Mobile Pages Module offre un'opzione per aggiungere la condivisione sui social media sulle pagine mobili di AMP. L'amministratore del negozio può aggiungere icone extra oltre a quelle fornite con l'estensione Accelerated Mobile Pages per OpenCart.

7. Utilizzando il Modulo pagine mobili di Google Accelerated, l'amministratore di OpenCart può generare automaticamente sitemap AMP con l'aiuto di un lavoro CRON. Devono solo fare clic sul pulsante Aggiorna Sitemap.

8. Il componente aggiuntivo per pagine mobili accelerate OpenCart di Knowband supporta Google Analytics consentendo all'amministratore di immettere l'ID client Analytics per tenere traccia delle prestazioni AMP.

9. Il modulo Google Accelerated Mobile Pages per OpenCart supporta più lingue.

10. Con l'aiuto di OpenCart Accelerated Mobile Pages Extension, l'amministratore può impostare il colore e il colore di sfondo per il sito Web AMP e altri diversi blocchi di AMP.

11. Per aggiungere ulteriori informazioni all'AMP, l'amministratore può visualizzare i video di YouTube, Vimeo e DailyMotion sulla home page delle pagine mobili.

12. Il modulo Google Accelerated Mobile Pages (AMP) ti consente di mostrare i feed di Instagram e Twitter sulla home page.

13. L'aspetto della barra di consenso dei cookie può anche essere modificato dal back-office di Accelerated Mobile Pages Extension per OpenCart.

14. I commercianti di negozi possono visualizzare annunci pubblicitari su tutte le pagine mobili includendo Google Adsense dall'interfaccia di amministrazione di questa estensione OpenCart.

15. I commercianti di negozi possono anche implementare la funzionalità pixel di Facebook sulle pagine mobili per aiutarti a monitorare i visitatori del sito Web AMP.

16. Il modulo AMP OpenCart ti consente di aggiornare l'URL SEO AMP con un solo clic.

Guida all'installazione di 2.0

Prima di iniziare il processo di installazione, è necessario acquistare l'estensione OpenCart Accelerated Mobile Pages dal negozio Knowband. Una volta acquistato, riceverai i seguenti file sulla tua e-mail registrata.

1. Decomprimere il file zip. Otterrai le cartelle come mostrato nell'immagine qui sotto
2. Copia tutte le cartelle del file zip nella directory principale di OpenCart tramite FTP manager.

Quindi, il plugin OpenCart Accelerated Mobile Pages è ora installato con successo ed è pronto per l'uso nel tuo negozio. Vai al menu di amministrazione e fai clic sulle estensioni, quindi fai clic sul pulsante Configura accanto a Pagine AMP Knowband.

3.0 Admin Interface

Subito dopo la corretta installazione del plug-in di Google Accelerated Mobile Pages (AMP) sul tuo sito Web, puoi configurare le impostazioni AMP in base alle tue esigenze. Naviga le impostazioni nell'ordine indicato: Pannello di amministrazione> Estensioni> Pagine AMP Knowband.

L'interfaccia di amministrazione di facile comprensione del modulo Pagine mobili accelerate di OpenCart è suddivisa in nove sezioni, vale a dire:

1. Impostazioni generali
2. Impostazioni della pagina iniziale
3.Categoria Impostazioni pagina
4. Impostazioni della pagina del prodotto
5. Impostazioni look & feel
6.Social Media
7. Icona extra
8.Tracking
9.Sitemap

Ciascuna di queste sezioni è stata discussa in dettaglio di seguito.

3.1 Impostazioni generali

Le impostazioni generali del plug-in di Google Accelerated Mobile Pages (AMP) sono costituite dalle seguenti opzioni di configurazione:

Cliccando sul "Ricaricare" pulsante mostrato nelle Impostazioni generali del modulo AMP Knowband, l'URL predefinito viene automaticamente aggiornato all'URL SEO AMP.

Impostazioni della pagina iniziale 3.2

È possibile configurare le impostazioni AMP per la home page del sito. Queste impostazioni non si applicano ad altre pagine come la pagina delle categorie, la pagina del prodotto, ecc. Le varie impostazioni includono:

a) Impostazioni dei prodotti in primo piano

b) Impostazioni dei prodotti più venduti

c) Impostazioni dei nuovi prodotti di arrivo

d) video di YouTube

e) Vimeo Video

f) Dailymotion Video

g) Feed Instagram

h) Feed Twitter

Impostazioni della pagina categoria 3.3

In questa sezione del plug-in di Pagine mobili di Google Accelerated (AMP), puoi eseguire le impostazioni AMP per le pagine delle categorie del sito. Le varie impostazioni includono:

Impostazioni della pagina del prodotto 3.4

In questa sezione del modulo Pagine mobili accelerate OpenCart, è possibile eseguire le impostazioni AMP per le pagine dei prodotti del sito. Le varie impostazioni includono:

Impostazioni 3.5 Look and Feel

Puoi modificare l'aspetto e le impostazioni delle pagine AMP del tuo sito. Le impostazioni possono essere eseguite per ciascuno degli elementi della pagina. È possibile effettuare impostazioni generali, impostazioni per la pagina del prodotto, elenchi di prodotti, pagina delle categorie e barra di consenso dei cookie.

a) Impostazioni generali

b) Impostazione elenco prodotti

c) Impostazione categoria

d) Impostazione del prodotto

3.6 Social media

Sotto le impostazioni dei social media del modulo AMP di Google, hai un'opzione per aggiungere informazioni di contatto aziendali come indirizzo, ID email e numero di contatto. Puoi anche aggiungere collegamenti ai canali social alle tue pagine mobili AMP in modo che i clienti possano indirizzare il follow-up con le loro domande o dubbi sui social media come Facebook, Twitter, LinkedIn, Pinterest, ecc. I canali social sono un modo per tenere aggiornati i tuoi utenti sulle Affari online. L'amministratore può eseguire le seguenti configurazioni:

3.7 Icona extra

Se vogliono aggiungere più icone sui social media, possono aggiungere qui facilmente.

Viene inoltre fornita un'opzione per "Aggiungi altro o Rimuovi" per aggiungere facilmente nuove icone o eliminare quelle esistenti.

3.8 Tracciamento

I vari servizi di tracciamento offerti da questa estensione per pagine mobili accelerate OpenCart consentono di monitorare le prestazioni delle pagine AMP. I tre servizi di tracciamento forniti sono:

Abilita 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 client Analytics:?You can enter your Google analytics client ID to configure.

Abilita Google Adsense:
ID Adsense:?Enter the Adsense ID here.
Tipo di annuncio AMP:?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.
Visualizza Google Adsense sulla home page:?Enable the option in order to display Google adsense on the Homepage.
Visualizza posizione sulla home page:?Select the position for showing Google adsense on the homepage.
Visualizza Google Adsense sulla pagina del prodotto:?Enable the option to show Adsense on the Product page.
Visualizza posizione nella pagina Prodotto:?Select the position for displaying Google adsense on the product page.
Visualizza Google Adsense nella pagina Categoria:?Enable the option to show Adsense on a category page.
Visualizza posizione nella pagina Categoria:?Select the position for showing Google adsense on category.
Visualizza Google Adsense sulla pagina CMS:?Enable the option to show Adsense on the CMS page.
Visualizza posizione sulla pagina CMS:?Select the position for showing Google adsense on CMS.
Abilita Facebook Pixel:?Enable or disable the option from here for implementing Facebook pixel tool to track site visitors.
ID pixel di Facebook:?Enter the Facebook Pixel ID here.

3.9 Mappa del sito

In questa sezione, l'amministratore del negozio può generare la Sitemap AMP facendo clic sul pulsante.
Quando premi un tasto Invio o fai clic sul pulsante "Fai clic qui", la Sitemap verrà automaticamente aggiornata e verrà visualizzato un messaggio "Successo" sullo schermo.

ISTRUZIONI CRON

Aggiungi il mais al tuo negozio tramite pannello di controllo / mastice per generare / aggiornare la mappa del sito. Di seguito troverai le istruzioni per configurare i croni:

Interfaccia frontale 4.0

Dopo aver abilitato il modulo AMP (OpenCart Accelerated Mobile Pages) di Knowband, l'amministratore del negozio può abilitare le impostazioni per la home page, le pagine delle categorie, le pagine dei prodotti e le pagine CMS. Secondo le impostazioni abilitate dall'amministratore, AMP apparirà come mostrato di seguito:

Pagina

Vari prodotti in primo piano, prodotti per i nuovi arrivi e prodotti più venduti possono essere mostrati sulla Home page del sito Web.

Puoi visualizzare video di YouTube, video Dailymotion, video Vimeo, feed Instagram e feed Twitter sulla home page.


Product Page


categoria Pagina

Barra di consenso per i cookie

Cursore menu sinistro

In questo modo l'estensione di pagine mobili accelerate OpenCart converte le pagine del sito Web generale in pagine mobili accelerate senza alcun processo complicato. Il commerciante online può implementare facilmente il modulo Pagine mobili accelerate di OpenCart senza problemi e migliorare facilmente il tempo di caricamento delle pagine senza problemi. Il modulo di pagine mobili accelerate OpenCart fornisce impostazioni separate per la homepage, le pagine dei prodotti, le pagine delle categorie e le pagine CMS che semplificano la configurazione per l'amministratore del negozio. L'amministratore può fare un passo avanti per ridurre la frequenza di rimbalzo del sito Web offrendo pagine Web di siti Web mobili.

Per ulteriori Moduli OpenCart visitare il sito Knowband.

OpenCart?Link

OpenCart?Admin?Demo?Link

OpenCart?Front-end?demo?link

Google

Persupport@knowband.com?anytime.