1.0 Introdução
A Prestashop, a solução de comércio eletrônico de código aberto, agora pode garantir melhor interação e engajamento do usuário. Módulo de guias de produto Prestashop oferece uma maneira fácil de otimizar a página do produto do site. Com a ajuda dessa extensão, o administrador da loja pode adicionar N número de guias na página do produto. Essas guias podem mostrar mensagens de texto ou vídeos. A falta de informações nesta página da web pode adiar os clientes quando eles estão apenas a um passo de fazer o pagamento. O módulo de informações do produto Prestashop garante que os visitantes da loja nunca tenham falta das informações desejadas.
Os comerciantes eletrônicos podem facilitar a decisão de compra do cliente adicionando guias suplementares e fornecendo informações adicionais. O administrador pode usar o addon para melhorar a apresentação de suas ofertas.
1.1. Objetivos do projeto
As guias de página de produto Prestashop addon permitem que os fornecedores eletrônicos atinjam os seguintes objetivos:
1. O Módulo Prestashop ajuda você a criar e adicionar guias extras na página do produto. As novas guias podem ser usadas para mostrar informações adicionais para melhorar a interação do usuário.
2. Fornecer melhor clareza do produto para os clientes, exibindo seus vídeos ou vídeos instrutivos relacionados e outros.
3. As guias podem ser adicionadas e editadas em todas as páginas de produtos do site, bem como em uma determinada página da web, conforme a exigência do usuário.
4. O módulo de guias do produto Prestashop torna mais fácil para o administrador da loja otimizar as páginas da web. As abas criadas podem ser editadas apenas clicando em alguns botões.
1.2. Características
- O administrador da loja de comércio eletrônico pode adicionar um número n da guia de informações nas páginas do produto.
- As guias são altamente personalizáveis.
- Não há necessidade de alterar o código no back-end.
- As informações adicionais do Prestashop permitem que o administrador da loja mostre informações de envio, informações relacionadas ao produto e informações sobre estoque.
- O módulo Adicionar guias extras do Prestashop Add permite que o administrador da loja adicione vídeos relacionados e vídeos nos sites dos produtos.
- O proprietário da loja pode criar guias para uma única página do produto ou para todas as páginas do site.
- O administrador da loja pode adicionar texto ou vídeos.
- Prestashop Product extra tabs extension permite editar ou excluir abas já criadas.
- O administrador da loja pode monitorar toda a lista das guias em uma única página.
- O plug-in de guias de informações extras do produto Prestashop é compatível com várias lojas.
- Prestashop Adicionar Módulo de abas extra personalizado é compatível com vários idiomas.
- Este módulo é compatível com todos os temas do Prestashop e com a última versão do Prestashop.
Instalação 2.0
Para instalar o addon Prestashop em sua loja, adquira-o na loja. Uma vez comprado, você obterá os seguintes arquivos, conforme listado abaixo:
1. producttabs.zip com o código-fonte do módulo
2. Manual do usuário
Siga as etapas abaixo mencionadas para instalar a extensão:
- Descompacte o arquivo zipado. Ele conteria arquivos e pastas conforme mostrado abaixo –
- Copie todos os arquivos e pastas da pasta descompactada para o diretório “Módulos” de sua loja no caminho – Diretório Raiz / modules /.
3. Agora o módulo pode ser instalado na sua loja Prestashop. Você pode encontrá-lo em Store Admin -> Modules and Services. Mostraria como abaixo
No caso, você pode pesquisar o mesmo na barra de pesquisa com os seguintes detalhes:
palavra chave – guias do produto
Categoria – Front office
Filtrar por – Instalado e não instalado / ativado e desativado
- Clique em “Instalar“botão para instalar o módulo. Ele mostraria um pop-up para sua confirmação. Clique na opção” Continuar com a instalação “. Esta etapa irá instalar o módulo e mostrar a notificação -” Módulo (s) instalado (s) com sucesso “.
Interface administrativa 3.0
A tarefa de alterar o layout das páginas da web foi um desafio anterior, mas com a ajuda do módulo de guias da página do produto Prestashop, agora você pode fazer isso em questão de momento.
- Habilitar desabilitar: Instalando e configurando o módulo Prestashop é um cakewalk para os donos de lojas. A funcionalidade pode ser ativada na loja apenas alternando o botão mostrado na imagem abaixo.
3.1 Como criar uma nova guia na página do produto?
A extensão de guias extras do produto Prestashop permite que a loja crie abas personalizadas em todas as páginas do produto de uma só vez. Essas guias podem mostrar as condições de envio, termos e condições do site, vídeos relacionados ou qualquer outra informação. Tudo isso pode ser feito a partir das “Guias de Produto” da interface de administração.
3.1.1 Criar nova guia
The interface shows the entire list of the created product tabs. In order to create a new tab, click the ‘+’ sign at the top right side of the admin panel.
- Língua: The multi-lingual tab can showcase the messages in multiple languages. The Prestashop eCommerce store admin is required to select the desired one as per the requirement.
- Select the Store: Prestashop product information addon is multi-store compatible. The changes can be incorporated on more than one store from a single interface. The entire list of the stores is shown in this field. The admin can select the one in which he wants to make the changes.
- Posição: The position specifies the order of the information display. The tabs will be displayed on the web page as the specified order by the Prestashop eCommerce store admin.
- Enable/Disable this Tab: The tab can be enabled or disabled from the website just by switching the button on or off.
- Tipo de conteúdo: This field specifies the type of the content that you are looking to showcase. The admin can flash the Text messages or the videos in these tabs. The options can be selected from the radio button.
- Content Details or Videos: The description of the information that is to be displayed at the front-end of the website can be written. The same message will be shown on the product page.
In case, the Prestashop eCommerce store admin is looking to show a video, then, he can select the option ‘URL’.
The YouTube Video URL can be entered in the tab and the video will be shown on the website.
3.1.2 Edit or Delete the Created Tab
The interface lists out the entire tabs created by the store admin. The e-merchants are offered the option to Edit or Delete them as shown in the image below. The status of the module can be changed from enabled to disabled at a button click.
In case, the Prestashop store admin chooses to edit the tab, he’ll be offered an interface to make the necessary changes as required.
3.1.3 How to Create a New Tab in a Single Product Page?
The changes can be implemented on single web pages. For doing so, follow the path in the main menu of the admin panel: Catalog -> Products
Select the product page from the list in which you want to make the changes and click on the ‘Editarbotão.
The various customization options includes the option to create the product tab as if the module is enabled. It is shown in the image below:
The Product Tabs option allows the admin to add supplementary information on the product page by following the same procedure as earlier. However, these changes will be incorporated only in that particular web page.
4.0 Website UI
The added tab will be shown at the front end of the website as below. The tabs will be placed as per the location prescribed in the backend.
The site visitors can collapse or expand the tab by clicking on it. The interface will look very similar to what is shown in the image below.
Link do Módulo:
https://www.knowband.com/prestashop-product-tabs
Link de demonstração do administrador:
https://psm.knowband.com/producttabs/16/admin1/index.php?controller=AdminModules&token=2a1dbe1666dd87fb270314503584878b&configure=producttabs&tab_module=front_office_features&module_name=producttabs
Demonstração Frontal:
https://psm.knowband.com/producttabs/16/en/
Youtube video: ?
https://www.youtube.com/watch?v=-3iLLxwkyYs
Entre em contato conosco em support@knowband.com para qualquer consulta ou solicitação de alteração personalizada de acordo com seus requisitos de negócios.