Adicione marca d’água em fotos e imagens de seus produtos

Na maioria dos segmentos do e-commerce, ter fotos de qualidade é chave para o aumento na conversão. Em alguns segmentos como o de moda, fotos com modelos tendem a aumentar ainda mais suas vendas.

No entanto, criar fotos pode custar caro. E ter suas fotos no site do concorrente certamente não é algo que você gostaria, não é mesmo?

Uma forma de evitar que a foto de seus produtos seja copiada para outros sites é adicionar uma marca d’água com sua marca nestas imagens.

Como adicionar marca d’água no Magento

No Magento você pode fazer isso de forma automática, isto é, sem precisar editar produto por produto.

Tudo que você precisa é criar uma imagem para ser adicionada em cima da fotos de seus produtos.

Os formatos aceitos são: JPG(JPEG), GIF ou PNG.

Aconselho que você escolha o formato PNG e use um fundo transparente. Não é necessário adicionar transparência ao seu logo em si, pois isso pode ser configurado a seguir.

As configurações no admin

1. Uma vez que tiver seu logo pronto, faça login na área administrativa de sua loja e navegue até Conteúdo > Visual > Configurações.
2. Clique em Editar no tema/loja que deseja realizar a alteração
3. E dentro de Marcas D’água da Imagem de Produto configure a Marca d’água para cada tamanho da imagem.
4. Clique em Salvar
5. Limpe o cache de configuração e de página
6. Pronto

Exemplo

Nesta tela do Magento você encontra 3 tamanhos de imagem diferentes (Base, Miniatura, e Pequena). O lugar onde cada imagem é exibida varia de acordo com seu tema. No curso de administração abordo este assunto com mais detalhes.

De forma geral, não aconselho que utilize marca d’água nas imagens de miniatura nem na imagem pequena.

Você ainda pode escolher se deseja que sua marca d’água seja adicionada em um dos lados, no meio, de forma repetida, ampliada, etc.

Problemas comuns

Ao escrever este artigo e testar o recurso de marca d’água, a foto de meus produtos desapareceram do front end.

Isso foi causado por um bug ao selecionar a opção “Centralizar” nas configurações de posicionamento da marca d’água.

Caso tenha algum problema semelhante, aconselho tentar executar o comando bin/magento catalog:images:resize. Caso ele retorne erros, é possível que uma das configurações ainda esteja com problema.

Em último caso, apenas remova a marca d’água e suas imagens voltarão a aparecer.

Outros problemas na exibição de imagens podem estar relacionados a permissões de arquivos, falta da biblioteca de manipulação da imagem (Gd2), entre outros.

Suas fotos ainda estão visíveis sem marca d’água! O que fazer?

Um usuário mal intencionado ainda poderá encontrar e acessar a foto original de seu produto sem a marca d’água sem muito esforço..

Ao inspecionar a foto principal, note que o URL da mesma é algo como https://minhaloja.com.br/media/catalog/product/cache/a512e1fec92e3578e311964c251e46a6/w/s/ws07-black_main_1.jpg.

Ao remover a parte em destaque, o usuário poderá ter acesso à foto original sem a marca d’água adicionada pelo Magento.

Para evitar que isso aconteça, proteja seu diretório pub/media/catalog/product contra qualquer tipo de acesso. Isso pode ser feito de pelo menos duas formas, de acordo com seu tipo de servidor web.

Apache

Coloque um arquivo .htaccess com o conteúdo abaixo dentro da pasta pub/media/catalogo/product/.

# Apache 2.4
<IfModule mod_authz_core.c>
    Require all denied
</IfModule>

# Apache 2.2
<IfModule !mod_authz_core.c>
    Order Allow,Deny
    Deny from all
</IfModule>

Nginx

Em lojas com nginx, localize seu arquivo de configuração e adicione o trecho em destaque (3 linhas) no local indicado.

location /media/ {
...
    location ~ ^/media/catalog/product/(?!cache/).* {
        deny all;
    }
    try_files $uri $uri/ /get.php$is_args$args;
...

Tanto no Apache quanto no Nginx isso fará com que o acesso às fotos originais sem a marca d’água não possa ser realizado. Isto é, os arquivos chamados sem passar por /cache/xxxx.

Gostou do artigo? Toda semana tem assunto novo por aqui. Coloque seu e-mail abaixo e fique por dentro.

• Sobre
• Últimos Posts

Ricardo Martins

É desenvolvedor web há 16 anos e um dos primeiros certificados pela Magento no Brasil. Instrutor de mais de 11 cursos Magento (os principais no magenteiro.com/cursos) com mais de 14 mil alunos de 105 países, é também criador do módulo PagSeguro Transparente, usado em mais de 12 mil lojas.

Últimos posts por Ricardo Martins (exibir todos)

• PagSeguro (PagBank) para Magento 1 recebe a Nova Geração - 9 de abril de 2024
• Recorrência no WooCommerce Sem Plugins Pagos - 28 de janeiro de 2024
• Chargeback. O que é, e como se livrar deles. - 19 de dezembro de 2023