Adicionar produtos a uma loja online
Como criar e adicionar produtos na Tilda
No siteTilda, você pode criar uma loja virtual completa, com catálogo, conta pessoal e serviços de entrega. Este guia detalhado descreve as opções para adicionar produtos.
Os produtos da sua loja virtual podem ser criados de duas maneiras: usando o recurso “Catálogo” ou manualmente, diretamente na página.
Adicionar e gerenciar o catálogo de produtos em uma loja online
Leia mais
Gerenciamento de produtos através do bloco Conteúdo
Leia mais
Ativando o catálogo
Para começar a usar o Catálogo, você precisará ativá-lo. Acesse Configurações do site → Serviços integrados → Catálogo de produtos → Conectar.
Site Settings > "Built-in services": the "Connect" button under "Product catalog".
A página inicial do catálogo será exibida. Clique no botão “Comece a usar o Catálogo de Produtos” para continuar.
The "Get started with Product Catalog" button on the Product Catalog welcome page.
Três produtos de teste aparecerão na página de gerenciamento do catálogo. Você pode excluí-los; eles servem apenas para fins de demonstração.
Online store Catalog: the "+ Add product" button in the upper right corner of the product list.
Adicionar produtos pelo catálogo
Clique no botão “Adicionar produto” para criar um novo produto no catálogo. Preencha o título, e um formulário será exibido para você preencher os demais campos do produto.
Se você pretende criar muitos produtos, use a importação de produtos por meio de arquivos CSV ou YML. Veja abaixo os guias detalhados:
Como preencher e configurar uma ficha de produto
Campos básicos da ficha do produto. Depois de criar uma ficha de produto, você precisa preenchê-la:

  • Título— o nome do produto;
  • Descrição— uma breve descrição do produto que será exibida na visualização do cartão do produto;
  • Texto— uma descrição detalhada do produto que será exibida na janela pop-up do produto ou na página.
Product editor: "TITLE", "DESCRIPTION", and "TEXT" fields in the side panel.
Há um editor de texto disponível para a descrição e o texto. Você pode estruturar a descrição da maneira que achar melhor. No entanto, não é possível inserir imagens no texto.
Usando o conta-gotas no editor de texto, você pode alterar a cor da fonte. Nesse caso, as alterações de cor na ficha do produto substituirão as alterações na cor da tipografia definidas nas configurações do bloco da loja.
Product editor: the text formatting toolbar and text field below "DESCRIPTION".
Imagens e vídeos. Você pode enviar uma ou mais imagens, bem como um vídeo, para a ficha do produto. Clique no botão “Vídeo” e especifique a fonte do vídeo no campo “Tipo de vídeo”. Vídeos do YouTube, Vimeo, Rutube, Kinescope e VK Video podem ser exibidos na ficha do produto.
Variantes do produto. Na guia “Variantes do produto”, você pode criar variações de produto por cor, tamanho e outros parâmetros. Também é possível atribuir uma imagem personalizada a cada variação.

Opções adicionais. Aqui você pode definir parâmetros adicionais que se aplicam a todas as variantes do produto. Por exemplo, você pode adicionar um embrulho ou um serviço adicional a cada variante. Cada opção adicional pode afetar o preço final do produto.
Product editing panel in the online store: the "PRODUCT VARIANTS" and "ADDITIONAL OPTIONS" sections.
Categorias de produtos. Aqui você pode ver em quais categorias o produto foi adicionado. Para adicionar um produto a outra categoria, clique no botão “Adicionar à categoria”; para remover um produto de uma categoria, clique na cruz ao lado do item na lista.
Product editor: the "PRODUCT CATEGORIES" section and the "+ Add to category" button.
Se a ficha do produto exibir a mensagem “O bloco com o produto não está publicado no site”, isso significa que o produto não está sendo exibido no site. Para resolver esse problema, é necessário publicar o bloco da categoria do produto no site.
Product editing panel in the online store: "The block with the product is not published on the website" notification under "Product categories".
Características. Aqui você pode definir características padrão, como marca, dimensões e peso. Os valores nos campos de dimensões e peso também são utilizados pelosserviços de entrega para calcular corretamente os custos de envio.

Você também pode criar suas próprias características e reorganizá-las nesta aba. É possível usar as características para criar filtros para o catálogo.
Product editing panel in the online store: the "CHARACTERISTICS" section with brand, dimensions, weight, and custom parameters.
Guias. Na guia “Guias”, você pode incluir informações adicionais sobre o produto. É possível adicionar quatro tipos de guias:


  • Informações— um bloco de texto no qual você também pode inserir imagens e vídeos;
  • Modelo— para preencher informações padrão que podem ser adicionadas a todas as fichas de produto com um clique;
  • Informação: Texto— se você deseja duplicar a descrição do produto nas abas ou não exibir a descrição do produto no próprio cartão do produto;
  • Informações: Características— caso deseje exibir todas as características do produto em um bloco separado.
Online store product editor: The "TABS" section with the "Add a new tab" button in the left settings panel.
SEO. Esses campos são utilizados para SEO. Nesta guia, você pode preencher o título, a descrição e as palavras-chave.
Product editor: the expanded "SEO" section in the left panel.
Produtos vendidos por peso. Se você pretende vender produtos por peso ou comprimento, pode especificar a unidade de medida e a quantidade unitária na guia “Produtos vendidos por peso”.
Product editing panel in the online store: the "SOLD BY WEIGHT" section with the "UNIT OF MEASUREMENT" and "UNIT QUANTITY" fields.
Link para a página do produto. Neste campo, você precisa especificar a página do produto criada anteriormente. Por exemplo, se você criou uma página de destino para um produto, pode inserir o link para ela neste campo. Agora, quando um comprador clicar na imagem do produto na grade de produtos, ele será direcionado para essa página específica.
In the product editing panel, the "LINK TO THE PRODUCT PAGE" field.
Configurações adicionais. Na ficha do produto, você também pode definir a visibilidade do produto, especificar o código externo do produto (obrigatório ao usar integrações), bem como o ID do produto, necessário para conectar o produto aos blocos ST2** e ST5**.

Você também pode duplicar, excluir ou reordenar uma ficha de produto usando as opções disponíveis na própria ficha.
Product editing panel: The "VISIBILITY" dropdown, "PRODUCT EXTERNAL ID" field, and product actions at the bottom.
Reserva de produtos
Você pode definir a quantidade de itens em estoque no Catálogo de Produtos. Assim, quando um cliente iniciar a compra, os itens do produto serão reservados e a quantidade será reduzida. Diferentes sistemas de pagamento têm prazos distintos para a realização de cada pagamento.

Você pode definir a opção de que o item fique reservado até ser comprado (quando chegar uma notificação do sistema de pagamento) ou definir um prazo dentro do qual o item deve ser comprado. Isso pode ser configurado em Configurações do site → Sistemas de pagamento → Configurações gerais de pagamento → Reservar um produto.
In Site Settings > Payment Systems: the "Edit Settings" button under the "GENERAL PAYMENT SETTINGS" section.
Online store settings: "BOOK A PRODUCT" dropdown menu, the "Do not create orders with zero price" option, and "Save" button.
Consulte também a seção
Você pode incluir a seção que mostra os produtos que podem interessar ao comprador. Quando o produto é visualizado, é exibido um elemento adicional no qual outros produtos da sua loja são sugeridos ao comprador.

Para ativar o elemento, você precisa vincular os produtos do catálogo; em seguida, acesse a aba “Configurações” do bloco → seção “Veja também” → escolha a categoria da qual deseja oferecer produtos → selecione o número de produtos no elemento e o título da seção → salve as alterações.
  • Pergunta
    Há algum limite para o número de produtos?
    Resposta
    Você pode adicionar até 5.000 produtos no plano Pessoal, 50.000 no plano Empresarial, bem como até 1.000 categorias ao Catálogo em ambos os planos.
Adição manual de produtos
Para adicionar produtos manualmente no bloco de produtos, insira qualquer bloco com cartões de produto na página. Por exemplo, ST305N.
In the Block Library, the "Store" category on the left and the ST305N block "Product cards with buttons + Pop-up with product details".
Clique no botão “Conteúdo” para acessar o editor de blocos e criar novos cartões de produto.
In the ST305N block panel: the "Content" button in the upper-left corner of the block.
Clique no botão “Adicionar novo item” e preencha os campos da ficha do produto: lista de imagens (carregue uma ou várias imagens), descrição, texto (que ficará visível na janela pop-up da ficha do produto), preço do produto/serviço, preço anterior, título do botão, link do botão e ficha do produto.
No campo “Link para o botão e o cartão do produto”, você pode escolher três ações para o produto no bloco ao clicar: Link na página — outra página será aberta; Ver informações completas do produto — uma janela pop-up com informações detalhadas será aberta; Adicionar ao carrinho — o produto será adicionado imediatamente ao carrinho de compras.
Para adicionar um segundo botão, o SKU do produto ou parâmetros, clique no link “Mostrar mais: segundo botão, rótulo, opções”. Serão exibidos campos adicionais, que você poderá preencher, se necessário.
The "Show more: second button, label, options" link at the bottom of a product card in the "Content" panel of a store block.
Se você quiser transferir produtos do bloco para o Catálogo, no conteúdo do bloco com os produtos, clique no link “Copiar produtos deste bloco para o Catálogo de Produtos”.
Você já fez o upload das fotos, adicionou descrições e definiu o preço — os produtos estão prontos.

Agora, você precisa adicionar um carrinho de compras e conectar o sistema de pagamento, caso pretenda aceitar pagamentos online.
PERGUNTAS FREQUENTES:
Q
E quanto aos produtos se eu mudar para o plano gratuito?
A
O Catálogo está disponível apenas nos planos pagos. Se você mudar para o plano gratuito, os produtos ficarão armazenados no carrinho de compras do Tilda 30 dias. Se você não voltar a um plano pago após o término desse período, seus produtos serão excluídos de forma definitiva. Para manter os produtos, recomendamos baixar a lista de produtos em formato CSV ou YML com antecedência.
Fabricado em
Tilda