Por que voc\u00ea deve dar a op\u00e7\u00e3o de Personaliza\u00e7\u00e3o de Produto aos seus clientes?<\/strong><\/p>\n Se voc\u00ea est\u00e1 se perguntando por que a personaliza\u00e7\u00e3o do produto? Ent\u00e3o, aqui est\u00e1 o motivo pelo qual isso tornaria sua loja na Web melhor.<\/p>\n Antes de iniciar o processo de instala\u00e7\u00e3o, voc\u00ea deve comprar o Opencart Product Designer\/Customizer na loja Knowband. Ap\u00f3s a compra, voc\u00ea receber\u00e1 os seguintes arquivos em seu e-mail cadastrado. 1. C\u00f3digo fonte do m\u00f3dulo de personaliza\u00e7\u00e3o do produto Opencart em formato de arquivo compactado. 2. Manual do usu\u00e1rio da extens\u00e3o de designer de produto personalizado Opencart. Agora, para instalar esta extens\u00e3o de designer de produto personalizado Opencart em sua loja online, siga as etapas fornecidas:<\/p>\n – <\/strong> Descompacte o arquivo zip. Voc\u00ea obter\u00e1 as pastas conforme mostrado na imagem abaixo<\/p>\n Para configurar a extens\u00e3o Product Designer\/Customizer para OpenCart, navegue pelas configura\u00e7\u00f5es na seguinte ordem: A interface de administra\u00e7\u00e3o da extens\u00e3o OpenCart Product Designer\/Customizer inclui as seguintes configura\u00e7\u00f5es principais:<\/p>\n Como personalizar um produto?<\/strong><\/p>\n Para personalizar um Produto, siga o seguinte caminho: Atrav\u00e9s desta configura\u00e7\u00e3o do m\u00f3dulo Opencart Custom Product Design, o Usu\u00e1rio pode habilitar\/desabilitar todo o M\u00f3dulo e fazer altera\u00e7\u00f5es na Customiza\u00e7\u00e3o do Produto.<\/p>\n Esta configura\u00e7\u00e3o do m\u00f3dulo Opencart Extended Product Customization permite que o Admin decida o pre\u00e7o fixo para cada personaliza\u00e7\u00e3o que deve ser adicionada no Produto. A tela para o mesmo ficar\u00e1 como mostrado abaixo:<\/p>\n Atrav\u00e9s desta configura\u00e7\u00e3o do m\u00f3dulo Opencart Custom Product Design, o Admin pode controlar a op\u00e7\u00e3o Texto na Customiza\u00e7\u00e3o. A tela para esta op\u00e7\u00e3o ficar\u00e1 como mostrado abaixo:<\/p>\n A configura\u00e7\u00e3o de lados do m\u00f3dulo de extens\u00e3o de designer de produto personalizado Opencart permite que o administrador adicione uma imagem de diferentes lados do produto para que o usu\u00e1rio possa personalizar o produto de qualquer lado que desejar. O administrador tamb\u00e9m pode nomear os lados adicionados. A tela ficar\u00e1 como mostrado:<\/p>\n Como configurar fontes, cores e grupos de imagens?<\/strong><\/p>\n Enquanto voc\u00ea altera as configura\u00e7\u00f5es de personaliza\u00e7\u00e3o de um produto, voc\u00ea encontrar\u00e1 as 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 como:<\/p>\n 1. Configurar fontes<\/strong><\/p>\n Todas as fontes que foram adicionadas do m\u00f3dulo est\u00e3o listadas aqui nesta interface. Voc\u00ea pode ativar ou desativar diretamente qualquer fonte.<\/p>\n Todas as cores que foram adicionadas usando o m\u00f3dulo est\u00e3o listadas aqui nesta interface. Voc\u00ea pode ativar ou desativar diretamente qualquer cor.<\/p>\n 3. Configurar grupos de imagens<\/strong><\/p>\n Esta op\u00e7\u00e3o \u00e9 fornecida no painel de administra\u00e7\u00e3o da extens\u00e3o de designer de produto personalizado OpenCart, o administrador pode habilitar\/desabilitar todo o m\u00f3dulo desta configura\u00e7\u00e3o. A tela ficar\u00e1 como mostrado abaixo:<\/p>\n Atrav\u00e9s desta configura\u00e7\u00e3o do m\u00f3dulo OpenCart Extended Product Customization, o Admin pode adicionar uma nova fonte no sistema e tamb\u00e9m editar a existente. A tela ficar\u00e1 como mostrado abaixo:<\/p>\n Editar fonte:<\/strong> Voc\u00ea pode editar um conjunto de fontes existente usando a op\u00e7\u00e3o Editar. As telas de Edi\u00e7\u00e3o de Fonte ser\u00e3o as mesmas de Adicionando uma Fonte. A \u00fanica diferen\u00e7a ser\u00e1 que Editar ter\u00e1 os campos j\u00e1 preenchidos.<\/p>\n Excluir fonte:<\/strong> Voc\u00ea pode excluir uma fonte clicando no \u00edcone ‘Lixeira’. Um pop-up aparecer\u00e1 pedindo a confirma\u00e7\u00e3o. Voc\u00ea pode clicar em sim e a fonte ser\u00e1 exclu\u00edda.<\/p>\n Adicionar fonte:<\/strong> Voc\u00ea pode adicionar uma fonte no m\u00f3dulo OpenCart Extended Product Customization clicando no \u00edcone ‘+’ fornecido na parte superior da p\u00e1gina. A tela ficar\u00e1 como mostrado abaixo:<\/p>\n Atrav\u00e9s desta configura\u00e7\u00e3o do m\u00f3dulo OpenCart Extended Product Customization, o Admin pode adicionar uma nova cor no sistema e tamb\u00e9m editar a existente. A tela ficar\u00e1 como mostrado abaixo:<\/p>\n Excluir cor:<\/strong> Voc\u00ea pode excluir uma cor clicando no \u00edcone ‘Lixeira’. Um pop-up aparecer\u00e1 pedindo a confirma\u00e7\u00e3o. Voc\u00ea pode clicar em sim e a fonte ser\u00e1 exclu\u00edda.<\/p>\n Adicionar cor:<\/strong> Voc\u00ea pode adicionar uma cor no m\u00f3dulo OpenCart Extended Product Customization clicando no \u00edcone ‘+’ fornecido na parte superior da p\u00e1gina. A tela ficar\u00e1 como mostrado abaixo:<\/p>\n As configura\u00e7\u00f5es do grupo de imagens do m\u00f3dulo OpenCart Extended Product Customization permitem que o administrador adicione um grupo de imagens para oferecer a seus clientes a personaliza\u00e7\u00e3o do produto. A tela ficar\u00e1 como mostrado abaixo:<\/p>\n Editar grupo de imagens:<\/strong> Voc\u00ea pode Editar um conjunto de Grupos de imagens existente usando a op\u00e7\u00e3o Editar. As telas para Editar Grupo de Imagens ser\u00e3o as mesmas de Adicionar uma Cor. A \u00fanica diferen\u00e7a ser\u00e1 que Editar ter\u00e1 os campos j\u00e1 preenchidos.<\/p>\n Excluir grupo de imagens:<\/strong> Voc\u00ea pode excluir um grupo de imagens clicando no \u00edcone ‘Lixeira’. Um pop-up aparecer\u00e1 pedindo a confirma\u00e7\u00e3o. Voc\u00ea pode clicar em sim e a fonte ser\u00e1 exclu\u00edda.<\/p>\n Adicionar grupo de imagens:<\/strong> Voc\u00ea pode adicionar um grupo de imagens no m\u00f3dulo OpenCart Extended Product Customization clicando no \u00edcone ‘+’ fornecido na parte superior da p\u00e1gina. A tela ficar\u00e1 como mostrado abaixo:<\/p>\n Visualiza\u00e7\u00e3o do grupo de imagens:<\/strong>\ufffdVoc\u00ea pode visualizar todas as imagens dentro de um grupo clicando no \u00edcone “Olho” correspondente a um determinado grupo. Ele mostrar\u00e1 a tela abaixo:<\/p>\n Enviar Imagem:<\/strong> Esta op\u00e7\u00e3o permitir\u00e1 que voc\u00ea navegue uma imagem desejada do seu computador local e carregue-a aqui.<\/p>\n Pre\u00e7o:<\/strong> Esta op\u00e7\u00e3o define o pre\u00e7o da imagem selecionada.<\/p>\n Ativo:<\/strong> Esta op\u00e7\u00e3o habilita ou desabilita a imagem para o grupo selecionado. Defina-o como SIM ou N\u00c3O. Da mesma forma, voc\u00ea pode clicar no bot\u00e3o Editar correspondente \u00e0 imagem. As op\u00e7\u00f5es ser\u00e3o as mesmas, a \u00fanica diferen\u00e7a \u00e9 que os campos ser\u00e3o preenchidos conforme a imagem abaixo.<\/p>\n Se o m\u00f3dulo Opencart Product Designer\/Customizer estiver ativado, ele mostrar\u00e1 um bot\u00e3o “Personalizar” na p\u00e1gina do produto, conforme mostrado abaixo.<\/p>\n Ao clicar no bot\u00e3o Personalizar, o cliente ver\u00e1 uma tela pop-up que consistir\u00e1 em v\u00e1rias configura\u00e7\u00f5es de design e personaliza\u00e7\u00e3o do produto. Os clientes podem adicionar qualquer cor, texto personalizado, imagem personalizada ou c\u00f3digo QR para um produto de acordo com seus requisitos de compras.<\/p>\n Os clientes podem realizar v\u00e1rios tipos de personaliza\u00e7\u00f5es como:<\/p>\n 1. Cor<\/strong><\/p>\n <\/p>\n 2. Imagem<\/strong><\/p>\n Os clientes podem selecionar uma imagem de sua escolha nas op\u00e7\u00f5es de grupo de imagens fornecidas.<\/p>\n Eles podem fazer upload e imprimir qualquer outra imagem de sua escolha do espa\u00e7o local.<\/p>\n Eles podem at\u00e9 imprimir o c\u00f3digo QR para algum texto oculto ou link de site.<\/p>\n <\/p>\n 3. Texto<\/strong><\/p>\n Ele mostrar\u00e1 a caixa de sele\u00e7\u00e3o de custo na tela. Clique em OK para confirmar.<\/p>\n P\u00e1gina de resumo do carrinho de compras para produto personalizado<\/strong><\/p>\n A imagem de front-end abaixo mostra como o produto personalizado \u00e9 exibido na p\u00e1gina do carrinho com diferentes op\u00e7\u00f5es para os clientes depois de clicar no bot\u00e3o “Salvar personaliza\u00e7\u00e3o”.<\/p>\n O administrador pode visualizar a fatura do pedido e toda a configura\u00e7\u00e3o referente \u00e0 personaliza\u00e7\u00e3o do produto do back-office. Os detalhes de um pedido podem ser visualizados na se\u00e7\u00e3o Pedidos do Painel Administrativo.<\/p>\n Ao clicar nas imagens do produto, o administrador ver\u00e1 os detalhes completos do produto personalizado na forma de uma tela pop-up, conforme mostrado abaixo.<\/p>\n![\"picture1\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture1-1.png\")
<\/a>
\n2.0 Guia de Instala\u00e7\u00e3o<\/h2>\n<\/a>
\n– <\/strong> Copie todas as pastas do arquivo zip no diret\u00f3rio raiz da configura\u00e7\u00e3o do OpenCart via gerenciador de FTP. Assim, o m\u00f3dulo Opencart Custom Product Design agora est\u00e1 instalado com sucesso e est\u00e1 pronto para uso em sua loja. V\u00e1 para o menu de administra\u00e7\u00e3o e clique nas extens\u00f5es. Escolha o Tipo de Extens\u00e3o como M\u00f3dulos. Voc\u00ea encontrar\u00e1 uma lista de m\u00f3dulos. Selecione o Designer\/Customizador de Produto Opencart.<\/p>\n3.0 Interface de administra\u00e7\u00e3o do personalizador de designer de produto Opencart<\/h2>\n
\nPainel de administra\u00e7\u00e3o > Extens\u00f5es > M\u00f3dulos > Designer\/personalizador de produtos<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n
\nCat\u00e1logo>> Produtos>> Selecione um Produto>> Editar>> Designer\/Customizador de Produto<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nAssim que o usu\u00e1rio clicar no Product Designer\/Customizer, o usu\u00e1rio ter\u00e1 as seguintes op\u00e7\u00f5es no m\u00f3dulo Opencart Extended Product Customization:<\/p>\nConfigura\u00e7\u00e3o 3.0.1<\/h3>\n
<\/a><\/p>\nPre\u00e7o 3.0.2<\/h3>\n
<\/a>
\n3.0.3 Text<\/h3>\n<\/a><\/p>\nLados 3.0.4<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a>
\n2. Configurar cores<\/strong><\/p>\n<\/a><\/p>\n<\/a>
\nTodos os grupos de imagens que foram adicionados est\u00e3o listados aqui nesta interface. Voc\u00ea pode ativar ou desativar diretamente qualquer grupo de imagens. Ao clicar no bot\u00e3o “Ver Imagens”, voc\u00ea ver\u00e1 a seguinte tela.<\/p>\n<\/a><\/p>\n3.0.5 Configurar<\/h3>\n
<\/a>
\nFontes 3.0.6<\/h3>\n<\/a><\/p>\n
\n<\/a> <\/a><\/p>\n3.0.7 Colors<\/h3>\n
<\/a>
\nEditar cor:<\/strong> Voc\u00ea pode editar um conjunto de cores existente usando a op\u00e7\u00e3o Editar. As telas de Edi\u00e7\u00e3o de Cor ser\u00e3o as mesmas de Adicionando uma Cor. A \u00fanica diferen\u00e7a ser\u00e1 que Editar ter\u00e1 os campos j\u00e1 preenchidos.<\/p>\n<\/a>
\n3.0.8 Grupo de Imagens<\/h3>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nAqui, voc\u00ea pode adicionar uma nova imagem ao grupo, editar\/excluir a imagem existente. Ao clicar no bot\u00e3o Adicionar, voc\u00ea ver\u00e1 as seguintes op\u00e7\u00f5es, conforme mostrado abaixo:<\/p>\n<\/a><\/p>\n<\/a>
\nA exclus\u00e3o de uma imagem \u00e9 simples. Basta clicar no \u00edcone “Lixeira” correspondente \u00e0 imagem.<\/p>\n4.0 Interface Frontal do M\u00f3dulo Customizador do Designer de Produto Opencart<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nO cliente pode salvar todas as personaliza\u00e7\u00f5es de seu produto clicando no bot\u00e3o Salvar conforme mostrado abaixo.<\/p>\n<\/a><\/p>\n<\/a>
\nDa mesma forma, essas personaliza\u00e7\u00f5es s\u00e3o aplic\u00e1veis \u200b\u200ba outros produtos da loja, como canecas e capas de telefone.<\/p>\n<\/a>
\nO cliente pode visualizar a Nota Fiscal deste produto personalizado conforme mostrado abaixo.<\/p>\n<\/a>
\nVisualiza\u00e7\u00e3o do pedido no painel de administra\u00e7\u00e3o<\/strong><\/p>\n<\/a>
\nAo clicar no bot\u00e3o Visualizar correspondente a um produto, o administrador pode verificar os detalhes completos do pedido do produto personalizado.<\/p>\n<\/a><\/p>\n
![\n<\/a>](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture19-1.png\"){kind=link}