Inserir algum selo de reconhecimento ou de segurança em sua loja ajudará a conquistar a confiança de seus clientes. E a Nuvem Shop disponibiliza a funcionalidade Selos Personalizados para sua loja virtual.

Pelo painel de administração de sua loja, é possível adicionar selos personalizados de 2 formas:

  • Via imagem estática
  • Via código HTML

A seguir, vamos te ensinar as duas formas

Via imagem estática

1. No painel de administração de sua loja, siga pelo caminho Layout > Personalizar  Layout.

2. Agora, nas categorias de personalização, clique em Opções Gerais.

3. Na seção Selos personalizados do rodapé, clique em "Selecionar Imagem", para buscar a imagem do selo salvo em seu computador.

📌 Observação: a imagem deve ser em formato .png ou .jpeg. Lembre-se também de que será uma imagem estática, ou seja, não clicável e que não direcionará seu cliente para nenhum outro site.


4. Após selecionar o arquivo, clique em "Salvar Alterações" para confirmar o upload do seu selo.

Pronto! Você já pode observar o seu novo selo no seu layout.

Via código HTML

1. No painel de administração de sua loja, siga também pelo caminho Layout > Personalizar Layout, e nas categorias de personalização, clique em Opções Gerais.

2. Na seção Selos personalizados do rodapé, se você tiver os códigos HTML fornecidos pelo serviço que você quer exibir o selo, basta colá-lo no campo.

4. Após colar o código, clique em "Salvar Alterações" para confirmar o upload do seu selo.

Pronto! Você já pode observar o seu novo selo no seu layout.

💡 Dica: se você tem a imagem do selo e o endereço do link para direcionar seu cliente, porém não tem o código HTML completo para incorporá-lo no campo, você pode criá-lo seguindo alguns passos.

Primeiro, o que você precisa fazer é enviar a imagem do selo para a plataforma. Para isso, vamos criar uma página em sua loja somente para fazer o envio da imagem.

Basta você ir em Layout > Páginas > Adicionar nova página > Página em branco > Criar.

Depois, você deve clicar no botão "Imagem", para fazer o upload da imagem do selo. Vá até a aba Enviar, selecione a imagem no seu computador e clique em "Enviar para o servidor". 

Depois do upload, o campo URL estará preenchido como na imagem abaixo, então é só você copiar o código.

Agora, precisamos criar o código HTML para incluir na plataforma. Use como base o código abaixo:

<a href="PÁGINA"><img src="URL GERADA NO UPLOAD DA IMAGEM" alt="TEXTO ALTERNATIVO">

Nesse código, você deverá substituir as informações em letras maiúsculas pelas seguintes informações:

  • PÁGINA - Coloque o endereço completo para onde você quer direcionar seu cliente quando ele clicar no selo. Por exemplo, se você quiser direcionar seu cliente para o Google, deverá preencher entras aspas o endereço http://google.com.br;
  • URL GERADA NO UPLOAD DA IMAGEM - Coloque a URL que copiou no passo anterior;
  • TEXTO ALTERNATIVO - Escreva uma frase, ou o nome do selo, para quando seu cliente passar o mouse sobre o selo.

Depois de criar o código, basta ir em Layout > Personalizar layout > Opções gerais, colar no campo Código HTML ou Javascript do selo e salvar as alterações.


📌 Observação: se o código HTML que você colocou não está mostrando a imagem corretamente, reveja se colou o código correto e, se necessário, entre em contato com a empresa que forneceu o código porque se for um erro nesse código mesmo, eles conseguirão te ajudar mais rápido.

Encontrou sua resposta?