Como configurar um carrinho de compras

Configurando um carrinho de compras para uma loja online

Assista a este tutorial sobre como configurar um carrinho de compras

Como adicionar um carrinho de compras em uma loja online
Mostrar
Como você pode usar um carrinho de compras em uma loja online
Mostrar
Dicas específicas para trabalhar com um carrinho de compras
Mostrar
Persistência do carrinho de compras, valor mínimo do pedido e outros parâmetros
Mostrar
Usando o carrinho de compras, o comprador pode selecionar opções de pagamento e entrega, preencher seus dados de contato e outras informações adicionais.

No Tilda, você pode usar o carrinho de compras para vender uma seleção de produtos do Catálogo, bem como um único produto ou serviço.
Por exemplo, você pode criar uma loja online com produtos ou páginas promocionais para vender cursos online com carrinhos de compras exclusivos para cada produto. Com configurações flexíveis do carrinho de compras, você pode criar os cenários de vendas mais incomuns no site.
Adicionando um carrinho de compras
Para adicionar um carrinho de compras ao projeto, acesse a Biblioteca de Blocos e clique na categoria “Loja”. Selecione o bloco ST100 “Carrinho de compras com formulário de pedido” na lista.
Como testar se o carrinho de compras funciona
Para testar se o carrinho de compras é exibido corretamente no site, acesse a visualização e clique no ícone do carrinho de compras.
Na pré-visualização, o produto de teste já é exibido no carrinho de compras por padrão. Este produto não existe no seu projeto, ele é usado apenas para ser exibido na pré-visualização.
Para testar se o sistema de pagamento ou o serviço de entrega funcionam, você precisa publicar a página com o carrinho de compras. Na página publicada, adicione um produto ao carrinho de compras, preencha todos os campos e envie um pedido.
Se você tiver apenas um sistema de pagamento ou serviço de entrega de produtos conectado ao carrinho de compras, o título da integração não será exibido no carrinho de compras.

Os títulos das integrações serão exibidos se mais de um serviço estiver conectado ao carrinho de compras.
Cenários de uso do carrinho de compras
Um carrinho de compras pode ser adicionado tanto a uma página de projeto separada quanto a todo o projeto.

Colocando o carrinho de compras em todo o projeto. Para sites com várias páginas, coloque o carrinho de compras no cabeçalho ou rodapé para que fique sempre visível para os clientes.
Configurações de cabeçalho e rodapé. Para obter informações detalhadas, leia o guia.
Colocando o carrinho de compras em uma página específica. Se você não trabalha com um catálogo de produtos e vende itens individuais, ou se precisa de configurações diferentes para o carrinho de compras em páginas diferentes, pode adicionar um bloco de carrinho de compras a cada página.
Para que as configurações dos carrinhos de compras não se sobreponham ao usar esta opção, você precisa selecionar a opção Não salvar produto no carrinho ao configurar o carrinho de compras.
Para fazer isso, vá para Configurações, abra a guia Mais configurações e marque a caixa de seleção Não salvar produto no carrinho. Ao fechar o carrinho de compras, o produto será excluído. Se o comprador pular para outra página, as configurações anteriores do carrinho de compras não serão mantidas no carrinho de compras da outra página.
Colocando o carrinho de compras no cabeçalho e rodapé da loja online. No Tilda, você pode adicionar separadamente o cabeçalho e o rodapé apenas às páginas relacionadas aos produtos na loja online. Para fazer isso, os cartões dos produtos devem abrir como páginas. Um guia detalhado para trabalhar com cartões está disponível neste link.
Como funciona o carrinho de compras na página
O carrinho de compras só aparecerá na página depois que o comprador adicionar pelo menos um produto a ele. Se nenhum produto tiver sido adicionado, o ícone do carrinho de compras não será exibido.
Se um carrinho de compras for adicionado ao cabeçalho, rodapé ou página do site, seu ícone será sempre exibido na visualização. Ao clicar no ícone, você verá um produto de amostra. Isso mostra como funciona o carrinho de compras.

Não se preocupe, nem o ícone nem o produto serão exibidos de uma só vez na versão publicada do site.
O carrinho de compras aparece assim que o botão “Comprar” é clicado.
Quando um comprador adiciona um item ao carrinho de compras, uma janela pop-up com o formulário de pedido aparece na tela.

Se você desativar a opção de mostrar o carrinho de compras após selecionar um item, o item será adicionado ao carrinho de compras sem preencher o formulário de pedido. O comprador poderá preencher o formulário mais tarde, quando acessar o carrinho de compras.
Nas configurações do carrinho de compras, você também pode definir o comportamento padrão de excluir produtos do carrinho quando ele for fechado. Para mais informações sobre por que você precisa disso e como configurar, leia o guia abaixo.
Configurando como o carrinho de compras deve abrir
Configurações gerais do carrinho de compras e pagamento
Clique em uma tag para ir diretamente para a descrição da configuração necessária no guia.
Persistência do carrinho de compras 
Se um visitante do site adicionar um item ao carrinho de compras em uma página, depois abrir outra página ou fechar o site, o item será mantido no carrinho de compras por 30 dias. Você pode alterar esse período nas configurações do bloco. Se estiver definido como 0, o produto será excluído do carrinho de compras assim que a janela pop-up do carrinho for fechada.
Configurando por quanto tempo um item deve ser mantido no carrinho de compras
Conectando sistemas de pagamento ao carrinho de compras
Por padrão, não há opções de pagamento no carrinho de compras, você precisa conectá-las separadamente através das configurações do site. Você pode conectar um ou mais sistemas de pagamento. Vá para Configurações do site → Sistemas de pagamento e selecione o que você precisa na lista. Informações detalhadas sobre como trabalhar com sistemas de pagamento estão descritas aqui.
A página para configurar o sistema de pagamento e a moeda
Salvar dados de contato
Para que os compradores não precisem preencher seus dados de contato quando repetirem compras em seu site, habilite a opção de salvar informações de contato.

Para fazer isso, abra o bloco ST100 → Conteúdo → Campos de entrada e adicione um novo campo Checkbox: Salvar dados de contato para a próxima compra.
Ativar a opção para salvar os dados de contato do comprador
Os dados no carrinho de compras são salvos no navegador do comprador, portanto, não há necessidade de incluí-los na Política de Privacidade do seu site. Se o comprador quiser excluir os dados, basta limpar o cache do navegador.

Todos os dados transferidos são criptografados e protegidos contra interceptação por terceiros.
Valor mínimo do pedido
Se você deseja que os pedidos sejam enviados a partir de um valor específico, como R$ 10, é possível especificar o valor mínimo do pedido.

Se um comprador selecionar um produto por um valor inferior, ele será adicionado ao carrinho de compras, mas o botão “Finalizar compra” ficará inativo e o comprador verá uma dica de texto no carrinho de compras.
Os formulários de pedido
Os compradores utilizam o formulário de pedido para enviar os seus dados no seu site. Para configurá-lo, clique em Conteúdo no bloco ST100. Em seguida:

— Adicione e configure os campos que os compradores devem preencher, atribua os seus títulos;
— Selecione os campos obrigatórios;
— Conecte os serviços de captura de dados para receber os leads do formulário.

Você pode selecionar o estilo do carrinho de compras e dos campos nas configurações do bloco.
Um formulário de pedido para uma loja online
Serviços de captura de dados
Por padrão, os dados do formulário são salvos na seção Leads por 30 dias. Você pode alterar esse período para até 90 dias em Configurações do site → Formulários → Configurações gerais do formulário.

Você pode receber leads por e-mail, Google Sheets ou enviá-los para serviços integrados, como MailChimp, GetResponse, UniSender. Você pode conectá-los na seção Configurações do site → Formulários

Leia mais no guia de serviços de captura de dados.
Um exemplo de conexão de serviços de captura de dados no carrinho de compras
Variantes de entrega
Você pode definir a entrega no carrinho de compras usando os serviços de entrega conectados e o campo “Variantes de entrega” integrado. Este guia descreve como adicionar serviços de entrega ao projeto e conectá-los ao carrinho de compras.

Abaixo, é descrita a opção do campo Variantes de entrega sem serviços de entrega conectados.

Para exibir as variantes de entrega ao fazer um pedido, clique em Conteúdo no bloco Carrinho de compras ST100. Adicione o tipo de campo Variantes de entrega e, no campo Variantes, liste as opções de entrega, cada opção em uma linha separada.

Se a entrega não for gratuita, coloque o sinal “=” e especifique o preço da entrega sem moeda:
Retirada local gratuita
Entrega por correio $20 =20
Página de sucesso para o carrinho de compras
Se os pagamentos online não forem disponibilizados no site e o carrinho de compras for usado apenas para receber leads, você pode configurar a página de sucesso diretamente nele. Clique em Conteúdo no bloco ST100 e vá para a guia Mais e, em seguida, no campo URL da página de sucesso, especifique o link para a página que você precisa.
Configurando a página de sucesso através do carrinho de compras ST100
Se você tiver o sistema de pagamento conectado ao projeto, será necessário configurar a página de sucesso nas configurações do sistema de pagamento. Para fazer isso, acesse Configurações do site → Sistemas de pagamento, selecione o serviço na lista e especifique a URL da página de sucesso nas configurações.

Como começar a aceitar pagamentos no site por produtos ou serviços.

Instruções para colocar produtos na página da loja online.

Instruções para criar uma loja online com várias páginas.

Cenário de venda de mercadorias sem seleção de parâmetros adicionais.

Como fazer para que o comprador possa escolher o parâmetro: cor, tamanho, tempo ou outro parâmetro.

Como transferir dados para o caixa online Cloudpayments, Robokassa, YKassa

Configuração da venda de um único produto

Os sistemas de pagamento mais procurados estão integrados ao Tilda. É possível conectar um ou vários.

Você pode oferecer opções de entrega e definir preços diferentes para elas.

Como adicionar opções adicionais que o comprador pode selecionar antes de finalizar o pedido

Como fazer para que o comprador apenas encomende o produto no site e pague posteriormente?

Fabricado em
Tilda