Cadastrando produtos personalizados com o uso do módulo da Milople
Para criar os produtos personalizados, primeiramente devemos preparar as configurações, a fim de selecioná-las na hora do cadastro dos produtos.
Primeiramente, vamos acessar essas configurações. No Painel Administrativo, há um atalho no Menu Superior, como indicado no print abaixo:
Vamos à primeira parte das configurações, que envolvem questões sobre a licença do módulo, a área de personalização, entre outras.
LICENÇA E STATUS
Esta área será configurada pela equipe da Bring, portanto não há nada a se editar aqui.
CONFIGURAÇÕES DA ÁREA DE PERSONALIZAÇÃO
Os campos de LARGURA e ALTURA são responsáveis por setar a área a ser personalizada na página do produto. Recomendamos manter os valores 500×500.
CONFIGURAÇÕES DAS IMAGENS DE PRÉ-VISUALIZAÇÃO DA PERSONALIZAÇÃO
Mantenha os campos como mostrados no print abaixo, ou seja, o campo GERAR IMAGENS DE PRÉ-VISUALIZAÇÃO EM ALTA RESOLUÇÃO manter como Sim e o TAMANHO DAS IMAGENS DE PRÉ-VISUALIZAÇÃO EM ALTA RESOLUÇÃO manter como 1000 x 1000.
CONFIGURAÇÃO GERAIS
O campo CARREGAR JQUERY manter como Não, pois já há esta biblioteca na plataforma.
No campo TEXTO DO BOTÃO DE PRODUTOS PERSONALIZADOS você poderia setar um texto a ser exibido na listagem dos produtos, porém, este texto está oculto na nossa plataforma, portanto, não é necessário inserir nada aqui.
No campo PERMITIR PERSONALIZAÇÃO EM ÁREA FIXA você restringe a área de design na imagem do produto. Esta opção habilita que você escolha a área na qual o cliente pode inserir o texto, principalmente, no modelo de produto. Recomendamos manter como Sim.
Em ATIVAR NOTA (DICA) PARA PRODUTOS PERSONALIZADOS você habilita a possibilidade de inserção de observações a serem exibidas na página da personalização do produto. Esta nota (ou dica) deverá ser inserida na hora do cadastro do produto.
No campo COBRAR TAXA DE PERSONALIZAÇÃO você habilita a cobrança de uma taxa de personalização, que pode ser uma Quantia fixa ou Porcentagem do Preço do Produto. Ao selecionar uma dessas opções, um campo chamado TAXA DE PERSONALIZAÇÃO é exibido, para inserir um valor.
A próxima parte que iremos abordar é responsável pela personalização com texto. São as CONFIGURAÇÕES DE TEXTO.
O primeiro campo é o que irá habilitar a personalização com texto, o campo PERMITIR PERSONALIZAÇÃO COM TEXTO.
No campo PERMITIR ALTERAR FONTES, é possível selecionar uma fonte para o texto que será gerado. No caso da nossa plataforma, a fonte padrão é a Arial.
Já no campo PERMITIR A FORMATAÇÃO DE TEXTO COM FONTES DO GOOGLE é possível selecionar outras fontes.
O campo PERMITIR ALTERAR A COR DO TEXTO habilita a seleção de cor, por parte do cliente, do texto. No exemplo exibido no print, que está logo abaixo, quando selecionada a opção Com cores predefinidas, uma tabela de cores é exibida em Campos de Texto. Ela representa as opções do atributo ‘text_colors‘ (Cores de texto). Este atributo deverá ser editado como exibido na imagem abaixo:
No campo PERMITIR ALTERAR A COR DO PLANO DE FUNDO DO TEXTO recomendamos manter em Não.
No campo ATIVAR A FUNCIONALIDADE DO TECLADO VIRTUAL recomendamos manter em Não.
O campo MÁXIMO DE CARACTERES POR TEXTO, nesta tela, representa a configuração geral para os produtos. Este campo é localizado também no cadastro dos produtos. Ou seja, para aqueles cadastros cujo campo estiver vazio, ele irá ativar o que for setado neste campo.
O campo PREÇO POR TEXTO, nesta tela, representa a configuração geral para os produtos. Este campo é localizado também no cadastro dos produtos. Ou seja, para aqueles cadastros cujo campo estiver vazio, ele irá ativar o que for setado neste campo.
O campo MÁXIMO DE OBJETOS DE TEXTO A SEREM PERMITIDOS não está sendo levado em consideração, pois na nossa plataforma atual é possível apenas setar um campo de texto.
Vamos agora à parte final das configurações: CONFIGURAÇÕES DE IMAGEM E CLIP-ART e CONFIGURAÇÕES DE COR.
Aba CONFIGURAÇÕES DE IMAGEM E CLIP-ART
No campo PERMITIR PERSONALIZAÇÃO COM IMAGEM você habilita a utilização de personalização com imagens que podem ser enviadas pelo cliente.
No campo PERMITIR PERSONALIZAÇÃO COM CLIP ART você habilita a utilização de personalização com Clip Art. Neste caso, você adiciona as imagens pelo Gerenciar Categorias de Clip Art, no Menu Superior.
Aba CONFIGURAÇÕES DE COR:
LARGURA DA MINIATURA DA SELEÇÃO DE CORES. Valor recomendado: 25
ALTURA DA MINIATURA DA SELEÇÃO DE CORES. Valor recomendado: 25
O campo ASSOCIAR IMAGENS DE PRODUTOS COM CORES é um caso à parte. Veja logo mais abaixo as especificações deste campo.
No campo ASSOCIAR IMAGENS DE PRODUTOS COM CORES, você deverá adicionar as cores que você deseja associar às possíveis variações de um produto.
Ou seja, se um produto possui cores diferentes, ou parte do produto possui variação de cores, você deverá adicioná-las aqui. IMPORTANTE: para ligar essas cores às imagens dos produtos, você deverá setar na descrição da imagem que for adicionada no cadastro o valor do campo Rótulo da Imagem do Produto. Para entender melhor, veja o exemplo abaixo:
O módulo identifica o valor do campo Código da Cor em Hexadecimal (#ffffff), gera uma miniatura contendo a cor e o cliente escolhe qual a cor que deseja. Veja print abaixo, tirado da página de um produto de exemplo:
CADASTRANDO UM PRODUTO PERSONALIZADO
Agora vamos cadastrar um produto. Utilizaremos as configurações que foram apresentadas neste tutorial.
Em CATÁLOGO/GERENCIAR PRODUTOS, clique no botão Criar Produto. Vamos escolher o tipo de produto PRODUTO PERSONALIZADO. Veja abaixo no print:
Após inserir os dados do produto como Nome, Descrição, Código, entre outros, acesse a aba CONFIGURAÇÕES DE PERSONALIZAÇÃO.
Nesta área você pode inserir informações como:
Nota Personalizada (dica) – Insira um texto para ser exibido na hora da personalização, trazendo alguma informação que você deseja informar ao cliente.
Taxa de personalização – Preço a ser pago pela personalização. Pode-se deixar em branco caso não haja nenhuma taxa adicional.
Preço por texto – Valor a ser pago pela personalização por texto inserido. Deixe em branco caso não haja nenhuma taxa adicional.
Cores de texto – são opções de cores que serão exibidas ao cliente para o texto.
Máximo de caracteres por texto – Limita o texto a ser inserido pelo cliente. Esta informação será exibida na hora da personalização.
Fontes – Opções de fontes do texto.
Preço por imagem – Valor a ser pago pela personalização por imagem. Deixe em branco caso não haja nenhuma taxa adicional.
Preço por Clip Art – Valor a ser pago pela personalização por Clip Art. Deixe em branco caso não haja nenhuma taxa adicional.
Permitir Personalização – Deixe esta opção como SIM.
O próximo passo é selecionarmos a área aonde o texto será inserido. Para isso, é preciso que haja uma imagem base para a customização. O exemplo que vamos passar agora se aplica à uma customização simples, para inserção de um campo de texto.
Na seção das IMAGENS, vamos inserir 2 imagens: uma para ser a imagem base para a personalização e uma imagem de um produto já personalizado, para ser exibida nas listagens.
Ao inserir as duas imagens, realize os seguintes ajustes:
1 – Na ORDEM DE ORDENAÇÃO, a imagem base para a personalização deverá vir antes, portanto insira um número menor do que a imagem de um produto já personalizado.
2 – Sete o campo IMAGEM BASE para a imagem base para a personalização.
3 – Sete os campos IMAGEM PEQUENA e THUMBNAIL para a imagem de um produto já personalizado.
SALVE as alterações, clicando no botão SALVAR E CONTINUAR, para que você possa permanecer na página de edição do produto. Este passo é necessário para que o módulo responsável pela personalização renderize as imagens e assim gerar a aba ÁREA DE PERSONALIZAÇÃO, que é o local aonde nós iremos acessar agora.
Selecione a área que o texto deverá ser inserido APENAS NA IMAGEM BASE que, devido às configurações realizadas anteriormente, já será exibida primeiro.
Assim que o feito, SALVE o produto.