{"id":27409,"date":"2019-05-17T10:13:15","date_gmt":"2019-05-17T10:13:15","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=26394\/"},"modified":"2025-11-24T16:21:42","modified_gmt":"2025-11-24T16:21:42","slug":"prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/","title":{"rendered":"Add-on Prestashop Product Designer\/Customizer – Manual do Usu\u00e1rio"},"content":{"rendered":"

<\/head><\/p>\n

1.0 Introdu\u00e7\u00e3o<\/h2>\n
Como propriet\u00e1rio de uma loja, voc\u00ea sempre pensou em multiplicar as convers\u00f5es, mas n\u00e3o na experi\u00eancia de compra dos seus clientes. Um cliente feliz e satisfeito \u00e9 aquele que retorna \u00e0 loja em busca de mais produtos. Portanto, se voc\u00ea deseja fidelizar seus clientes, torne a experi\u00eancia deles memor\u00e1vel integrando o addon Designer\/Customizador de Produtos do Prestashop \u00e0 sua loja virtual. Com a ajuda do M\u00f3dulo de design de produto personalizado da Prestashop<\/a>Os lojistas do PrestaShop podem oferecer op\u00e7\u00f5es de personaliza\u00e7\u00e3o de produtos online intuitivas e criativas aos seus clientes, permitindo que eles transformem a vers\u00e3o b\u00e1sica do produto em um design moderno, elegante e exclusivo. O complemento de personaliza\u00e7\u00e3o de produtos do PrestaShop permite que o administrador exiba o painel de personaliza\u00e7\u00e3o quando o usu\u00e1rio clica no bot\u00e3o “Personalizar” na p\u00e1gina do produto. Os clientes podem facilmente adicionar textos coloridos com efeitos, fazer upload de imagens com filtros e adicionar um c\u00f3digo QR para atender \u00e0s suas necessidades.<\/p>\n

1.1 Recursos impressionantes do complemento de personaliza\u00e7\u00e3o de produtos do Prestashop<\/h3>\n
N\u00e3o s\u00e3o necess\u00e1rios conhecimentos t\u00e9cnicos de programa\u00e7\u00e3o para configurar ou modificar as defini\u00e7\u00f5es do m\u00f3dulo de Design de Produto Personalizado do Prestashop. Tudo \u00e9 muito f\u00e1cil com este m\u00f3dulo. Vamos conferir rapidamente os diferentes recursos oferecidos por este complemento do Prestashop.<\/p>\n
\n
O complemento Designer\/Personalizador de Produtos do Prestashop ajuda a oferecer uma ampla gama de produtos personaliz\u00e1veis \u200b\u200bem sua loja online. Usando o complemento Designer\/Personalizador de Produtos do Prestashop, os clientes podem comprar facilmente e aproveitar os benef\u00edcios dos produtos online expandidos, que podem ser personalizados de acordo com suas necessidades.<\/li>\n
O Designer de Produtos Online adiciona uma visualiza\u00e7\u00e3o de design para os produtos, permitindo que os potenciais compradores personalizem o produto em tempo real. O m\u00f3dulo de configurador de produtos permite que o administrador do Prestashop adicione um conjunto diferente de op\u00e7\u00f5es de personaliza\u00e7\u00e3o para cada produto na loja.<\/li>\n
Com a integra\u00e7\u00e3o do m\u00f3dulo de design de produtos do Prestashop, os clientes podem acessar o painel de personaliza\u00e7\u00e3o de qualquer produto que desejem comprar, como camisetas, canecas, an\u00e9is ou qualquer outro tipo de produto que possa ser personalizado de acordo com suas necessidades.<\/li>\n
O complemento de personaliza\u00e7\u00e3o de produtos do Prestashop exibe um bot\u00e3o “Personalizar” para cada produto personaliz\u00e1vel na loja. O administrador pode habilitar as op\u00e7\u00f5es de personaliza\u00e7\u00e3o apenas para os produtos desejados.<\/li>\n
A funcionalidade completa do complemento Designer\/Personalizador de Produtos do Prestashop pode ser ativada ou desativada. Quando este m\u00f3dulo est\u00e1 desativado, as op\u00e7\u00f5es padr\u00e3o de personaliza\u00e7\u00e3o do produto s\u00e3o exibidas na p\u00e1gina do produto.<\/li>\n
O m\u00f3dulo avan\u00e7ado de personaliza\u00e7\u00e3o de produtos exibe o c\u00e1lculo do pre\u00e7o da personaliza\u00e7\u00e3o em tempo real na p\u00e1gina do produto.<\/li>\n
Com o complemento de design de produto personalizado do Prestashop, o administrador pode definir os lados do design do produto que estar\u00e3o dispon\u00edveis para o usu\u00e1rio.<\/li>\n
O m\u00f3dulo de configura\u00e7\u00e3o de produtos permite que o administrador habilite ou desabilite as op\u00e7\u00f5es de download de arquivos PDF para os clientes na interface do usu\u00e1rio.<\/li>\n
O m\u00f3dulo de Personaliza\u00e7\u00e3o Avan\u00e7ada de Produtos do Prestashop oferece a op\u00e7\u00e3o de adicionar imagens predefinidas a um produto. Essas imagens predefinidas geralmente s\u00e3o agrupadas. Os clientes podem carregar e definir qualquer imagem de sua prefer\u00eancia.<\/li>\n
Com este m\u00f3dulo de design de produtos para Prestashop, o cliente pode usar de forma flex\u00edvel as fontes, cores e filtros desejados para o produto.<\/li>\n
Este m\u00f3dulo avan\u00e7ado de personaliza\u00e7\u00e3o de produtos permite ao administrador definir pre\u00e7os para diferentes op\u00e7\u00f5es de personaliza\u00e7\u00e3o.<\/li>\n
O m\u00f3dulo de personaliza\u00e7\u00e3o de produtos do Prestashop tamb\u00e9m oferece a op\u00e7\u00e3o de personalizar o produto usando um c\u00f3digo QR, para o qual o administrador pode definir um pre\u00e7o separado.<\/li>\n
O complemento de design de produto personalizado do Prestashop adiciona automaticamente um pre\u00e7o fixo de design completo ao pre\u00e7o final personalizado de um produto.<\/li>\n
O complemento Prestashop Product Designer\/Customizer oferece suporte \u00e0 compatibilidade com v\u00e1rias lojas e v\u00e1rios idiomas.<\/li>\n
O complemento de designer de produtos personalizados para Prestashop \u00e9 responsivo para dispositivos m\u00f3veis e compat\u00edvel com v\u00e1rios temas do Prestashop.<\/li>\n<\/ul>\n
1.2 Tecnologia para o Desenvolvimento<\/h3>\n
\n
Idioma:<\/strong> PHP<\/li>\n
Estrutura:<\/strong> Prestashop<\/li>\n<\/ul>\nGuia de Instala\u00e7\u00e3o 2.0 para o m\u00f3dulo Personalizador Avan\u00e7ado de Produtos<\/h2>\n
O administrador da loja pode seguir estes passos simples para instalar o complemento de personaliza\u00e7\u00e3o de produtos do Prestashop em sua loja virtual: 1. Primeiro, baixe o pacote do complemento na loja da Knowband. 2. Voc\u00ea receber\u00e1 um arquivo compactado contendo o c\u00f3digo-fonte e o manual do usu\u00e1rio. Descompacte o pacote completo no diret\u00f3rio raiz da sua loja Prestashop atrav\u00e9s de um gerenciador de FTP (como o Filezilla ou o WinSCP \u2013 baixe aqui: https:\/\/filezilla-project.org\/). Voc\u00ea encontrar\u00e1 os arquivos e pastas conforme mostrado na imagem abaixo:<\/p>\n
$\"Prestashop$ <\/a><\/p>\n
O complemento de design de produtos personalizados do Prestashop j\u00e1 est\u00e1 instalado e pronto para uso. Agora, o administrador pode configurar as diversas op\u00e7\u00f5es de acordo com as necessidades do seu site Prestashop.<\/p>\n
3.0 Interface administrativa do m\u00f3dulo de personaliza\u00e7\u00e3o avan\u00e7ada de produtos do Prestashop<\/h2>\n
Logo ap\u00f3s a instala\u00e7\u00e3o bem-sucedida de Complemento para Designer \/ Customizador de Produto Prestashop<\/a> Em seu site, voc\u00ea pode configurar as defini\u00e7\u00f5es do painel de personaliza\u00e7\u00e3o de produtos de acordo com suas necessidades. No painel de administra\u00e7\u00e3o ou dashboard, clique em \u201cM\u00f3dulos e Servi\u00e7os\u201d e, em seguida, no bot\u00e3o \u201cConfigurar\u201d localizado ao lado de Knowband Product Designer\/Customizer.<\/p>\n
$\"Prestashop$ <\/a><\/p>\n
Aqui, na pr\u00f3xima interface, voc\u00ea encontrar\u00e1 as configura\u00e7\u00f5es completas do m\u00f3dulo Designer\/Personalizador de Produto, juntamente com suas subse\u00e7\u00f5es, conforme listado abaixo.<\/p>\n
$\"picture3\"$ <\/a><\/p>\n
Este m\u00f3dulo de Personaliza\u00e7\u00e3o de Produtos da Knowband consiste em quatro subse\u00e7\u00f5es, que ser\u00e3o discutidas em detalhes a seguir: 1. Configura\u00e7\u00e3o; 2. Fontes; 3. Cores; 4. Grupo de Imagens. Cada aba do m\u00f3dulo de Personaliza\u00e7\u00e3o de Produtos Avan\u00e7ado do Prestashop ser\u00e1 explicada abaixo:<\/p>\n
Configura\u00e7\u00e3o 3.1<\/h3>\n
Nas configura\u00e7\u00f5es do complemento de personaliza\u00e7\u00e3o de produtos do Prestashop, voc\u00ea pode realizar as configura\u00e7\u00f5es b\u00e1sicas do painel de personaliza\u00e7\u00e3o exibido aos clientes na interface do produto.<\/p>\n
$\"Complemento$ <\/a><\/p>\n
\n
Ativar\/Desativar:<\/strong> Com esta op\u00e7\u00e3o, voc\u00ea pode ativar ou desativar completamente a funcionalidade do m\u00f3dulo de Personaliza\u00e7\u00e3o Avan\u00e7ada de Produtos do Prestashop para os clientes.<\/li>\n
Exibir a op\u00e7\u00e3o de baixar o PDF no carrinho:<\/strong> Voc\u00ea pode ativar ou desativar esta op\u00e7\u00e3o para baixar a imagem do projeto em PDF na p\u00e1gina de pedidos do administrador.<\/li>\n
Exibir pr\u00e9-visualiza\u00e7\u00e3o do design no PDF da fatura:<\/strong> Ative ou desative esta op\u00e7\u00e3o para exibir ou ocultar a pr\u00e9-visualiza\u00e7\u00e3o do design no PDF da fatura.<\/li>\n
N\u00famero m\u00e1ximo de slides:<\/strong> Com essa op\u00e7\u00e3o, voc\u00ea pode definir o n\u00famero m\u00e1ximo de p\u00e1ginas do produto que podem ser personalizadas na interface do usu\u00e1rio.<\/li>\n<\/ul>\n
Fontes 3.2<\/h3>\n
Nesta se\u00e7\u00e3o do m\u00f3dulo de design de produtos do Prestashop, o propriet\u00e1rio da loja tem a op\u00e7\u00e3o 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\u00edveis no front-end. \u00c9 poss\u00edvel adicionar uma nova fonte, modificar ou excluir uma j\u00e1 existente.<\/p>\n
$\"picture5\"$ <\/a><\/p>\n
Aqui voc\u00ea pode realizar as outras duas a\u00e7\u00f5es da seguinte forma:<\/p>\n
1. Adicionando uma nova fonte<\/strong><\/p>\n
Para adicionar um novo estilo de fonte, siga estes passos: Clique na aba Fontes e depois no bot\u00e3o \u201c+\u201d (Adicionar Fonte) no painel administrativo. A interface abaixo ser\u00e1 exibida.<\/p>\n
$\"picture6\"$ <\/a><\/p>\n
\n
Ativo:<\/strong> Esta op\u00e7\u00e3o ir\u00e1 ativar ou desativar a fonte.<\/li>\n
T\u00edtulo da fonte:<\/strong> Usando essa op\u00e7\u00e3o, voc\u00ea pode definir o t\u00edtulo da fonte exatamente como est\u00e1 no Google Fonts.<\/li>\n
Incorporar @import Fonte:<\/strong> Para usar a fonte do Google, voc\u00ea precisa incorporar a classe `import Font`. Para isso, voc\u00ea precisa:<\/li>\n
Clique no link \u201cGoogle Fonts\u201d fornecido logo abaixo da op\u00e7\u00e3o. A tela abaixo ser\u00e1 exibida.<\/li>\n
Escolha a fonte desejada e clique no bot\u00e3o “+” para adicionar o estilo de fonte escolhido.<\/li>\n<\/ul>\n $\"picture7\"$ <\/a><\/p>\n
\n
Ao adicionar uma fonte, uma janela pop-up ser\u00e1 exibida com a lista da fam\u00edlia de fontes selecionada. Clique na aba Incorporar e, em seguida, no bot\u00e3o @Importar.<\/li>\n
Copie o URL de importa\u00e7\u00e3o da fonte e cole-o no campo “Incorporar fonte de importa\u00e7\u00e3o”.<\/li>\n<\/ul>\n
$\"picture8\"$ <\/a><\/p>\n
2. Editar uma fonte existente<\/h3>\n
Se voc\u00ea deseja editar a fonte existente, basta clicar no bot\u00e3o Editar localizado ao lado do estilo da fonte. Voc\u00ea ver\u00e1 as seguintes op\u00e7\u00f5es:<\/p>\n
\n
Ativo:<\/strong> Ative ou desative o estilo da fonte.<\/li>\n
Estilo de fonte:<\/strong> Edite o t\u00edtulo da fonte usando esta op\u00e7\u00e3o.<\/li>\n
Incorporar @Importar fonte:<\/strong> Modifique o URL de importa\u00e7\u00e3o para essa fonte espec\u00edfica.<\/li>\n<\/ul>\n3.3 Colors<\/h3>\n
Nesta se\u00e7\u00e3o de M\u00f3dulo de configura\u00e7\u00e3o de produtos<\/a>Voc\u00ea pode definir sua pr\u00f3pria 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\u00ea pode adicionar uma nova cor, se necess\u00e1rio.<\/p>\n
$\"picture9\"$ <\/a><\/p>\n
1. Adicionando uma nova cor<\/strong><\/p>\n
\n
C\u00f3digo de cores: Com esta op\u00e7\u00e3o, selecione a cor desejada para ser exibida na p\u00e1gina de personaliza\u00e7\u00e3o do produto.<\/li>\n
Ativo: Ativa ou desativa a cor.<\/li>\n<\/ul>\n
$\"picture10\"$ <\/a><\/p>\n
2. Editar uma cor existente<\/strong><\/p>\n
\n
C\u00f3digo de cores: Com esta op\u00e7\u00e3o, selecione a cor desejada para ser exibida na p\u00e1gina de personaliza\u00e7\u00e3o do produto.<\/li>\n
Ativo: Ativa ou desativa a cor existente.<\/li>\n<\/ul>\n
$\"picture11\"$ <\/a><\/p>\n
3.4 Grupos de Imagens<\/h3>\n
Para um produto selecionado, o cliente pode escolher qualquer imagem padr\u00e3o fornecida pelo propriet\u00e1rio da loja ou pode carregar uma nova imagem personalizada para a customiza\u00e7\u00e3o do produto. As imagens padr\u00e3o foram categorizadas em grupos de imagens. Esses grupos de imagens existentes podem ser editados ou voc\u00ea pode adicionar um novo grupo de imagens.<\/p>\n
$\"picture12\"$ <\/a><\/p>\n
1. Adicionando um novo grupo de imagens<\/strong><\/p>\n
$\"picture13\"$ <\/a><\/p>\n
\n
Nome do grupo de imagens:<\/strong> Voc\u00ea pode definir o nome desejado para o grupo de imagens.<\/li>\n
Enviar Imagem:<\/strong> Voc\u00ea pode carregar e definir uma imagem para o logotipo do grupo.<\/li>\n
Ativo:<\/strong> Esta op\u00e7\u00e3o ir\u00e1 ativar ou desativar o grupo de imagens.<\/li>\n<\/ul>\n
2. Editar um grupo de imagens existente<\/strong><\/p>\n
$\"picture14\"$ <\/a><\/p>\n
\n
Nome do grupo de imagens:<\/strong> Voc\u00ea pode definir o nome desejado para o grupo de imagens.<\/li>\n
Enviar Imagem:<\/strong> Voc\u00ea pode carregar e definir uma imagem para o logotipo do grupo.<\/li>\n
Ativo:<\/strong> Esta op\u00e7\u00e3o ir\u00e1 ativar ou desativar o grupo de imagens.<\/li>\n<\/ul>\n
Para visualizar, adicionar ou excluir imagens dentro de qualquer grupo de imagens, clique na op\u00e7\u00e3o \u201cVisualizar imagens\u201d correspondente ao grupo de imagens.<\/p>\n
$\"picture15\"$ <\/a><\/p>\n
A seguinte interface ser\u00e1 exibida.<\/p>\n
$\"picture16\"$ <\/a><\/p>\n
Aqui, voc\u00ea pode adicionar uma nova imagem, excluir ou alterar as imagens existentes dentro de um grupo.<\/p>\n
4.0 Configura\u00e7\u00f5es de personaliza\u00e7\u00e3o para produtos do site<\/h2>\n
As configura\u00e7\u00f5es de fontes, cores e grupos de imagens discutidas nas se\u00e7\u00f5es 3.2, 3.3 e 3.4 s\u00e3o aplic\u00e1veis \u200b\u200ba todos os produtos do site. Essas configura\u00e7\u00f5es podem ser chamadas de configura\u00e7\u00f5es globais. Al\u00e9m disso, as configura\u00e7\u00f5es tamb\u00e9m podem ser feitas em n\u00edvel de produto. Essas configura\u00e7\u00f5es s\u00e3o espec\u00edficas para o produto que o administrador configurou no painel administrativo. Abaixo, descrevemos as configura\u00e7\u00f5es de personaliza\u00e7\u00e3o de produtos individuais. O administrador do site pode aplicar essas configura\u00e7\u00f5es de forma diferente para qualquer produto na loja. Para configurar as op\u00e7\u00f5es de personaliza\u00e7\u00e3o de produtos individuais, siga os passos abaixo: 1. No painel administrativo, acesse a op\u00e7\u00e3o \u201cCat\u00e1logo\u201d na barra de menu \u00e0 esquerda da interface.<\/p>\n
$\"picture17\"$ <\/a><\/p>\n
2. Clique na op\u00e7\u00e3o \u201cProdutos\u201d em \u201cCat\u00e1logo\u201d.<\/p>\n
$\"picture18\"$ <\/a><\/p>\n
Voc\u00ea ver\u00e1 uma lista de produtos da loja, juntamente com uma op\u00e7\u00e3o para editar ou configurar o produto. A tela de produtos da loja \u00e9 mostrada abaixo:<\/p>\n
$\"picture19\"$ <\/a><\/p>\n
Ao clicar no bot\u00e3o \u201cEditar\u201d de um produto, voc\u00ea encontrar\u00e1 as seguintes configura\u00e7\u00f5es. Selecione a aba Designer\/Personalizador de Produto.<\/p>\n
$\"picture20\"$ <\/a><\/p>\n
Agora, as configura\u00e7\u00f5es completas do designer\/personalizador de produtos est\u00e3o divididas em quatro grupos, a saber:<\/p>\n
\n
Configura\u00e7\u00e3o<\/li>\n
Pre\u00e7os<\/li>\n
Texto<\/li>\n
Sides<\/li>\n<\/ul>\n
Configura\u00e7\u00e3o 4.1<\/h3>\n
$\"picture21\"$ <\/a><\/p>\n
\n
Ativar\/Desativar:<\/strong> Esta op\u00e7\u00e3o permite ativar ou desativar o painel de personaliza\u00e7\u00e3o do produto na p\u00e1gina do produto no front-end.<\/li>\n
Requisitos para a personaliza\u00e7\u00e3o do produto:<\/strong> Ative esta op\u00e7\u00e3o se desejar tornar obrigat\u00f3ria a personaliza\u00e7\u00e3o do produto para os clientes.<\/li>\n
Tamanho da imagem a ser enviada:<\/strong> Esta op\u00e7\u00e3o define o tamanho m\u00e1ximo para o upload de imagens.<\/li>\n
Pre\u00e7o da imagem carregada:<\/strong> Esta op\u00e7\u00e3o definir\u00e1 o pre\u00e7o para o envio de uma imagem.<\/li>\n
Exibir a op\u00e7\u00e3o para baixar PNG:<\/strong> Ative ou desative a op\u00e7\u00e3o de baixar imagens PNG.<\/li>\n
Permitir o envio de imagens:<\/strong> Ative ou desative a op\u00e7\u00e3o de upload de imagens na p\u00e1gina de personaliza\u00e7\u00e3o do produto.<\/li>\n
Redimensionar o texto:<\/strong> Ative esta op\u00e7\u00e3o para permitir o redimensionamento do texto.<\/li>\n
Exibir Rotador no texto:<\/strong> Ative esta op\u00e7\u00e3o para permitir a rota\u00e7\u00e3o do texto.<\/li>\n
Op\u00e7\u00f5es de exibi\u00e7\u00e3o para c\u00f3digo QR:<\/strong> Ative ou desative a op\u00e7\u00e3o para adicionar c\u00f3digo QR ao produto.<\/li>\n
Exibir transpar\u00eancia para imagens:<\/strong> Ative esta op\u00e7\u00e3o para exibir a transpar\u00eancia das imagens.<\/li>\n
Filtros de exibi\u00e7\u00e3o para imagens:<\/strong> Com essa op\u00e7\u00e3o, voc\u00ea pode ativar ou desativar os filtros de imagem.<\/li>\n
Filtros para imagens:<\/strong> Selecione v\u00e1rios filtros que deseja exibir na interface do usu\u00e1rio na p\u00e1gina de personaliza\u00e7\u00e3o do produto.<\/li>\n<\/ul>\nPre\u00e7os 4.2<\/h3>\n
$\"picture22\"$ <\/a><\/p>\n
\n
Pre\u00e7o fixo do texto:<\/strong> Esta op\u00e7\u00e3o permite definir um pre\u00e7o fixo para o texto.<\/li>\n
Habilitar custo por caractere:<\/strong> Voc\u00ea pode habilitar essa op\u00e7\u00e3o se quiser cobrar um custo por caractere.<\/li>\n
Projeto completo com pre\u00e7o fixo:<\/strong> Esta op\u00e7\u00e3o permite definir um pre\u00e7o fixo para o projeto completo. Este pre\u00e7o \u00e9 adicionado ao custo total da personaliza\u00e7\u00e3o.<\/li>\n
Pre\u00e7o do c\u00f3digo QR:<\/strong> Voc\u00ea pode definir um pre\u00e7o para o c\u00f3digo QR usando esta op\u00e7\u00e3o.<\/li>\n<\/ul>\n4.3 Text<\/h3>\n
$\"picture23\"$ <\/a><\/p>\n
\n
Exibir bloco de texto:<\/strong> Voc\u00ea pode mostrar ou ocultar a op\u00e7\u00e3o de bloco de texto na p\u00e1gina de personaliza\u00e7\u00e3o do produto.<\/li>\n
Comprimento m\u00e1ximo do texto:<\/strong> Utilizando esta op\u00e7\u00e3o, voc\u00ea pode definir um comprimento m\u00e1ximo para o texto.<\/li>\n
Comprimento m\u00ednimo do texto:<\/strong> Utilizando esta op\u00e7\u00e3o, voc\u00ea pode definir um comprimento m\u00ednimo para o texto.<\/li>\n
Permitir transpar\u00eancia do texto:<\/strong> Voc\u00ea pode ativar ou desativar esta op\u00e7\u00e3o para transpar\u00eancia do texto.<\/li>\n
Permitir curva de texto:<\/strong> Voc\u00ea pode ativar ou desativar essa op\u00e7\u00e3o para a curva de texto.<\/li>\n<\/ul>\nLados 4.4<\/h3>\n
$\"picture24\"$ <\/a><\/p>\n
\n
Ativar a lateral:<\/strong> Com esta op\u00e7\u00e3o, voc\u00ea pode ativar ou desativar a lateral.<\/li>\n
Nome do lado:<\/strong> Esta op\u00e7\u00e3o permite que voc\u00ea defina o nome da lateral.<\/li>\n
Imagem lateral:<\/strong> Esta op\u00e7\u00e3o permite que voc\u00ea carregue uma imagem mostrando a lateral do produto. Essas configura\u00e7\u00f5es s\u00e3o para um lado espec\u00edfico do produto. Voc\u00ea pode fazer as mesmas configura\u00e7\u00f5es para os outros lados do produto tamb\u00e9m.
\nNota:<\/strong> Aqui, voc\u00ea s\u00f3 pode configurar o n\u00famero de lados conforme mencionado nas “configura\u00e7\u00f5es” do m\u00f3dulo de personaliza\u00e7\u00e3o do produto. Por exemplo, se voc\u00ea definiu o “n\u00famero m\u00e1ximo de lados” como 2, s\u00f3 poder\u00e1 configurar as op\u00e7\u00f5es para o lado 1 e o lado 2.<\/li>\n<\/ul>\n
Como configurar fontes, cores e grupos de imagens?<\/h5>\n
$\"picture25\"$ <\/a><\/p>\n
Ao alterar as configura\u00e7\u00f5es de personaliza\u00e7\u00e3o de um produto, voc\u00ea encontrar\u00e1 op\u00e7\u00f5es para selecionar diferentes fontes, cores e grupos de imagens no canto superior direito da tela. Voc\u00ea encontrar\u00e1 tr\u00eas op\u00e7\u00f5es:<\/p>\n
1. Configurar fontes<\/strong>
\nTodas as fontes adicionadas na se\u00e7\u00e3o 3.2 est\u00e3o listadas aqui nesta interface. Voc\u00ea pode ativar ou desativar qualquer fonte diretamente.<\/p>\n
$\"picture26\"$ <\/a><\/p>\n
2. Configurar cores<\/strong>
\nTodas as cores adicionadas na se\u00e7\u00e3o 3.3 est\u00e3o listadas aqui nesta interface. Voc\u00ea pode ativar ou desativar qualquer cor diretamente.<\/p>\n
$\"picture27\"$ <\/a><\/p>\n
3. Configurar grupos de imagens<\/strong><\/p>\n
$\"picture28\"$ <\/a>
\nTodos os grupos de imagens adicionados na se\u00e7\u00e3o 3.4 est\u00e3o listados aqui nesta interface. Voc\u00ea pode ativar ou desativar qualquer grupo de imagens diretamente. Ao clicar no bot\u00e3o \u201cVisualizar Imagens\u201d, voc\u00ea ver\u00e1 a seguinte tela.<\/p>\n
$\"picture29\"$ <\/a><\/p>\n
5.0 Interface frontal de M\u00f3dulo de design de produto personalizado do Prestashop<\/a><\/h2>\n
Ap\u00f3s a instala\u00e7\u00e3o e configura\u00e7\u00e3o do Designer de Produtos Online para a loja, a aba de configura\u00e7\u00f5es do Designer\/Personalizador de Produtos ser\u00e1 exibida nas configura\u00e7\u00f5es gerais dos produtos da loja. Se desejar ativar ou desativar a p\u00e1gina de personaliza\u00e7\u00e3o de um produto, basta configurar as op\u00e7\u00f5es do produto em “Cat\u00e1logo de Produtos” no painel administrativo. Quando o m\u00f3dulo Designer\/Personalizador de Produtos estiver ativado para um produto, um bot\u00e3o “Personalizar” ser\u00e1 exibido na p\u00e1gina do produto, conforme mostrado abaixo:<\/p>\n
$\"picture30\"$ <\/a><\/p>\n
Ao clicar no bot\u00e3o Personalizar, ser\u00e1 exibida uma janela pop-up com diversas op\u00e7\u00f5es de design e personaliza\u00e7\u00e3o do produto. O cliente poder\u00e1 adicionar cores, textos, imagens ou c\u00f3digos QR personalizados ao produto, de acordo com suas necessidades de compra.<\/p>\n
$\"picture31\"$ <\/a><\/p>\n
Seus clientes podem realizar qualquer tipo de personaliza\u00e7\u00e3o, como: 1. Cor<\/p>\n
$\"picture32\"$ <\/a><\/p>\n
2. Imagem: Os clientes podem adicionar uma imagem ao produto. Podem escolher qualquer imagem padr\u00e3o do grupo de imagens, carregar a sua pr\u00f3pria imagem ou adicionar um c\u00f3digo QR ao produto.<\/p>\n
$\"picture33\"$ <\/a><\/p>\n
2a. Escolha uma imagem<\/p>\n
$\"picture34\"$ <\/a><\/p>\n
2b. Carregar imagem<\/p>\n
$\"picture35\"$ <\/a><\/p>\n
Vamos supor que o cliente esteja adicionando a imagem enviada na parte de tr\u00e1s do moletom com capuz. 2c. Adicionar c\u00f3digo QR<\/p>\n
$\"picture36\"$ <\/a><\/p>\n
3. Texto<\/p>\n
$\"picture37\"$ <\/a><\/p>\n
$\"picture38\"$ <\/a><\/p>\n
Economizando na personaliza\u00e7\u00e3o do produto<\/p>\n
$\"picture39\"$ <\/a><\/p>\n
$\"picture40\"$ <\/a><\/p>\n
Da mesma forma, o cliente pode aplicar personaliza\u00e7\u00f5es a outros produtos da loja, como canecas e capas de celular.<\/p>\n
$\"picture41\"$ <\/a><\/p>\n
$\"picture42\"$ <\/a><\/p>\n
P\u00e1gina de resumo do carrinho de compras para produto personalizado. A imagem abaixo mostra como o produto personalizado \u00e9 exibido na p\u00e1gina do carrinho com diferentes op\u00e7\u00f5es para os clientes ap\u00f3s clicarem no bot\u00e3o \u201cSalvar personaliza\u00e7\u00e3o\u201d.<\/p>\n
$\"picture43\"$ <\/a>
\nO cliente pode visualizar a fatura deste produto personalizado, conforme mostrado abaixo.<\/p>\n
$\"picture44\"$ <\/a><\/p>\n
$\"picture45\"$ <\/a>
\nP\u00e1gina de hist\u00f3rico de pedidos com fatura<\/p>\n
$\"picture46\"$ <\/a>
\nAo clicar no bot\u00e3o Detalhes, o cliente ver\u00e1 a seguinte tela:<\/p>\n
$\"picture47\"$ <\/a><\/p>\n
$\"picture48\"$ <\/a><\/p>\n
Visualiza\u00e7\u00e3o de Pedidos no Painel de Administra\u00e7\u00e3o: O administrador pode visualizar a fatura do pedido e todas as configura\u00e7\u00f5es referentes \u00e0 personaliza\u00e7\u00e3o do produto no painel administrativo. Os detalhes de um pedido podem ser visualizados na se\u00e7\u00e3o “Pedidos” do Painel de Administra\u00e7\u00e3o.<\/p>\n
$\"picture49\"$ <\/a><\/p>\n
Ao clicar no bot\u00e3o “Visualizar” correspondente a um produto, o administrador pode verificar os detalhes completos do pedido do produto personalizado.<\/p>\n
$\"picture50\"$ <\/a><\/p>\n
Ao clicar no bot\u00e3o “Ver detalhes”, o administrador ver\u00e1 as informa\u00e7\u00f5es completas do produto personalizado em uma janela pop-up, conforme mostrado abaixo.<\/p>\n
$\"picture51\"$ <\/a><\/p>\n
$\"picture52\"$ <\/a><\/p>\n
$\"picture53\"$ <\/a><\/p>\n
O administrador pode clicar na op\u00e7\u00e3o \u201cVisualizar\u201d para ver a imagem personalizada adicionada ao produto, que ficar\u00e1 semelhante \u00e0 imagem abaixo.<\/p>\n
$\"picture54\"$ <\/a><\/p>\n
Tutorial: Assista ao guia em v\u00eddeo<\/h2>\n
Para ajudar voc\u00ea a configurar e usar o M\u00f3dulo de Designer\/Personalizador de Produtos do PrestaShop<\/strong>Preparamos um documento detalhado. V\u00eddeo tutorial do YouTube<\/strong>Este v\u00eddeo mostra passo a passo a instala\u00e7\u00e3o, configura\u00e7\u00e3o e utiliza\u00e7\u00e3o do m\u00f3dulo.<\/p>\n
Veja o tutorial aqui:<\/strong><\/p>\n
<\/iframe><\/p>\n<p data-start=\"919\" data-end=\"1034\" class=\"gt-block\">Para obter assist\u00eancia adicional, personaliza\u00e7\u00f5es ou esclarecer d\u00favidas, entre em contato com nossa equipe de suporte em:<br data-start=\"1002\" data-end=\"1005\"><strong><a class=\"decorated-link cursor-pointer\" rel=\"noopener\" data-start=\"1010\" data-end=\"1030\">support@knowband.com<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1.0 Introdu\u00e7\u00e3o Como propriet\u00e1rio de uma loja, voc\u00ea sempre pensou em multiplicar as convers\u00f5es, mas n\u00e3o na experi\u00eancia de compra dos seus clientes. Um cliente feliz e satisfeito \u00e9 aquele que retorna \u00e0 loja em busca de mais produtos. Portanto, se voc\u00ea deseja fidelizar seus clientes, torne a experi\u00eancia deles memor\u00e1vel integrando o addon Designer\/Customizador […]<\/p>\n","protected":false},"author":2,"featured_media":833430,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kbui_enabled":"","footnotes":""},"categories":[3276,3279],"tags":[10955,10958,10954,44719,44721,44718,44717,44723,10960,10962,44725,44722,10959,10957,44720,10961,44724,10956,10953,10256],"class_list":["post-27409","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-manual-do-usuario","category-prestashop-manual-do-usuario","tag-addon-designer-de-produto-personalizado-prestashop","tag-addon-personalizao-de-produtos","tag-adendo-de-personalizao-do-produto-prestashop","tag-complemento-de-designer-de-produto-personalizado-prestashop","tag-complemento-de-personalizao-de-produto","tag-complemento-de-personalizao-de-produto-prestashop","tag-complemento-para-designer-customizador-de-produto-prestashop","tag-designer-de-produto-online","tag-designer-de-produtos-on-line","tag-mdulo-configurador-de-produto","tag-mdulo-de-configurao-de-produtos","tag-mdulo-de-design-de-produto-personalizado-da-prestashop","tag-mdulo-de-design-de-produto-personalizado-prestashop","tag-mdulo-de-designer-de-produto-prestashop","tag-mdulo-de-designer-de-produtos-do-prestashop","tag-mdulo-de-personalizao-de-produtos-estendidos-prestashop","tag-mdulo-de-personalizao-estendida-de-produto-prestashop","tag-mdulo-personalizador-de-produto-avanado","tag-preston-designer-de-produto-customizer-addon","tag-product-configurator-module"],"acf":[],"yoast_head":"\n<title>Add-on Prestashop Product Designer\/Customizer - Manual do Usu\u00e1rio<\/title>\n<meta name=\"description\" content=\"Poznaj instrukcj\u0119 obs\u0142ugi modu\u0142u PrestaShop Product Designer & Customizer i \u0142atwo tw\u00f3rz oraz personalizuj produkty w swoim sklepie online.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu\u00e1rio\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add-on Prestashop Product Designer\/Customizer - Manual do Usu\u00e1rio\" \/>\n<meta property=\"og:description\" content=\"Poznaj instrukcj\u0119 obs\u0142ugi modu\u0142u PrestaShop Product Designer & Customizer i \u0142atwo tw\u00f3rz oraz personalizuj produkty w swoim sklepie online.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu\u00e1rio\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Knowband\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-17T10:13:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-24T16:21:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/05\/Portuguese-Prestashop-Produ\u2026.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"760\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joe Parker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:site\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joe Parker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"24 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/\"},\"author\":{\"name\":\"Joe Parker\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\"},\"headline\":\"Add-on Prestashop Product Designer\\\/Customizer – Manual do Usu\u00e1rio\",\"datePublished\":\"2019-05-17T10:13:15+00:00\",\"dateModified\":\"2025-11-24T16:21:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/\"},\"wordCount\":3252,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Portuguese-Prestashop-Produ\u2026.jpg\",\"keywords\":[\"Addon designer de produto personalizado Prestashop\",\"Addon personaliza\u00e7\u00e3o de produtos\",\"Adendo de personaliza\u00e7\u00e3o do produto Prestashop\",\"Complemento de designer de produto personalizado Prestashop\",\"Complemento de personaliza\u00e7\u00e3o de produto\",\"Complemento de personaliza\u00e7\u00e3o de produto Prestashop\",\"Complemento para Designer \\\/ Customizador de Produto Prestashop\",\"Designer de produto online\",\"Designer de produtos on-line\",\"M\u00f3dulo configurador de produto\",\"M\u00f3dulo de configura\u00e7\u00e3o de produtos\",\"M\u00f3dulo de design de produto personalizado da Prestashop\",\"M\u00f3dulo de design de produto personalizado Prestashop\",\"M\u00f3dulo de designer de produto Prestashop\",\"M\u00f3dulo de designer de produtos do Prestashop\",\"M\u00f3dulo de personaliza\u00e7\u00e3o de produtos estendidos Prestashop\",\"M\u00f3dulo de personaliza\u00e7\u00e3o estendida de produto Prestashop\",\"M\u00f3dulo personalizador de produto avan\u00e7ado\",\"Preston Designer de produto \\\/ Customizer addon\",\"Product configurator module\"],\"articleSection\":[\"Manual do usu\u00e1rio\",\"Prestashop Manual do usu\u00e1rio\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/\",\"name\":\"Add-on Prestashop Product Designer\\\/Customizer - Manual do Usu\u00e1rio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Portuguese-Prestashop-Produ\u2026.jpg\",\"datePublished\":\"2019-05-17T10:13:15+00:00\",\"dateModified\":\"2025-11-24T16:21:42+00:00\",\"description\":\"Poznaj instrukcj\u0119 obs\u0142ugi modu\u0142u PrestaShop Product Designer & Customizer i \u0142atwo tw\u00f3rz oraz personalizuj produkty w swoim sklepie online.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Portuguese-Prestashop-Produ\u2026.jpg\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Portuguese-Prestashop-Produ\u2026.jpg\",\"width\":760,\"height\":300,\"caption\":\"Manual do Usu\u00e1rio do Addon Designer\\\/Personalizador de Produtos para PrestaShop da Knowband\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/manual-do-usuario\\\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add-on Prestashop Product Designer\\\/Customizer – Manual do Usu\u00e1rio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"description\":\"Magento, Prestashop, Opencart, Shopify\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"width\":153,\"height\":61,\"caption\":\"Knowband Blog | Ecommerce Modules\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Knowband\",\"https:\\\/\\\/x.com\\\/KnowbandPlugin\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/3d766b60ef5a1c9338ff341a544f27a8\",\"name\":\"Joe Parker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"caption\":\"Joe Parker\"},\"description\":\"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..\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/pt-br\\\/author\\\/joe\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"Add-on Prestashop Product Designer\/Customizer - Manual do Usu\u00e1rio","description":"Poznaj instrukcj\u0119 obs\u0142ugi modu\u0142u PrestaShop Product Designer & Customizer i \u0142atwo tw\u00f3rz oraz personalizuj produkty w swoim sklepie online.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu\u00e1rio\/","og_locale":"pt_BR","og_type":"article","og_title":"Add-on Prestashop Product Designer\/Customizer - Manual do Usu\u00e1rio","og_description":"Poznaj instrukcj\u0119 obs\u0142ugi modu\u0142u PrestaShop Product Designer & Customizer i \u0142atwo tw\u00f3rz oraz personalizuj produkty w swoim sklepie online.","og_url":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu\u00e1rio\/","og_site_name":"Knowband Blog | Ecommerce Modules","article_publisher":"https:\/\/www.facebook.com\/Knowband","article_published_time":"2019-05-17T10:13:15+00:00","article_modified_time":"2025-11-24T16:21:42+00:00","og_image":[{"width":760,"height":300,"url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/05\/Portuguese-Prestashop-Produ\u2026.jpg","type":"image\/jpeg"}],"author":"Joe Parker","twitter_card":"summary_large_image","twitter_creator":"@KnowbandPlugin","twitter_site":"@KnowbandPlugin","twitter_misc":{"Written by":"Joe Parker","Est. reading time":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/"},"author":{"name":"Joe Parker","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8"},"headline":"Add-on Prestashop Product Designer\/Customizer – Manual do Usu\u00e1rio","datePublished":"2019-05-17T10:13:15+00:00","dateModified":"2025-11-24T16:21:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/"},"wordCount":3252,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/05\/Portuguese-Prestashop-Produ\u2026.jpg","keywords":["Addon designer de produto personalizado Prestashop","Addon personaliza\u00e7\u00e3o de produtos","Adendo de personaliza\u00e7\u00e3o do produto Prestashop","Complemento de designer de produto personalizado Prestashop","Complemento de personaliza\u00e7\u00e3o de produto","Complemento de personaliza\u00e7\u00e3o de produto Prestashop","Complemento para Designer \/ Customizador de Produto Prestashop","Designer de produto online","Designer de produtos on-line","M\u00f3dulo configurador de produto","M\u00f3dulo de configura\u00e7\u00e3o de produtos","M\u00f3dulo de design de produto personalizado da Prestashop","M\u00f3dulo de design de produto personalizado Prestashop","M\u00f3dulo de designer de produto Prestashop","M\u00f3dulo de designer de produtos do Prestashop","M\u00f3dulo de personaliza\u00e7\u00e3o de produtos estendidos Prestashop","M\u00f3dulo de personaliza\u00e7\u00e3o estendida de produto Prestashop","M\u00f3dulo personalizador de produto avan\u00e7ado","Preston Designer de produto \/ Customizer addon","Product configurator module"],"articleSection":["Manual do usu\u00e1rio","Prestashop Manual do usu\u00e1rio"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/","url":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/","name":"Add-on Prestashop Product Designer\/Customizer - Manual do Usu\u00e1rio","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/05\/Portuguese-Prestashop-Produ\u2026.jpg","datePublished":"2019-05-17T10:13:15+00:00","dateModified":"2025-11-24T16:21:42+00:00","description":"Poznaj instrukcj\u0119 obs\u0142ugi modu\u0142u PrestaShop Product Designer & Customizer i \u0142atwo tw\u00f3rz oraz personalizuj produkty w swoim sklepie online.","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/#primaryimage","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/05\/Portuguese-Prestashop-Produ\u2026.jpg","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/05\/Portuguese-Prestashop-Produ\u2026.jpg","width":760,"height":300,"caption":"Manual do Usu\u00e1rio do Addon Designer\/Personalizador de Produtos para PrestaShop da Knowband"},{"@type":"BreadcrumbList","@id":"https:\/\/www.knowband.com\/blog\/pt-br\/manual-do-usuario\/prestashop-product-designer-customizer-addon-manual-do-usu%c3%a1rio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"Add-on Prestashop Product Designer\/Customizer – Manual do Usu\u00e1rio"}]},{"@type":"WebSite","@id":"https:\/\/www.knowband.com\/blog\/fr\/#website","url":"https:\/\/www.knowband.com\/blog\/fr\/","name":"Knowband Blog | Ecommerce Modules","description":"Magento, Prestashop, Opencart, Shopify","publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.knowband.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization","name":"Knowband Blog | Ecommerce Modules","url":"https:\/\/www.knowband.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","width":153,"height":61,"caption":"Knowband Blog | Ecommerce Modules"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Knowband","https:\/\/x.com\/KnowbandPlugin"]},{"@type":"Person","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/3d766b60ef5a1c9338ff341a544f27a8","name":"Joe Parker","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","url":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","caption":"Joe Parker"},"description":"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..","url":"https:\/\/www.knowband.com\/blog\/pt-br\/author\/joe\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/27409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/comments?post=27409"}],"version-history":[{"count":1,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/27409\/revisions"}],"predecessor-version":[{"id":833439,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/posts\/27409\/revisions\/833439"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/media\/833430"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/media?parent=27409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/categories?post=27409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/pt-br\/wp-json\/wp\/v2\/tags?post=27409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}