Passar para o conteúdo principal

Como Alterar Imagem e Link das Categorias de Destaque na Home

Aprenda a alterar as imagens e os links das categorias de destaque exibidas na página inicial da sua loja WooCommerce feita com Elementor. Este tutorial ensina como substituir imagens e configurar corretamente o redirecionamento de cada categoria.

🧭 Quando usar

  • Ao atualizar o visual da Home da loja

  • Ao criar novas categorias de produtos

  • Ao corrigir links quebrados ou incorretos das categorias em destaque

✅ Pré-requisitos

  • Acesso de administrador ao WordPress

  • Página Home criada com o Elementor

  • Categorias de produtos já configuradas com slug definido

🛠️ Passo a passo

Passo 1 – Acessar a Home da loja

  1. No painel do WordPress, acesse Páginas » Todas as páginas.

  2. Localize a página Home e clique em Editar com Elementor.

  3. Aguarde o carregamento completo do editor visual.
    ​

Passo 2 – Identificar as categorias de destaque

  1. Role até a seção das categorias de destaque (logo abaixo do banner principal).

  2. Observe que elas geralmente estão dispostas em quatro colunas, cada uma contendo uma caixa de imagem e um título.
    ​

Passo 3 – Alterar a imagem da categoria

  1. Clique sobre a imagem da categoria que deseja alterar.

  2. No painel lateral, clique em Escolher imagem.
    ​

  3. Faça o upload de uma nova imagem ou selecione uma da biblioteca de mídia.

  4. Clique em Inserir mídia e confirme se a imagem foi atualizada.

  5. Clique em Atualizar para salvar.

Passo 4 – Alterar o link da categoria

  1. Com a caixa de imagem selecionada, localize o campo Link.

  2. No navegador, acesse sua loja e copie a parte da URL após o domínio.

    • Exemplo: se a URL completa é

      https://seudominio.com.br/categoria-produto/mais-vendidos

      use apenas

      /categoria-produto/mais-vendidos

  3. Cole esse trecho no campo de link da categoria correspondente.

  4. Caso esteja criando uma nova categoria, utilize o slug configurado em Produtos » Categorias.

    • Exemplo:

      • Categoria: Luminárias

      • Slug: luminarias

      • URL: /categoria-produto/luminarias

  5. Clique em Atualizar.

Passo 5 – Testar as alterações

  1. Volte à Home da loja e atualize a página.

  2. Clique em cada categoria e confirme se o link redireciona corretamente.

🧩 Exemplos práticos

  • Exemplo 1:

    • Categoria “Tudo para casa” → /categoria-produto/tudo-para-casa

    • Imagem: novo banner de produtos domésticos.

  • Exemplo 2:

    • Categoria “Acessórios” → /categoria-produto/acessorios

    • Imagem: foto de bijuterias e itens de moda.

🧪 Solução de problemas

  • Erro/Sintoma: Link da categoria leva para página 404.
    ​Causa provável: Slug incorreto ou categoria inexistente.
    ​Como resolver: Verifique o slug na área de Produtos » Categorias e atualize o link.

  • Erro/Sintoma: Imagem não atualiza após salvar.
    ​Causa provável: Cache do navegador ou plugin de otimização.
    ​Como resolver: Limpe o cache e recarregue a página do Elementor.

  • Erro/Sintoma: Imagem distorcida na seção.
    ​Causa provável: Proporção incorreta da imagem.
    ​Como resolver: Use imagens no formato quadrado (1:1) ou com a mesma altura/largura das demais categorias.

🔎 Referências e links úteis

🗂️ Metadados

  • Categoria: Design e Personalização

  • Subcategoria: Elementor e Home da loja

  • Tags: Elementor, WooCommerce, categorias, imagem, slug, link, home

  • Nível: básico

  • Atualizado em: 2025-10-20

Artigos relacionados
Respondeu à sua pergunta?