Tag: Módulo personalizador de produto avançado

Extensão Opencart Product Designer/Customizer – Manual do Usuário

1.0 Introdução

Todo mundo adora um toque pessoal. Isso é especialmente verdade no universo de compras online de hoje, que permite que você encomende o produto de sua escolha no conforto do seu próprio sofá. Além disso, o aumento espetacular do número de lojas online deu aos clientes uma ampla gama de opções de compra. E é aí que entra a customização do produto. Empresas que implementam a customização de produtos, projetam, alteram e comercializam seus itens de acordo com as necessidades ou desejos do cliente.�Designer/Customizador de Produto Opencart oferece muitos benefícios e geralmente leva a taxas de conversão mais altas. Até alguns anos atrás, os produtos personalizados eram praticamente limitados a um pequeno círculo de marcas e itens. É composto principalmente de itens de presente, produtos de vitrine ou mercadorias de marketing. Figurativamente falando, você poderia contar a quantidade de itens personalizados nos dedos de uma mão. Felizmente, muita coisa mudou. Para o bem. Vendedores de praticamente tudo, de vestidos e camisas a bolsas e até bens de consumo embalados, estão descobrindo os benefícios e o valor da personalização de produtos. Cada vez mais marcas estão descobrindo que a personalização de itens e serviços é uma ótima maneira de aumentar a fidelidade e o engajamento do cliente. OpenCart Product Designer/Customizer é uma maneira fácil de permitir que seus clientes personalizem qualquer produto de acordo com seu desejo e façam um pedido com você. Dá flexibilidade ao seu cliente para obter o Produto que deseja e da maneira que deseja e, consequentemente, aumentar suas vendas. Os clientes podem adicionar facilmente textos coloridos ricos com efeitos, fazer upload de suas imagens com filtros e adicionar um código QR para torná-lo adequado às suas necessidades.

Por que você deve dar a opção de Personalização de Produto aos seus clientes?

Se você está se perguntando por que a personalização do produto? Então, aqui está o motivo pelo qual isso tornaria sua loja na Web melhor.

picture1
2.0 Guia de Instalação

Antes de iniciar o processo de instalação, você deve comprar o Opencart Product Designer/Customizer na loja Knowband. Após a compra, você receberá os seguintes arquivos em seu e-mail cadastrado. 1. Código fonte do módulo de personalização do produto Opencart em formato de arquivo compactado. 2. Manual do usuário da extensão de designer de produto personalizado Opencart. Agora, para instalar esta extensão de designer de produto personalizado Opencart em sua loja online, siga as etapas fornecidas:

– Descompacte o arquivo zip. Você obterá as pastas conforme mostrado na imagem abaixo


– Copie todas as pastas do arquivo zip no diretório raiz da configuração do OpenCart via gerenciador de FTP. Assim, o módulo Opencart Custom Product Design agora está instalado com sucesso e está pronto para uso em sua loja. Vá para o menu de administração e clique nas extensões. Escolha o Tipo de Extensão como Módulos. Você encontrará uma lista de módulos. Selecione o Designer/Customizador de Produto Opencart.

3.0 Interface de administração do personalizador de designer de produto Opencart

Para configurar a extensão Product Designer/Customizer para OpenCart, navegue pelas configurações na seguinte ordem:
Painel de administração > Extensões > Módulos > Designer/personalizador de produtos

A interface de administração da extensão OpenCart Product Designer/Customizer inclui as seguintes configurações principais:

  • configurar
  • Cores
  • fonte
  • Grupo de Imagens

Como personalizar um produto?

Para personalizar um Produto, siga o seguinte caminho:
Catálogo>> Produtos>> Selecione um Produto>> Editar>> Designer/Customizador de Produto


Assim que o usuário clicar no Product Designer/Customizer, o usuário terá as seguintes opções no módulo Opencart Extended Product Customization:

Configuração 3.0.1

Através desta configuração do módulo Opencart Custom Product Design, o Usuário pode habilitar/desabilitar todo o Módulo e fazer alterações na Customização do Produto.

Preço 3.0.2

Esta configuração do módulo Opencart Extended Product Customization permite que o Admin decida o preço fixo para cada personalização que deve ser adicionada no Produto. A tela para o mesmo ficará como mostrado abaixo:


3.0.3 Text

Através desta configuração do módulo Opencart Custom Product Design, o Admin pode controlar a opção Texto na Customização. A tela para esta opção ficará como mostrado abaixo:

Lados 3.0.4

A configuração de lados do módulo de extensão de designer de produto personalizado Opencart permite que o administrador adicione uma imagem de diferentes lados do produto para que o usuário possa personalizar o produto de qualquer lado que desejar. O administrador também pode nomear os lados adicionados. A tela ficará como mostrado:

Como configurar fontes, cores e grupos de imagens?

Enquanto você altera as configurações de personalização de um produto, você encontrará as opções para selecionar diferentes fontes, cores e grupos de imagens no canto superior direito da tela. Você encontrará três opções como:

1. Configurar fontes

Todas as fontes que foram adicionadas do módulo estão listadas aqui nesta interface. Você pode ativar ou desativar diretamente qualquer fonte.


2. Configurar cores

Todas as cores que foram adicionadas usando o módulo estão listadas aqui nesta interface. Você pode ativar ou desativar diretamente qualquer cor.

3. Configurar grupos de imagens


Todos os grupos de imagens que foram adicionados estão listados aqui nesta interface. Você pode ativar ou desativar diretamente qualquer grupo de imagens. Ao clicar no botão “Ver Imagens”, você verá a seguinte tela.

3.0.5 Configurar

Esta opção é fornecida no painel de administração da extensão de designer de produto personalizado OpenCart, o administrador pode habilitar/desabilitar todo o módulo desta configuração. A tela ficará como mostrado abaixo:


Fontes 3.0.6

Através desta configuração do módulo OpenCart Extended Product Customization, o Admin pode adicionar uma nova fonte no sistema e também editar a existente. A tela ficará como mostrado abaixo:

Editar fonte: Você pode editar um conjunto de fontes existente usando a opção Editar. As telas de Edição de Fonte serão as mesmas de Adicionando uma Fonte. A única diferença será que Editar terá os campos já preenchidos.

Excluir fonte: Você pode excluir uma fonte clicando no ícone ‘Lixeira’. Um pop-up aparecerá pedindo a confirmação. Você pode clicar em sim e a fonte será excluída.

Adicionar fonte: Você pode adicionar uma fonte no módulo OpenCart Extended Product Customization clicando no ícone ‘+’ fornecido na parte superior da página. A tela ficará como mostrado abaixo:

3.0.7 Colors

Através desta configuração do módulo OpenCart Extended Product Customization, o Admin pode adicionar uma nova cor no sistema e também editar a existente. A tela ficará como mostrado abaixo:


Editar cor: Você pode editar um conjunto de cores existente usando a opção Editar. As telas de Edição de Cor serão as mesmas de Adicionando uma Cor. A única diferença será que Editar terá os campos já preenchidos.

Excluir cor: Você pode excluir uma cor clicando no ícone ‘Lixeira’. Um pop-up aparecerá pedindo a confirmação. Você pode clicar em sim e a fonte será excluída.

Adicionar cor: Você pode adicionar uma cor no módulo OpenCart Extended Product Customization clicando no ícone ‘+’ fornecido na parte superior da página. A tela ficará como mostrado abaixo:


3.0.8 Grupo de Imagens

As configurações do grupo de imagens do módulo OpenCart Extended Product Customization permitem que o administrador adicione um grupo de imagens para oferecer a seus clientes a personalização do produto. A tela ficará como mostrado abaixo:

Editar grupo de imagens: Você pode Editar um conjunto de Grupos de imagens existente usando a opção Editar. As telas para Editar Grupo de Imagens serão as mesmas de Adicionar uma Cor. A única diferença será que Editar terá os campos já preenchidos.

Excluir grupo de imagens: Você pode excluir um grupo de imagens clicando no ícone ‘Lixeira’. Um pop-up aparecerá pedindo a confirmação. Você pode clicar em sim e a fonte será excluída.

Adicionar grupo de imagens: Você pode adicionar um grupo de imagens no módulo OpenCart Extended Product Customization clicando no ícone ‘+’ fornecido na parte superior da página. A tela ficará como mostrado abaixo:

Visualização do grupo de imagens:�Você pode visualizar todas as imagens dentro de um grupo clicando no ícone “Olho” correspondente a um determinado grupo. Ele mostrará a tela abaixo:


Aqui, você pode adicionar uma nova imagem ao grupo, editar/excluir a imagem existente. Ao clicar no botão Adicionar, você verá as seguintes opções, conforme mostrado abaixo:

Enviar Imagem: Esta opção permitirá que você navegue uma imagem desejada do seu computador local e carregue-a aqui.

Preço: Esta opção define o preço da imagem selecionada.

Ativo: Esta opção habilita ou desabilita a imagem para o grupo selecionado. Defina-o como SIM ou NÃO. Da mesma forma, você pode clicar no botão Editar correspondente à imagem. As opções serão as mesmas, a única diferença é que os campos serão preenchidos conforme a imagem abaixo.


A exclusão de uma imagem é simples. Basta clicar no ícone “Lixeira” correspondente à imagem.

4.0 Interface Frontal do Módulo Customizador do Designer de Produto Opencart

Se o módulo Opencart Product Designer/Customizer estiver ativado, ele mostrará um botão “Personalizar” na página do produto, conforme mostrado abaixo.

Ao clicar no botão Personalizar, o cliente verá uma tela pop-up que consistirá em várias configurações de design e personalização do produto. Os clientes podem adicionar qualquer cor, texto personalizado, imagem personalizada ou código QR para um produto de acordo com seus requisitos de compras.

Os clientes podem realizar vários tipos de personalizações como:

1. Cor

 

2. Imagem

Os clientes podem selecionar uma imagem de sua escolha nas opções de grupo de imagens fornecidas.

Eles podem fazer upload e imprimir qualquer outra imagem de sua escolha do espaço local.

Eles podem até imprimir o código QR para algum texto oculto ou link de site.

 

3. Texto


O cliente pode salvar todas as personalizações de seu produto clicando no botão Salvar conforme mostrado abaixo.

Ele mostrará a caixa de seleção de custo na tela. Clique em OK para confirmar.


Da mesma forma, essas personalizações são aplicáveis ​​a outros produtos da loja, como canecas e capas de telefone.

Página de resumo do carrinho de compras para produto personalizado

A imagem de front-end abaixo mostra como o produto personalizado é exibido na página do carrinho com diferentes opções para os clientes depois de clicar no botão “Salvar personalização”.


O cliente pode visualizar a Nota Fiscal deste produto personalizado conforme mostrado abaixo.


Visualização do pedido no painel de administração

O administrador pode visualizar a fatura do pedido e toda a configuração referente à personalização do produto do back-office. Os detalhes de um pedido podem ser visualizados na seção Pedidos do Painel Administrativo.


Ao clicar no botão Visualizar correspondente a um produto, o administrador pode verificar os detalhes completos do pedido do produto personalizado.

Ao clicar nas imagens do produto, o administrador verá os detalhes completos do produto personalizado na forma de uma tela pop-up, conforme mostrado abaixo.

Add-on Prestashop Product Designer/Customizer – Manual do Usuário

1.0 Introdução

Como proprietário de uma loja, você sempre pensou em multiplicar as conversões, mas não na experiência de compra dos seus clientes. Um cliente feliz e satisfeito é aquele que retorna à loja em busca de mais produtos. Portanto, se você deseja fidelizar seus clientes, torne a experiência deles memorável integrando o addon Designer/Customizador de Produtos do Prestashop à sua loja virtual. Com a ajuda do Módulo de design de produto personalizado da PrestashopOs lojistas do PrestaShop podem oferecer opções de personalização de produtos online intuitivas e criativas aos seus clientes, permitindo que eles transformem a versão básica do produto em um design moderno, elegante e exclusivo. O complemento de personalização de produtos do PrestaShop permite que o administrador exiba o painel de personalização quando o usuário clica no botão “Personalizar” na página do produto. Os clientes podem facilmente adicionar textos coloridos com efeitos, fazer upload de imagens com filtros e adicionar um código QR para atender às suas necessidades.

1.1 Recursos impressionantes do complemento de personalização de produtos do Prestashop

Não são necessários conhecimentos técnicos de programação para configurar ou modificar as definições do módulo de Design de Produto Personalizado do Prestashop. Tudo é muito fácil com este módulo. Vamos conferir rapidamente os diferentes recursos oferecidos por este complemento do Prestashop.

  • O complemento Designer/Personalizador de Produtos do Prestashop ajuda a oferecer uma ampla gama de produtos personalizáveis ​​em sua loja online. Usando o complemento Designer/Personalizador de Produtos do Prestashop, os clientes podem comprar facilmente e aproveitar os benefícios dos produtos online expandidos, que podem ser personalizados de acordo com suas necessidades.
  • O Designer de Produtos Online adiciona uma visualização de design para os produtos, permitindo que os potenciais compradores personalizem o produto em tempo real. O módulo de configurador de produtos permite que o administrador do Prestashop adicione um conjunto diferente de opções de personalização para cada produto na loja.
  • Com a integração do módulo de design de produtos do Prestashop, os clientes podem acessar o painel de personalização de qualquer produto que desejem comprar, como camisetas, canecas, anéis ou qualquer outro tipo de produto que possa ser personalizado de acordo com suas necessidades.
  • O complemento de personalização de produtos do Prestashop exibe um botão “Personalizar” para cada produto personalizável na loja. O administrador pode habilitar as opções de personalização apenas para os produtos desejados.
  • A funcionalidade completa do complemento Designer/Personalizador de Produtos do Prestashop pode ser ativada ou desativada. Quando este módulo está desativado, as opções padrão de personalização do produto são exibidas na página do produto.
  • O módulo avançado de personalização de produtos exibe o cálculo do preço da personalização em tempo real na página do produto.
  • Com o complemento de design de produto personalizado do Prestashop, o administrador pode definir os lados do design do produto que estarão disponíveis para o usuário.
  • O módulo de configuração de produtos permite que o administrador habilite ou desabilite as opções de download de arquivos PDF para os clientes na interface do usuário.
  • O módulo de Personalização Avançada de Produtos do Prestashop oferece a opção de adicionar imagens predefinidas a um produto. Essas imagens predefinidas geralmente são agrupadas. Os clientes podem carregar e definir qualquer imagem de sua preferência.
  • Com este módulo de design de produtos para Prestashop, o cliente pode usar de forma flexível as fontes, cores e filtros desejados para o produto.
  • Este módulo avançado de personalização de produtos permite ao administrador definir preços para diferentes opções de personalização.
  • O módulo de personalização de produtos do Prestashop também oferece a opção de personalizar o produto usando um código QR, para o qual o administrador pode definir um preço separado.
  • O complemento de design de produto personalizado do Prestashop adiciona automaticamente um preço fixo de design completo ao preço final personalizado de um produto.
  • O complemento Prestashop Product Designer/Customizer oferece suporte à compatibilidade com várias lojas e vários idiomas.
  • O complemento de designer de produtos personalizados para Prestashop é responsivo para dispositivos móveis e compatível com vários temas do Prestashop.

1.2 Tecnologia para o Desenvolvimento

  • Idioma: PHP
  • Estrutura: Prestashop

Guia de Instalação 2.0 para o módulo Personalizador Avançado de Produtos

O administrador da loja pode seguir estes passos simples para instalar o complemento de personalização de produtos do Prestashop em sua loja virtual: 1. Primeiro, baixe o pacote do complemento na loja da Knowband. 2. Você receberá um arquivo compactado contendo o código-fonte e o manual do usuário. Descompacte o pacote completo no diretório raiz da sua loja Prestashop através de um gerenciador de FTP (como o Filezilla ou o WinSCP – baixe aqui: https://filezilla-project.org/). Você encontrará os arquivos e pastas conforme mostrado na imagem abaixo:

O complemento de design de produtos personalizados do Prestashop já está instalado e pronto para uso. Agora, o administrador pode configurar as diversas opções de acordo com as necessidades do seu site Prestashop.

3.0 Interface administrativa do módulo de personalização avançada de produtos do Prestashop

Logo após a instalação bem-sucedida de Complemento para Designer / Customizador de Produto Prestashop Em seu site, você pode configurar as definições do painel de personalização de produtos de acordo com suas necessidades. No painel de administração ou dashboard, clique em “Módulos e Serviços” e, em seguida, no botão “Configurar” localizado ao lado de Knowband Product Designer/Customizer.

Aqui, na próxima interface, você encontrará as configurações completas do módulo Designer/Personalizador de Produto, juntamente com suas subseções, conforme listado abaixo.

Este módulo de Personalização de Produtos da Knowband consiste em quatro subseções, que serão discutidas em detalhes a seguir: 1. Configuração; 2. Fontes; 3. Cores; 4. Grupo de Imagens. Cada aba do módulo de Personalização de Produtos Avançado do Prestashop será explicada abaixo:

Configuração 3.1

Nas configurações do complemento de personalização de produtos do Prestashop, você pode realizar as configurações básicas do painel de personalização exibido aos clientes na interface do produto.

  • Ativar/Desativar: Com esta opção, você pode ativar ou desativar completamente a funcionalidade do módulo de Personalização Avançada de Produtos do Prestashop para os clientes.
  • Exibir a opção de baixar o PDF no carrinho: Você pode ativar ou desativar esta opção para baixar a imagem do projeto em PDF na página de pedidos do administrador.
  • Exibir pré-visualização do design no PDF da fatura: Ative ou desative esta opção para exibir ou ocultar a pré-visualização do design no PDF da fatura.
  • Número máximo de slides: Com essa opção, você pode definir o número máximo de páginas do produto que podem ser personalizadas na interface do usuário.

Fontes 3.2

Nesta seção do módulo de design de produtos do Prestashop, o proprietário da loja tem a opção de adicionar diversas fontes para que o cliente possa escolher e imprimir um texto estilizado no produto. A primeira interface mostrada abaixo exibe uma lista das fontes disponíveis no front-end. É possível adicionar uma nova fonte, modificar ou excluir uma já existente.

Aqui você pode realizar as outras duas ações da seguinte forma:

1. Adicionando uma nova fonte

Para adicionar um novo estilo de fonte, siga estes passos: Clique na aba Fontes e depois no botão “+” (Adicionar Fonte) no painel administrativo. A interface abaixo será exibida.

  • Ativo: Esta opção irá ativar ou desativar a fonte.
  • Título da fonte: Usando essa opção, você pode definir o título da fonte exatamente como está no Google Fonts.
  • Incorporar @import Fonte: Para usar a fonte do Google, você precisa incorporar a classe `import Font`. Para isso, você precisa:
  • Clique no link “Google Fonts” fornecido logo abaixo da opção. A tela abaixo será exibida.
  • Escolha a fonte desejada e clique no botão “+” para adicionar o estilo de fonte escolhido.

  • Ao adicionar uma fonte, uma janela pop-up será exibida com a lista da família de fontes selecionada. Clique na aba Incorporar e, em seguida, no botão @Importar.
  • Copie o URL de importação da fonte e cole-o no campo “Incorporar fonte de importação”.

2. Editar uma fonte existente

Se você deseja editar a fonte existente, basta clicar no botão Editar localizado ao lado do estilo da fonte. Você verá as seguintes opções:

  • Ativo: Ative ou desative o estilo da fonte.
  • Estilo de fonte: Edite o título da fonte usando esta opção.
  • Incorporar @Importar fonte: Modifique o URL de importação para essa fonte específica.

3.3 Colors

Nesta seção de Módulo de configuração de produtosVocê pode definir sua própria paleta de cores e permitir que seus clientes escolham qualquer cor para o produto selecionado. A interface a seguir mostra uma lista de cores existentes que podem ser editadas, ou você pode adicionar uma nova cor, se necessário.

1. Adicionando uma nova cor

  • Código de cores: Com esta opção, selecione a cor desejada para ser exibida na página de personalização do produto.
  • Ativo: Ativa ou desativa a cor.

2. Editar uma cor existente

  • Código de cores: Com esta opção, selecione a cor desejada para ser exibida na página de personalização do produto.
  • Ativo: Ativa ou desativa a cor existente.

3.4 Grupos de Imagens

Para um produto selecionado, o cliente pode escolher qualquer imagem padrão fornecida pelo proprietário da loja ou pode carregar uma nova imagem personalizada para a customização do produto. As imagens padrão foram categorizadas em grupos de imagens. Esses grupos de imagens existentes podem ser editados ou você pode adicionar um novo grupo de imagens.

1. Adicionando um novo grupo de imagens

  • Nome do grupo de imagens: Você pode definir o nome desejado para o grupo de imagens.
  • Enviar Imagem: Você pode carregar e definir uma imagem para o logotipo do grupo.
  • Ativo: Esta opção irá ativar ou desativar o grupo de imagens.

2. Editar um grupo de imagens existente

  • Nome do grupo de imagens: Você pode definir o nome desejado para o grupo de imagens.
  • Enviar Imagem: Você pode carregar e definir uma imagem para o logotipo do grupo.
  • Ativo: Esta opção irá ativar ou desativar o grupo de imagens.

Para visualizar, adicionar ou excluir imagens dentro de qualquer grupo de imagens, clique na opção “Visualizar imagens” correspondente ao grupo de imagens.

A seguinte interface será exibida.

Aqui, você pode adicionar uma nova imagem, excluir ou alterar as imagens existentes dentro de um grupo.

4.0 Configurações de personalização para produtos do site

As configurações de fontes, cores e grupos de imagens discutidas nas seções 3.2, 3.3 e 3.4 são aplicáveis ​​a todos os produtos do site. Essas configurações podem ser chamadas de configurações globais. Além disso, as configurações também podem ser feitas em nível de produto. Essas configurações são específicas para o produto que o administrador configurou no painel administrativo. Abaixo, descrevemos as configurações de personalização de produtos individuais. O administrador do site pode aplicar essas configurações de forma diferente para qualquer produto na loja. Para configurar as opções de personalização de produtos individuais, siga os passos abaixo: 1. No painel administrativo, acesse a opção “Catálogo” na barra de menu à esquerda da interface.

2. Clique na opção “Produtos” em “Catálogo”.

Você verá uma lista de produtos da loja, juntamente com uma opção para editar ou configurar o produto. A tela de produtos da loja é mostrada abaixo:

Ao clicar no botão “Editar” de um produto, você encontrará as seguintes configurações. Selecione a aba Designer/Personalizador de Produto.

Agora, as configurações completas do designer/personalizador de produtos estão divididas em quatro grupos, a saber:

  • Configuração
  • Preços
  • Texto
  • Sides

Configuração 4.1

  • Ativar/Desativar: Esta opção permite ativar ou desativar o painel de personalização do produto na página do produto no front-end.
  • Requisitos para a personalização do produto: Ative esta opção se desejar tornar obrigatória a personalização do produto para os clientes.
  • Tamanho da imagem a ser enviada: Esta opção define o tamanho máximo para o upload de imagens.
  • Preço da imagem carregada: Esta opção definirá o preço para o envio de uma imagem.
  • Exibir a opção para baixar PNG: Ative ou desative a opção de baixar imagens PNG.
  • Permitir o envio de imagens: Ative ou desative a opção de upload de imagens na página de personalização do produto.
  • Redimensionar o texto: Ative esta opção para permitir o redimensionamento do texto.
  • Exibir Rotador no texto: Ative esta opção para permitir a rotação do texto.
  • Opções de exibição para código QR: Ative ou desative a opção para adicionar código QR ao produto.
  • Exibir transparência para imagens: Ative esta opção para exibir a transparência das imagens.
  • Filtros de exibição para imagens: Com essa opção, você pode ativar ou desativar os filtros de imagem.
  • Filtros para imagens: Selecione vários filtros que deseja exibir na interface do usuário na página de personalização do produto.

Preços 4.2

  • Preço fixo do texto: Esta opção permite definir um preço fixo para o texto.
  • Habilitar custo por caractere: Você pode habilitar essa opção se quiser cobrar um custo por caractere.
  • Projeto completo com preço fixo: Esta opção permite definir um preço fixo para o projeto completo. Este preço é adicionado ao custo total da personalização.
  • Preço do código QR: Você pode definir um preço para o código QR usando esta opção.

4.3 Text

  • Exibir bloco de texto: Você pode mostrar ou ocultar a opção de bloco de texto na página de personalização do produto.
  • Comprimento máximo do texto: Utilizando esta opção, você pode definir um comprimento máximo para o texto.
  • Comprimento mínimo do texto: Utilizando esta opção, você pode definir um comprimento mínimo para o texto.
  • Permitir transparência do texto: Você pode ativar ou desativar esta opção para transparência do texto.
  • Permitir curva de texto: Você pode ativar ou desativar essa opção para a curva de texto.

Lados 4.4

  • Ativar a lateral: Com esta opção, você pode ativar ou desativar a lateral.
  • Nome do lado: Esta opção permite que você defina o nome da lateral.
  • Imagem lateral: Esta opção permite que você carregue uma imagem mostrando a lateral do produto. Essas configurações são para um lado específico do produto. Você pode fazer as mesmas configurações para os outros lados do produto também.
    Nota: Aqui, você só pode configurar o número de lados conforme mencionado nas “configurações” do módulo de personalização do produto. Por exemplo, se você definiu o “número máximo de lados” como 2, só poderá configurar as opções para o lado 1 e o lado 2.
Como configurar fontes, cores e grupos de imagens?

Ao alterar as configurações de personalização de um produto, você encontrará opções para selecionar diferentes fontes, cores e grupos de imagens no canto superior direito da tela. Você encontrará três opções:

1. Configurar fontes
Todas as fontes adicionadas na seção 3.2 estão listadas aqui nesta interface. Você pode ativar ou desativar qualquer fonte diretamente.

2. Configurar cores
Todas as cores adicionadas na seção 3.3 estão listadas aqui nesta interface. Você pode ativar ou desativar qualquer cor diretamente.

3. Configurar grupos de imagens


Todos os grupos de imagens adicionados na seção 3.4 estão listados aqui nesta interface. Você pode ativar ou desativar qualquer grupo de imagens diretamente. Ao clicar no botão “Visualizar Imagens”, você verá a seguinte tela.

5.0 Interface frontal de Módulo de design de produto personalizado do Prestashop

Após a instalação e configuração do Designer de Produtos Online para a loja, a aba de configurações do Designer/Personalizador de Produtos será exibida nas configurações gerais dos produtos da loja. Se desejar ativar ou desativar a página de personalização de um produto, basta configurar as opções do produto em “Catálogo de Produtos” no painel administrativo. Quando o módulo Designer/Personalizador de Produtos estiver ativado para um produto, um botão “Personalizar” será exibido na página do produto, conforme mostrado abaixo:

Ao clicar no botão Personalizar, será exibida uma janela pop-up com diversas opções de design e personalização do produto. O cliente poderá adicionar cores, textos, imagens ou códigos QR personalizados ao produto, de acordo com suas necessidades de compra.

Seus clientes podem realizar qualquer tipo de personalização, como: 1. Cor

2. Imagem: Os clientes podem adicionar uma imagem ao produto. Podem escolher qualquer imagem padrão do grupo de imagens, carregar a sua própria imagem ou adicionar um código QR ao produto.

2a. Escolha uma imagem

2b. Carregar imagem

Vamos supor que o cliente esteja adicionando a imagem enviada na parte de trás do moletom com capuz. 2c. Adicionar código QR

3. Texto

Economizando na personalização do produto

Da mesma forma, o cliente pode aplicar personalizações a outros produtos da loja, como canecas e capas de celular.

Página de resumo do carrinho de compras para produto personalizado. A imagem abaixo mostra como o produto personalizado é exibido na página do carrinho com diferentes opções para os clientes após clicarem no botão “Salvar personalização”.


O cliente pode visualizar a fatura deste produto personalizado, conforme mostrado abaixo.


Página de histórico de pedidos com fatura


Ao clicar no botão Detalhes, o cliente verá a seguinte tela:

Visualização de Pedidos no Painel de Administração: O administrador pode visualizar a fatura do pedido e todas as configurações referentes à personalização do produto no painel administrativo. Os detalhes de um pedido podem ser visualizados na seção “Pedidos” do Painel de Administração.

Ao clicar no botão “Visualizar” correspondente a um produto, o administrador pode verificar os detalhes completos do pedido do produto personalizado.

Ao clicar no botão “Ver detalhes”, o administrador verá as informações completas do produto personalizado em uma janela pop-up, conforme mostrado abaixo.

O administrador pode clicar na opção “Visualizar” para ver a imagem personalizada adicionada ao produto, que ficará semelhante à imagem abaixo.

Tutorial: Assista ao guia em vídeo

Para ajudar você a configurar e usar o Módulo de Designer/Personalizador de Produtos do PrestaShopPreparamos um documento detalhado. Vídeo tutorial do YouTubeEste vídeo mostra passo a passo a instalação, configuração e utilização do módulo.

Veja o tutorial aqui:

Para obter assistência adicional, personalizações ou esclarecer dúvidas, entre em contato com nossa equipe de suporte em:
support@knowband.com