Por exemplo, você pode criar uma loja virtual com produtos ou páginas promocionais para a venda de cursos on-line, com carrinhos de compras exclusivos para cada produto. Com as configurações flexíveis do carrinho de compras, é possível criar os cenários de vendas mais incomuns no site.

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.

Para verificar se o carrinho de compras está sendo exibido corretamente no site, acesse a visualização e clique no ícone do carrinho de compras.

Na visualização, o produto de teste já aparece no carrinho de compras por padrão. Esse produto não existe no seu projeto; ele é usado apenas para ser exibido na visualização.

Para testar se o sistema de pagamento ou o serviço de entrega funciona, 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 o pedido.

É possível adicionar umcarrinho de compras tanto a uma página específica do projeto quanto ao projetocomo um todo.

Como posicionar o carrinho de compras no projeto como um todo. Em sites com várias páginas, posicione o carrinho de compras no cabeçalho ou no rodapé para que ele fique sempre visível aos clientes.

Colocar 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, é possível adicionar um bloco de carrinho de compras a cada página.

Como inserir o carrinho de compras no cabeçalho e no rodapé da loja virtual. No Tilda, é possível adicionar separadamente o cabeçalho e o rodapé apenas às páginas relacionadas a produtos na loja virtual. Para isso, os cartões de produto devem ser abertos como páginas. Um guia detalhado sobre como trabalhar com cartões está disponível neste link.

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.

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 exibir o carrinho de compras após a seleção de um item, o item será adicionado ao carrinho sem que o formulário de pedido seja preenchido. O comprador poderá preencher o formulário posteriormente, ao acessar o carrinho de compras.

Clique em uma tag para ir diretamente para a descrição da configuração que você precisa no guia.

Se um visitante do site adicionar um item ao carrinho de compras em uma página e, em seguida, abrir outra página ou fechar o site, o item permanecerá no carrinho de compras por 30 dias. Você pode alterar esse período nas configurações do bloco. Se o valor for definido como 0, o produto será excluído do carrinho de compras assim que a janela pop-up do carrinho for fechada.

Por padrão, não há opções de pagamento no carrinho de compras; é necessário configurá-las separadamente nas configurações do site. É possível configurar um ou mais sistemas de pagamento. Acesse Configurações do site → Sistemas de pagamento e selecione as opções desejadas na lista.Informações detalhadas sobre como trabalhar com sistemas de pagamento estão descritas aqui.

Para que os compradores não precisem preencher seus dados de contato ao fazerem novas compras no seu site, ative a opção de salvar as informações de contato.

Para isso, abra o bloco ST100 → Conteúdo → Campos de entrada e adicione uma nova caixa de seleção: “Salvar dados de contato para a próxima compra”.

Os dados do 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.

Se você quiser que os pedidos sejam enviados a partir de um valor específico, como US$ 10, é possível definir o valor mínimo do pedido.

Se um comprador selecionar um produto com valor inferior, ele será adicionado ao carrinho de compras, mas o botão “Finalizar compra” ficará desativado, e o comprador verá uma mensagem explicativa no carrinho de compras.

Os compradores utilizam o formulário de pedido para enviar seus dados no seu site. Para configurá-lo, clique em “Conteúdo” no bloco ST100. Em seguida:

— Adicione e configure os campos a serem preenchidos pelos compradores e atribua títulos a eles;
— Selecione quais campos são 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.

Por padrão, os dados do formulário ficam armazenados 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, no Google Sheets ou enviá-los para serviços integrados, como MailChimp, GetResponse e UniSender. É possível conectar esses serviços na seção Configurações do site → Formulários

Leia mais no guia sobre serviços de captura de dados.

É possível configurar a entrega no carrinho de compras utilizando os serviços de entrega conectados e o campo integrado “Variantes de entrega”. 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” do ST100. Adicione o tipo de campo “Variantes de entrega” e, no campo “Variantes”, liste as opções de entrega, cada uma em uma linha separada.

Se a entrega não for gratuita, insira o sinal “=” e especifique o preço da entrega sem indicar a moeda:

Se o site não oferecer pagamentos online 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, acesse a aba “Mais” e, em seguida, no campo “URL da página de sucesso”, especifique o link para a página desejada.

Se você tiver o sistema de pagamento conectado ao projeto, será necessário configurar a página de confirmação de sucesso nas configurações do sistema de pagamento. Para isso, acesse Configurações do site → Sistemas de pagamento, selecione o serviço na lista e especifique a URL da página de confirmação de sucesso nas configurações dele.