1.0 Introduzione
Prestashop, la soluzione di e-commerce open source può ora garantire una migliore interazione e coinvolgimento degli utenti. Modulo Prestashop Product Tabs offre un modo semplice per ottimizzare la pagina del prodotto del sito. Con l'aiuto di questa estensione, l'amministratore del negozio può aggiungere N numero di schede sulla pagina del prodotto. Queste schede possono mostrare messaggi di testo o video. La mancanza di informazioni in questa pagina web può rimandare i clienti quando sono a un passo dal pagamento. Il modulo di informazioni sul prodotto Prestashop garantisce che i visitatori del negozio non siano mai a corto di informazioni desiderate.
Gli e-merchants possono facilitare la decisione di acquisto del cliente aggiungendo schede supplementari e fornendo ulteriori informazioni. L'amministratore può utilizzare l'addon per migliorare la presentazione delle loro offerte.
1.1. Obiettivi di progetto
Le schede delle pagine di prodotto Prestashop addon consentono agli e-vendor di raggiungere i seguenti obiettivi:
1. il Modulo Prestashop ti aiuta a creare e aggiungere schede aggiuntive sulla pagina del prodotto. Le nuove schede possono essere utilizzate per mostrare informazioni aggiuntive al fine di migliorare l'interazione dell'utente.
2. Fornire una migliore chiarezza del prodotto ai clienti mostrando i propri video o video didattici correlati e altri.
3. Le schede possono essere aggiunte e modificate su tutte le pagine del prodotto del sito e in una pagina Web specifica secondo le esigenze dell'utente.
4. Il modulo schede prodotto Prestashop semplifica l'amministrazione del negozio per ottimizzare le pagine web. Le schede create possono essere modificate semplicemente facendo clic su alcuni pulsanti.
1.2. Caratteristiche
- L'amministratore del negozio eCommerce può aggiungere n numero di schede delle informazioni sulle pagine del prodotto.
- Le schede sono altamente personalizzabili.
- Non è necessario modificare il codice nel back-end.
- Le informazioni aggiuntive di Prestashop consentono all'amministratore del negozio di mostrare la spedizione, le informazioni relative al prodotto e le informazioni sugli stock.
- Il modulo Prestashop Add Extra personalizzato consente all'amministratore del negozio di aggiungere video correlati e video ai prodotti nelle pagine dei prodotti.
- Il proprietario del negozio può creare schede per una singola pagina di prodotto o tutte le pagine del sito web.
- L'amministratore del negozio può aggiungere testo o video.
- L'estensione di schede extra del prodotto Prestashop consente di modificare o eliminare le schede già create.
- L'amministratore del negozio può monitorare l'intero elenco delle schede su una singola pagina.
- Il plug-in di informazioni extra sul prodotto Prestashop è compatibile con più negozi.
- Il modulo Prestashop Add Extra personalizzato è multilingue compatibile.
- Questo modulo è compatibile con tutti i temi Prestashop e l'ultima versione di Prestashop.
Installazione 2.0
Per installare l'add-on Prestashop nel tuo negozio, acquistalo dal negozio. Una volta acquistato, otterrai i seguenti file come elencato di seguito:
1. producttabs.zip con il codice sorgente del modulo
2. Manuale utente
Segui i passaggi indicati di seguito per installare l'estensione:
- Decomprimere il file zippato. Conterrebbe file e cartelle come mostrato di seguito –
- Copia tutti i file e le cartelle della cartella decompressa nella directory "Moduli" del negozio sul percorso – Directory di root / moduli /.
3. Ora il modulo può essere installato sul tuo negozio Prestashop. Puoi trovarlo in Store Admin -> Modules and Services. Mostrerebbe come sotto
Nel caso in cui, puoi cercare lo stesso nella barra di ricerca con i seguenti dettagli-
Parola chiave – Schede prodotto
Categoria – Sportello
Filtra per – Installato e Non installato / Abilitato e Disabilitato
- Clicca su "Installazione"per installare il modulo, mostrerebbe un pop-up per la conferma.Fare clic sull'opzione" Procedi con l'installazione ".Questo passaggio installerà il modulo e mostrerà la notifica:" Modulo installato correttamente ".
3.0 Admin Interface
Il compito di modificare il layout delle pagine Web era in precedenza una sfida, ma con l'aiuto del modulo delle schede della pagina del prodotto Prestashop, ora puoi farlo in un attimo.
- Attiva / Disattiva: Installare e configurare il modulo Prestashop è una passeggiata per i proprietari del negozio. La funzionalità può essere attivata nello store semplicemente attivando il pulsante mostrato nell'immagine sottostante.
3.1 Come creare una nuova scheda nella pagina del prodotto?
L'estensione di schede extra del prodotto Prestashop consente allo store di creare schede personalizzate su tutte le pagine del prodotto in un colpo solo. Queste schede possono mostrare le condizioni di spedizione, i termini e le condizioni del sito Web, i video correlati o qualsiasi altra informazione. Tutto ciò può essere fatto dalle "Schede prodotto" dell'interfaccia di amministrazione.
3.1.1 Crea una nuova scheda
L'interfaccia mostra l'intero elenco delle schede del prodotto creato. Per creare una nuova scheda, fai clic sul segno "+" nella parte in alto a destra del pannello di amministrazione.
- Lingua: La scheda multilingue può mostrare i messaggi in più lingue. L'amministratore del negozio eCommerce Prestashop è necessario per selezionare quello desiderato secondo il requisito.
- Seleziona il negozio: L'addon di informazioni sul prodotto Prestashop è compatibile con più negozi. Le modifiche possono essere incorporate in più di un negozio da un'unica interfaccia. L'intero elenco dei negozi è mostrato in questo campo. L'amministratore può selezionare quello in cui vuole apportare le modifiche.
- Posizione: La posizione specifica l'ordine della visualizzazione delle informazioni. Le schede verranno visualizzate sulla pagina Web come l'ordine specificato dall'amministratore del negozio eCommerce Prestashop.
- Abilita / Disabilita questa scheda: La scheda può essere attivata o disattivata dal sito web semplicemente attivando o disattivando il pulsante.
- Tipo di contenuto: Questo campo specifica il tipo di contenuto che stai cercando di mostrare. L'amministratore può lampeggiare i messaggi di testo o i video in queste schede. Le opzioni possono essere selezionate dal pulsante di opzione.
- Dettagli del contenuto o video: La descrizione delle informazioni che devono essere visualizzate sul front-end del sito Web può essere scritta. Lo stesso messaggio verrà mostrato sulla pagina del prodotto. Nel caso in cui l'amministratore del negozio Prestashop eCommerce stia cercando di mostrare un video, quindi, può selezionare l'opzione 'URL'.
L'URL del video di YouTube può essere inserito nella scheda e il video verrà mostrato sul sito web.
3.1.2 Modifica o Elimina la scheda creata
L'interfaccia elenca tutte le schede create dall'amministratore del negozio. Gli e-merchant hanno la possibilità di modificarli o eliminarli come mostrato nell'immagine qui sotto. Lo stato del modulo può essere modificato da abilitato a disabilitato con un clic del pulsante.
Nel caso in cui l'amministratore del negozio Prestashop scelga di modificare la scheda, gli verrà offerta un'interfaccia per apportare le modifiche necessarie come richiesto.
3.1.3 Come creare una nuova scheda in una pagina di singolo prodotto?
Le modifiche possono essere implementate su singole pagine Web. Per fare ciò, segui il percorso nel menu principale del pannello di amministrazione: Catalogo -> Prodotti
Seleziona la pagina del prodotto dall'elenco in cui vuoi apportare le modifiche e fai clic su 'ModificaPulsante '.
Le varie opzioni di personalizzazione includono l'opzione per creare la scheda del prodotto come se il modulo fosse abilitato. È mostrato nell'immagine qui sotto:
L'opzione Schede prodotto consente all'amministratore di aggiungere informazioni supplementari sulla pagina del prodotto seguendo la stessa procedura di prima. Tuttavia, queste modifiche verranno incorporate solo in quella particolare pagina web.
Interfaccia utente del sito Web 4.0
La scheda aggiunta verrà visualizzata nella parte anteriore del sito Web come di seguito. Le schede verranno posizionate secondo la posizione prescritta nel back-end.
I visitatori del sito possono comprimere o espandere la scheda facendo clic su di essa. L'interfaccia apparirà molto simile a quanto mostrato nell'immagine sottostante.
Link al modulo:
https://www.knowband.com/prestashop-product-tabs
Demo frontale:
https://psm.knowband.com/producttabs/16/en/
Video Youtube:
https://www.youtube.com/watch?v=-3iLLxwkyYs
Seli metta in contatto con prego a support@knowband.com per qualsiasi richiesta o richiesta di modifica personalizzata in base ai requisiti aziendali.