{"id":1733,"date":"2023-02-03T20:24:04","date_gmt":"2023-02-03T20:24:04","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2023\/02\/03\/6538352-hostinger-criador-de-sites-secoes-de-produto\/"},"modified":"2025-08-27T06:06:38","modified_gmt":"2025-08-27T06:06:38","slug":"6538352-hostinger-criador-de-sites-secoes-de-produto","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6538352-hostinger-criador-de-sites-secoes-de-produto\/","title":{"rendered":"Hostinger Criador de Sites: Se\u00e7\u00f5es de Produto"},"content":{"rendered":"

Com o Criador de Sites da Hostinger<\/a><\/b>, você pode adicionar seções de produto a qualquer template de site que desejar com muita facilidade! No criador de sites, clique no botão Adicionar seção<\/b>; ele se encontra em qualquer borda horizontal de seção:<\/p>

\n<\/p>

\n<\/p>

<\/div>

Selecione Loja virtual<\/b> no menu à esquerda. À direita, você verá dois tipos de seções de produto: lista de produto<\/a>s<\/a><\/b> e produto único<\/a><\/b>. Clique em uma das opções que preferir para inseri-la à sua página:<\/p>

\n<\/p>

\n<\/p>

<\/div>

Seção de lista de produto<\/b><\/h2>

Use este tipo de seção para exibir todos os seus produtos ou uma categoria de produto<\/a><\/b> específica. Clique em qualquer lugar da seção para exibir o menu de configurações:<\/p>

\n<\/p>

<\/div>

Clique em Gerenciar produtos<\/b> para abrir a área de gerenciamento da loja<\/a><\/b> Clique na engrenagem de configuração para abrir as configurações da seção de lista de produtos:<\/p>

\n\n\n\n\n\n\n\n\n
\n

Categoria<\/b><\/p>\n<\/td>\n

\n

Exibe todos os produtos ou uma categoria de produto específica<\/p>\n<\/td>\n<\/tr>\n

\n

Layout<\/b><\/p>\n<\/td>\n

\n

Altera o seguinte:<\/p>\n

    \n
  • \n

    Estilo de exibição do produto<\/p>\n<\/li>\n

  • \n

    Colunas (produtos por linha)<\/p>\n<\/li>\n

  • \n

    Margem da seção<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Estilo<\/b><\/p>\n<\/td>\n

\n

Altera o seguinte:<\/p>\n

    \n
  • \n

    Cor do texto<\/p>\n<\/li>\n

  • \n

    Plano de fundo da seção (cor\/imagem)<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Paginação<\/b><\/p>\n<\/td>\n

\n

Especifica o número de produtos por página (dentro da seção de lista de produto)<\/p>\n<\/td>\n<\/tr>\n

\n

Botão adicionar à sacola<\/b><\/p>\n<\/td>\n

\n

Habilita o botão Adicionar à sacola<\/b> para que seus clientes possam visualizar um produto e\/ou adicioná-lo ao carrinho sem abrir a página do produto<\/p>\n<\/td>\n<\/tr>\n

\n

Banner<\/b><\/p>\n<\/td>\n

\n

Altera o seguinte:<\/p>\n