Pular para o conteúdo principal

Como podemos ajudar você?

Você comprou via Digistore24

Carrinho de compras Digistore24: vários produtos - um checkout

Este artigo foi traduzido usando IA

Tem feedback sobre esta tradução? Avise-nos aqui!

O carrinho de compras Digistore24 é um recurso útil se você oferece vários produtos na sua página de vendas.

Com o carrinho de compras, os clientes podem primeiro selecionar e “reunir” todos os produtos nos quais têm interesse - e depois concluir a compra em um checkout combinado.

Isso traz benefícios para seus clientes:

  • Simplicidade: Selecione tudo primeiro e depois pague em uma única etapa - em vez de passar por vários processos de checkout separados.
  • Clareza: Veja todos os produtos selecionados rapidamente durante o checkout.

E isso também traz benefícios para você:

  • Um processo de compra mais simples para vários produtos pode reduzir atritos e levar a mais compras concluídas (maior conversão).
  • Você pode posicionar estrategicamente produtos relacionados na sua página de vendas, que os clientes podem facilmente adicionar à compra.

Você incorpora o carrinho de compras Digistore24 na sua página de vendas. Há diferentes opções (JavaScript ou por meio do plugin Digistore24 para WordPress) - e você pode configurar o carrinho de compras extensivamente, se necessário. Este artigo mostra como fazer isso.

Como a compra com o carrinho de compras funciona

Depois que o carrinho de compras Digistore24 estiver incorporado na sua página de vendas, o fluxo de compra para seus clientes funciona assim:

  1. O cliente abre sua página de vendas.
  2. O cliente clica no botão Comprar de um produto.
    O produto é adicionado ao carrinho de compras. Logo depois, o cliente vê uma breve confirmação que inclui:
    • Uma observação de que o produto foi adicionado ao carrinho de compras
    • Subtotal e número de produtos selecionados
    • Um botão Continuar comprando
    • Um botão Ir para o checkout
  3. Opcional: O cliente abre o carrinho de compras na sua página.
    Você pode adicionar um link ou botão que abre o carrinho de compras como uma janela de sobreposição.
  4. O cliente vai para o checkout.
    Quando ele clica em Ir para o checkout, é redirecionado para o formulário de pedido Digistore24.
  5. O cliente paga tudo junto no formulário de pedido.
    Todos os produtos selecionados são listados ali - e o cliente conclui a compra em uma etapa.

Adicione o carrinho de compras Digistore24 à sua página de vendas

Para permitir que seus clientes usem o carrinho de compras Digistore24, você precisa adicioná-lo uma vez à sua página de vendas. Dependendo do seu site, há duas maneiras de fazer isso: com um pequeno trecho de JavaScript ou - se você usa WordPress - com o plugin Digistore24 para WordPress e um shortcode.

Incorporar o carrinho de compras

Para disponibilizar o carrinho de compras na sua página de vendas, você precisa incorporá-lo uma vez.

Selecione uma das seguintes opções:

Incorporar o carrinho de compras via JavaScript

  1. Adicione este código ao código-fonte da sua página de vendas (por exemplo, na área onde outros scripts são incorporados).

    <script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart("theme=v2"); </script>

  2. Salve / publique a página.

O carrinho de compras agora está incorporado na sua página e pode ser usado.

Incorporar o carrinho de compras via WordPress (plugin + shortcode)

Requisito: O shortcode só funciona com WordPress e o plugin Digistore24 (versão 2.17 ou superior).

  1. Instale o plugin Digistore24 (se ainda não tiver feito isso).
  2. Abra a página que contém sua página de vendas no editor do WordPress.

  3. Insira o shortcode em um local adequado.

    [digistore_cart theme=v2]

  4. Salve / atualize a página.

O carrinho de compras agora está incorporado na sua página do WordPress e pode ser usado.

Vincule botões de compra para que os produtos entrem no carrinho de compras

Para que um produto entre no carrinho de compras quando o cliente clica em Comprar, seu botão de compra deve apontar para um endereço específico da Digistore24. O cliente permanece na sua página de vendas - o produto é simplesmente adicionado ao carrinho de compras.

Como funciona

URL de compra (princípio básico)

A URL de compra para o carrinho de compras é:

https://www.digistore24.com/add/PRODUCT-ID

Substitua PRODUCT-ID pelo ID do seu produto. Você pode encontrá-lo, por exemplo, em Meus produtos > Lista de produtos na linha do produto.

Importante: Use apenas links HTML clássicos

Use um link HTML normal para o botão de compra no seguinte formato:

<a href="LINK">TEXTO-DO-LINK</a>

Caso contrário, a Digistore24 pode não reconhecer corretamente o botão de compra.

Exemplos

Exemplo: link de texto

<a href="https://www.digistore24.com/add/PRODUCT-ID">Comprar agora</a>

Exemplo: link de imagem

<a href="https://www.digistore24.com/add/PRODUCT-ID"><img src="IMAGE-URL" /></a>

Adicione um link ou botão de carrinho de compras

Para que seus clientes sempre possam ver o que já está no carrinho de compras, você deve adicionar um link de carrinho de compras ou botão de carrinho de compras à sua página de vendas. Isso permite que o cliente abra o carrinho de compras e depois conclua a compra.

Como funciona

URL do carrinho de compras

https://www.digistore24.com/cart

Exemplos

Exemplo: link de texto

<a href="https://www.digistore24.com/cart">Mostrar carrinho de compras</a>

Exemplo: link de imagem

<a href="https://www.digistore24.com/cart"><img src="IMAGE-URL" /></a>

Opcional: link direto para o checkout

Se quiser, você também pode adicionar um link direto para o checkout. Isso permite que o cliente vá diretamente para o formulário de pedido.

https://www.digistore24.com/checkout

Exemplo: link de texto

<a href="https://www.digistore24.com/checkout">Ir para o checkout</a>

Exemplo: link de imagem

<a href="https://www.digistore24.com/checkout"><img src="IMAGE-URL" /></a>

Definir checkout: padrão ou seu próprio domínio

Na maioria dos casos, o checkout na Digistore24 é suficiente. Para determinadas configurações de Suivi du formulaire de commande, pode ser útil usar o checkout no seu próprio domínio.

Checkout na Digistore24 (padrão)

Com a opção padrão, você não precisa fazer mais nada. Quando um cliente clica em Ir para o checkout no carrinho de compras, ele é redirecionado para o formulário de pedido Digistore24.

Opcional: Definir um formulário de pedido específico (orderform_id)

Se quiser usar um formulário de pedido específico, você pode especificar o ID dele no código de incorporação do carrinho de compras. Substitua 4321 pelo ID do seu formulário de pedido.

JavaScript

<script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart("theme=v2 orderform_id=4321"); </script>

Shortcode do WordPress

[digistore_cart theme=v2 orderform_id=4321]

Checkout no seu próprio domínio (por exemplo, Suivi du formulaire de commande / iOS)

Se você quiser incorporar o checkout no seu próprio domínio (por exemplo, para determinadas configurações de Suivi du formulaire de commande, como anúncios do Facebook com dispositivos iOS), siga estas três etapas:

Como funciona

  1. Incorporar checkout no seu domínio
    Adicione um dos seguintes trechos de código à sua página de checkout (no seu domínio):

    • JavaScript

      <style> body { margin:0; } </style> <script src='https://www.digistore24.com/service/js/orderform_widget.js'></script> <iframe class='ds24_payIFrame' style='overflow: hidden; width: 100%; height: 100%; border: none; margin:0; padding: 0; background: transparent;' src='https://www.digistore24.com/checkout?iframe=1'></iframe>

    • Shortcode do WordPress

      [digistore_cart_checkout]

  2. Forneça sua URL de checkout ao carrinho de compras
    Passe a URL da sua própria página de checkout no código de incorporação do carrinho de compras.

    • JavaScript

      <script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart("theme=v2 checkout_url=https://www.mydomain.com/my-checkout_url"); </script>

    • Shortcode do WordPress

      [digistore_cart theme=v2 checkout_url=https://www.mydomain.com/my-checkout_url]

  1. Substitua o espaço reservado
    Substitua https://www.mydomain.com/my-checkout_url pela URL da sua página de checkout da etapa 1.

Observação

Você pode especificar a URL de checkout e o formulário de pedido ao mesmo tempo:

JavaScript

<script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart("theme=v2 orderform_id=4321 checkout_url=https://www.mydomain.com/my-checkout_url"); </script>

Shortcode do WordPress

[digistore_cart theme=v2 orderform_id=4321 checkout_url=https://www.mydomain.com/my-checkout_url]

Configurações e configuração do carrinho de compras Digistore24

Você pode personalizar como o carrinho de compras Digistore24 se comporta usando opções adicionais - por exemplo, idioma, exibição de IVA ou o destino após a compra. Basta adicionar as opções ao código ou shortcode que você já usa para o carrinho de compras.

Padrão neste artigo: Todos os exemplos usam theme=v2. Se quiser usar configurações adicionais, basta acrescentá-las.

Como adicionar configurações (princípio básico)

JavaScript

digistoreCart("theme=v2 OPTION1 OPTION2");

WordPress

[digistore_cart theme=v2 OPTION1 OPTION2]

Exemplo

digistoreCart("theme=v2 language=en netto");
[digistore_cart theme=v2 language=en netto]

Configurações comuns (recomendado)

Estas opções são usadas com mais frequência. Você pode combiná-las conforme necessário.

Idioma

Defina o idioma do carrinho de compras.

  • language=de (alemão)
  • language=en (inglês)

Exemplo:
digistoreCart("theme=v2 language=en");
[digistore_cart theme=v2 language=en]

Preços com ou sem IVA

  • brutto - preços com IVA incluído
  • netto - preços como preços líquidos mais IVA

Exemplo:
digistoreCart("theme=v2 brutto");
[digistore_cart theme=v2 brutto]

Após a compra / voltar para sua página

  • thankyou_url=https://xyz - página de destino após a compra
  • return_url=https://xyz - destino quando o comprador clica em “Continuar comprando” no formulário de pedido
  • no_return_button - oculta “Continuar comprando” no formulário de pedido

Voucher e Suivi du formulaire de commande

  • voucher=some_voucher_code - adiciona um código do voucher
  • tracking='Your tracking key' - adiciona uma chave de Suivi du formulaire de commande à compra
    Observação: Se sua chave de Suivi du formulaire de commande contiver espaços, use aspas.

Comportamento do checkout

  • orderform_id=4321 - usa um formulário de pedido específico
  • orderform_as_popup - abre o formulário de pedido em uma nova janela

Controlar upsells (com exemplos)

Com upsell=..., você define se e como os upsells são exibidos durante o processo de pedido.

Variantes comuns

  • upsell=any - a Digistore24 seleciona os upsells do primeiro produto no carrinho de compras que possui upsells (padrão)
  • upsell=none - desativa completamente os upsells
  • upsell=first - mostra apenas os upsells do primeiro produto no carrinho de compras
  • upsell=1234 - mostra os upsells do produto 1234 após a compra inicial

Regras de ordem (exemplos)

Você pode especificar vários IDs de produto em uma ordem. A Digistore24 então verifica quais produtos estão no carrinho de compras, na ordem em que você os lista.

  • upsell=12,34,56,78,12 - verifica se os produtos 12/34/56/78 estão no carrinho de compras (veja a lógica existente para obter detalhes)
  • upsell=123,any,456 - prefere 123; caso contrário, qualquer outro produto no carrinho de compras; caso contrário, 456
  • upsell=123,456,none - prefere 123; caso contrário, 456; caso contrário, sem upsells

Exemplo:
digistoreCart("theme=v2 upsell=none");
[digistore_cart theme=v2 upsell=none]

Para desenvolvedores: Exibir valores e usar eventos

Estas opções são úteis se você quiser integrar o carrinho de compras mais profundamente à sua página (por exemplo, exibir o valor do carrinho de compras ou reagir a alterações).

Exibir o total do carrinho de compras na sua página

show_total_amount=some_name exibe o total do carrinho de compras em um elemento HTML com o ID ou classe CSS especificado (ou nome correspondente).

Exemplo:
digistoreCart("theme=v2 show_total_amount=total_amount");
[digistore_cart theme=v2 show_total_amount=total_amount]

Exibir itens do carrinho de compras na sua página

show_cart_items=some_name exibe o conteúdo do carrinho de compras em um elemento HTML com o ID ou classe CSS especificado (ou nome correspondente).

Exemplo:
digistoreCart("theme=v2 show_cart_items=cart_items");
[digistore_cart theme=v2 show_cart_items=cart_items]

Reagir a alterações

on_cart_change=some_js_function chama uma função JavaScript sempre que o carrinho de compras muda. A função recebe um objeto cart (incluindo valores brutos/líquidos, moeda e itens).

Lidar com mensagens personalizadas

on_message=some_alert_function chama uma função JavaScript quando uma mensagem deve ser exibida ao usuário. msg_type é error, warning ou info.

Todas as configurações (tabela de referência)

Esta tabela lista todas as opções disponíveis como referência. (Os exemplos neste artigo usam theme=v2 por padrão.)

Opção

Explicação

info_position Define onde a mensagem informativa “Adicionado ao carrinho de compras” é exibida.
  • top (padrão) - na parte superior da janela do navegador
  • bottom - na parte inferior da janela do navegador
  • Número (por exemplo, 50) - esta quantidade de pixels abaixo da borda superior da janela do navegador
info_sticky Se especificado, o resumo do carrinho de compras é sempre exibido e “fixado” na borda da janela.
brutto Os preços no carrinho de compras são mostrados com IVA incluído. Se não for explicitamente definido, a configuração do primeiro produto no carrinho de compras é usada como padrão para todos os produtos adicionais.
netto Os preços no carrinho de compras são mostrados como preços líquidos mais IVA. Se não for explicitamente definido, a configuração do primeiro produto no carrinho de compras é usada como padrão para todos os produtos adicionais.
orderform_id=4321 Seleciona o formulário de pedido que é mostrado depois que o cliente clica em “Ir para o checkout”. Se não for explicitamente definido, a configuração do primeiro produto no carrinho de compras é usada como padrão para todos os produtos adicionais.
checkout_url=https://xyz Define qual URL de checkout é usada (por exemplo, se você incorporou o checkout no seu próprio domínio).
return_url=https://xyz Define para onde o comprador é redirecionado quando clica em “Continuar comprando” no formulário de pedido. O padrão é o referenciador HTTP (ou seja, a página visitada mais recentemente).
thankyou_url=https://xyz Após a compra, o comprador é redirecionado para esta página.
no_return_button Oculta o link “Continuar comprando” no formulário de pedido.
currency_symbol Mostra o símbolo da moeda no formulário de pedido em vez do código da moeda (por exemplo, EUR → €).
currency=USD Usa a moeda especificada no carrinho de compras (por exemplo, EUR ou USD).
upsell=XXX Define se e como os upsells são exibidos durante o processo de pedido (veja as variantes abaixo).
upsell=any A Digistore24 seleciona os upsells do primeiro produto no carrinho de compras que possui upsells. (Padrão)
upsell=1234 Mostra os upsells do produto 1234 após a compra inicial.
upsell=12,34,56,78,12 Verifica a lista em ordem: se o produto 12 estiver no carrinho de compras, seus upsells serão exibidos. Caso contrário 34, caso contrário 56, caso contrário 78. Se nenhum desses produtos estiver no carrinho de compras, os upsells do último ID de produto da lista serão exibidos (aqui: 12; duplicatas são possíveis, mas não recomendadas).
upsell=123,any,456 Mostra os upsells do produto 123 se ele estiver no carrinho de compras; caso contrário, os upsells de qualquer outro produto no carrinho de compras (se disponível); caso contrário, os upsells do produto 456 (mesmo que 456 não esteja no carrinho de compras).
upsell=123,456,none Mostra os upsells do produto 123 se ele estiver no carrinho de compras; caso contrário, os upsells do produto 456 se ele estiver no carrinho de compras; caso contrário, nenhum upsell, e o comprador é redirecionado diretamente para a página de agradecimento.
upsell=none Desativa completamente os upsells - independentemente de os produtos no carrinho de compras terem upsells.
upsell=first Mostra apenas os upsells do primeiro produto no carrinho de compras. Este é o comportamento padrão para vendas que não usam um carrinho de compras.
language=en Muda o idioma para inglês. Por padrão, é usado o idioma do primeiro produto adicionado ao carrinho de compras. Idiomas disponíveis: en e de.
orderform_as_popup Quando o comprador clica em “Ir para o checkout”, o formulário de pedido Digistore24 é aberto em uma nova janela.
tracking=your_tracking_key
tracking='Your tracking key' 		Adiciona a chave de Suivi du formulaire de commande especificada à compra (como o parâmetro GET ds24tr). Se a chave de Suivi du formulaire de commande contiver espaços, use aspas (por exemplo, tracking='my key').
quantity_readonly A quantidade não pode ser alterada no formulário de pedido, e os produtos não podem ser removidos.
show_total_amount=some_name Exibe o total do carrinho de compras no elemento HTML com o ID ou classe CSS especificado (ou nome). Quando o carrinho de compras muda, o valor é atualizado automaticamente.
show_cart_items=some_name Exibe o conteúdo do carrinho de compras no elemento HTML com o ID ou classe CSS especificado (ou nome).
on_cart_change=some_js_function Chama a função JavaScript some_js_function(cart) sempre que o carrinho de compras muda.

cart inclui (entre outros):

  • gross_amount, net_amount
  • gross_amount_msg, net_amount_msg
  • moeda
  • items (array), cada item inclui (entre outros): product_id, gross_amount, vat_amount, can_show_price, max_quantity, quantity, is_quantity_readonly
on_message=some_alert_function Chama a função JavaScript some_alert_function(msg_type, msg_text) quando uma mensagem deve ser exibida. msg_type é error, warning, ou info.
voucher=some_voucher_code Adiciona o código do voucher ao pedido. O código é aplicado (desde que seja válido para o primeiro produto comprado).
theme=v2
theme=modern
theme=classic 		Seleciona um tema para o carrinho de compras. Neste artigo, usamos theme=v2 por padrão. (Para o tema clássico, defina theme=classic; alternativamente, theme=modern.)

Observação

Se uma configuração não for explicitamente definida no código ou shortcode, a configuração do primeiro produto no carrinho de compras é usada como padrão para todos os produtos adicionais.

Exemplo:

[digistore_cart theme=v2 language=en netto tracking="campaign 1"]

Dicas e truques para o carrinho de compras Digistore24

Aqui estão algumas dicas práticas de uso real.

Dica 1: Alinhe os planos de pagamento dos seus produtos

Se você vende produtos via assinatura ou pagamentos parcelados, deve usar os mesmos intervalos de cobrança para todos os produtos sempre que possível (por exemplo, mensal ou anual). Isso resulta em menos cobranças individuais para o comprador - e mantém o processo de checkout claro.

Você pode misturar pagamentos únicos com produtos de assinatura e parcelamento. A Digistore24 então oferece ao comprador o intervalo de cobrança que se ajusta a todos os produtos selecionados.

Exemplo

  • Produto 1: pagamento anual e pagamento mensal
  • Produto 2: pagamento anual e pagamento bienal
  • Produto 3: apenas pagamento único

Resultado: O comprador só pode pagar usando pagamentos anuais (porque esse é o denominador comum).

Se seus produtos tiverem períodos de teste, será usado o menor período de teste entre os produtos selecionados. E, para garantir que as cobranças fiquem alinhadas, você também deve decidir de forma consistente para todos os produtos (incluindo pagamentos únicos) se o IVA está incluído no preço ou não.

Você pode configurar ambos na Digistore24 em Meus produtos > Lista de produtos - nos detalhes do produto, na aba “Planos de pagamento”.

Dica 2 (para web designers): Mantenha as janelas permanentemente visíveis

Se seu web designer precisa ajustar a aparência do carrinho de compras, ajuda se as janelas do carrinho de compras permanecerem visíveis permanentemente. Isso facilita aplicar estilos e testar.

Adicione o parâmetro ?ds24debug à URL da página onde o carrinho de compras está incorporado.

Exemplo

https://www.domain.com?ds24debug

Dica 3 (para desenvolvedores web): Adicione produtos via JavaScript

Se você quiser tornar sua página mais flexível (por exemplo, botões personalizados, listas dinâmicas de produtos), também pode adicionar produtos ao carrinho de compras diretamente via JavaScript.

Adicionar produtos

ds24cart_add(123) - adiciona o produto 123 ao carrinho de compras
ds24cart_add(123, 3) - adiciona o produto 123 ao carrinho de compras três vezes

Mostrar o carrinho de compras

Use ds24cart_show(button) para abrir o carrinho de compras.

Exemplo

<button onclick="return ds24cart_show(this);">Mostrar carrinho de compras</button>