Pular para o conteúdo principal

Como podemos ajudar você?

Você comprou via Digistore24

Insira o carrinho de compras Digistore24 no seu site

Este artigo foi traduzido usando IA

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

Você gostaria de rastrear seus anúncios do Facebook em dispositivos iOS com o carrinho de compras? Então inicialize o carrinho conforme descrito aqui e configure o checkout em seu próprio domínio. Veja aqui.  

Os seguintes passos são necessários para integrar o carrinho de compras Digistore24:

1. Integre o carrinho de compras e adicione links

a) Integre o carrinho de compras

i. Via JavaScript

1. Adicione o seguinte código ao seu site:

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

ii) Via shortcode do WordPress

O shortcode do WordPress só funciona em conjunto com o WordPress e o plugin Digistore24 instalado (versão 2.17 ou superior).

  1. Primeiro, instale o plugin Digistore24. Siga as instruções aqui.
  2. Vá para a visão de edição do seu site no WordPress.
  3. Agora insira o seguinte shortcode no campo de texto em qualquer lugar desejado: [digistore_cart]
  4. Agora ajuste os botões de compra do seu produto. Estes não devem mais levar diretamente ao seu formulário de pedido. Siga as instruções aqui.
  5. Em seguida, integre o botão do carrinho. Você pode encontrar uma descrição aqui.

b) Configure links de compra

Este link adicionará os produtos ao carrinho de compras quando o cliente clicar no seu botão de compra.

Importante:
Por favor, use apenas a tag HTML clássica para links.

<a href="Link">Texto do link</a>

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

A URL de compra para o carrinho é:

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

  1. Substitua o espaço reservado PRODUCT-ID pelo seu ID do produto. Você pode encontrá-lo, por exemplo, em Conta > Produtos na linha do produto.
  2. Integre o link corretamente, conforme mostrado nos seguintes exemplos:

Código para um link de texto:

<a href="https://www.digistore24.com/add/PRODUCT-ID">TEXTO DO LINK</a>

Código para um link de imagem:

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

c) Integre o link/botão do carrinho

Para que o cliente possa sempre ver o que está comprando e possa facilmente finalizar o pedido, integre este link ou botão do carrinho no seu site:

https://www.digistore24.com/cart

Exemplo:

Código para um link de texto:

<a href="https://www.digistore24.com/cart">Texto do link</a>

Código para um link de imagem:

<a href="https://www.digistore24.com/cart"><img src="url-para-imagem-do-botão"/></a>

d) Opcional: Integre o link ou botão de checkout

Você pode configurar um link direto para o formulário de pedido em seu site, para que o cliente possa inserir diretamente os detalhes de pagamento.

A URL para isso é:

https://www.digistore24.com/checkout

Código para um link de texto:

<a href="https://www.digistore24.com/checkout">Texto do link</a>

Código para um link de imagem:

<a href="https://www.digistore24.com/checkout"><img src="url-para-imagem-do-botão"/></a>

2. Configurar a página de checkout

a) No domínio Digistore24

Você não precisa fazer nada além de especificar seu próprio formulário de pedido. Para fazer isso, use um dos códigos a seguir (JavaScript ou shortcode do WordPress) e substitua "4321" pelo ID do formulário de pedido.

JavaScript:

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

Shortcode do WordPress:

[digistore_cart orderform_id=4321]

b) No seu próprio domínio

Se você quiser rastrear seus anúncios do Facebook no carrinho de compras do Digistore24 com dispositivos iOS, é necessário integrar o carrinho de compras do Digistore24 em seu próprio domínio.

  1. Insira um destes códigos:
    • 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. Na inicialização do seu carrinho: Passe a URL de checkout para digistoreCart(). Exemplo:
    • JavaScript: <script src="https://www.digistore24-scripts.com/service/digistore.js"></script> <script> digistoreCart('checkout_url=https://www.mydomain.com/my-checkout_url'); </script>
    • Shortcode do WordPress: [digistore_cart checkout_url=https://www.mydomain.com/my-checkout_url]
  3. Substitua checkout_url=https://www.mydomain.com/my-checkout_url pela URL da etapa 1 da seção 3b.
Nota

Você pode especificar tanto a URL de checkout quanto o formulário de pedido simultaneamente:

JavaScript:

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

Shortcode do WordPress:

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

3. Opções de configuração do carrinho de compras do Digistore24

O carrinho do Digistore24 tem várias opções de configuração. Para adicionar uma configuração ao carrinho, você deve estender seu iframe, JavaScript ou shortcode do WordPress com as seguintes opções adicionais:

No iframe: digistoreCart("Option1 Option2")

No código JavaScript: digistoreCart("Option1 Option2")

No shortcode do WordPress: [digistore_cart Option1 Option2]

Configurações e opções associadas possíveis

Opção Descrição da configuração
info_position

Especifica onde a mensagem "Adicionado ao carrinho" será exibida. Valores possíveis:

  • top (padrão) – a mensagem é exibida na parte superior da janela do navegador
  • bottom – a mensagem é exibida na parte inferior da janela do navegador
  • Número (por exemplo, 50) – a mensagem é exibida esse número de pixels abaixo da borda superior da janela do navegador
info_sticky Se especificado, o resumo do carrinho é sempre exibido e fixo na borda da janela.
brutto Todos os preços no carrinho são exibidos incluindo IVA. Se não for explicitamente definido no código ou shortcode, a configuração do primeiro produto no carrinho será aplicada a todos os outros produtos.
netto Todos os preços no carrinho são exibidos como preços líquidos mais IVA. Se não for explicitamente definido no código ou shortcode, a configuração do primeiro produto no carrinho será aplicada a todos os outros produtos.
orderform_id=321 Seleciona o formulário de pedido que será exibido após clicar em "Continuar para o checkout". Se não for explicitamente definido no código ou shortcode, a configuração do primeiro produto no carrinho será aplicada a todos os outros produtos.
return_url=https://xyz Define onde o cliente será redirecionado ao clicar no link "Continuar comprando" no formulário de pedido. Por padrão, o referenciador HTTP é usado, assim o cliente é redirecionado para a última página visitada.
thankyou_url=https://xyz Após a compra, o comprador é redirecionado para esta página.
no_return_button O link "Continuar comprando" é oculto no formulário de pedido.
currency_symbol O símbolo da moeda é exibido no formulário de pedido em vez da abreviação da moeda (por exemplo, EUR → €).
upsell=XXX

Define se e como os upsells são exibidos no processo de pedido.

Seguem vários exemplos de aplicações possíveis:
upsell=any Digistore24 seleciona os upsells do primeiro produto no carrinho que possui upsells. Esta é a configuração padrão.
upsell=1234 Exibe os upsells do produto 1234 após a compra inicial.
upsell=12,34,56,78,12 Exibe os upsells do produto 12 após a compra inicial, se ele estiver no carrinho. Caso contrário, os upsells do produto 34 serão exibidos se ele estiver no carrinho. Caso contrário, o próximo produto na lista será usado. Se nenhum dos produtos listados foi adicionado ao carrinho, os upsells do último ID do produto na lista serão exibidos (neste exemplo, o ID do produto 12; este ID pode ser um ID duplicado, mas não deveria ser).
upsell=123,any,456 Exibe os upsells do produto 123 após a compra inicial, se o produto 123 tiver sido adicionado ao carrinho; caso contrário, os upsells de qualquer outro produto no carrinho (se houver upsells disponíveis); caso contrário, os upsells do produto 456 serão exibidos (mesmo que o produto 456 não esteja no carrinho).
upsell=123,456,none Se o produto 123 estiver no carrinho, os upsells do produto 123 serão exibidos após a compra inicial. Caso contrário, se o produto 456 estiver no carrinho, os upsells do produto 456 serão exibidos após a compra inicial. Se nenhum dos produtos listados tiver upsells, nenhum upsell será exibido após a compra inicial, e o cliente será redirecionado diretamente para a página de agradecimento.
upsell=none Desabilita completamente a exibição de upsells, independentemente de os produtos no carrinho terem upsells ou não.
upsell=first Exibe apenas os upsells do primeiro produto no carrinho. Este é o comportamento padrão para vendas que não ocorrem através de um carrinho.
language=en Define a linguagem para inglês. Por padrão, a língua do primeiro produto adicionado ao carrinho é usada. As línguas possíveis atualmente são: en (inglês) e de (alémão).
orderform_as_popup Quando o comprador clica no botão "Continuar para checkout", o formulário de pedido do Digistore24 é aberto em uma nova janela.
tracking=your_tracking_
keyortracking ='Sua chave de rastreamento'

Adiciona a chave de rastreamento especificada à compra (assim como o parâmetro GET ds24tr faz).

Se a chave de rastreamento contiver espaços, utilize marcas de citação (por exemplo, tracking='minha chave').
currency=USD A moeda especificada é usada no carrinho, por exemplo, EUR ou USD.
quantity_readonly A quantidade não pode ser alterada no formulário de pedido. Os produtos também não podem ser removidos.
show_total_amount =some_name Exibe o valor do carrinho no elemento HTML com o ID ou classe CSS especificado ou nome correspondente. Para fazer isso, insira, por exemplo, 0 EUR no código HTML – 0 EUR será então substituído pelo valor real do carrinho. Se o comprador mudar produtos ou quantidades no carrinho, o valor é automaticamente atualizado.
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 correspondente. Para fazer isso, insira, por exemplo, /div>
on_cart_change
=some_js_function

Chama a função JavaScript some_js_function(cart) toda vez que o carrinho muda. cart é um objeto com estes campos:

  • gross_amount – valor bruto, por exemplo, 119.00
  • net_amount – valor líquido, por exemplo, 100.00
  • gross_amount_msg – o valor bruto formatado para exibição direta, por exemplo, "119.00 €"
  • net_amount_msg – o mesmo para o valor líquido, por exemplo, "100.00 €"
  • currency – moeda
  • items – array com os itens do pedido no carrinho com estes campos:
    • product_id
    • gross_amount
    • vat_amount
    • can_show_price: true/false – se false, nenhum valor pode ser exibido, por exemplo, para assinaturas.
    • max_quantity – por exemplo, 5: Este é o número máximo que o comprador pode adquirir do produto.
    • quantity – por exemplo, 1
    • is_quantity_readonly - true/false
on_message=some
_alert_function		 Chama a função JavaScript some_alert_function(msg_type, msg_text) toda vez que uma mensagem deve ser exibida ao usuário. msg_type pode ser erro, aviso ou info.
voucher=some_voucher_code Adiciona o código do voucher some_voucher_code ao pedido. O código do voucher é aplicado ao pedido (se for válido para o primeiro produto comprado).
theme=modern Seleciona um tema moderno para o carrinho. Para usar o tema clássico, omita o parâmetro ou defina: theme=classic
Nota

Se não for explicitamente definido no código ou shortcode, a configuração do primeiro produto no carrinho será aplicada a todos os outros produtos.

Exemplo:

No código JavaScript:

No shortcode do WordPress:

[digistore_cart language=pt netto tracking="campaign 1"] 

4. Dicas e truques para o carrinho de compras Digistore24

Dica 1: Alinhe os planos de pagamento de todos os produtos

Se você vende produtos via assinatura ou pagamentos parcelados, deve escolher os mesmos intervalos de cobrança para todos os produtos, por exemplo, mensal ou anual. Isso resulta em um número menor de cobranças para o cliente.

Você pode misturar produtos de pagamento único com produtos de assinatura e pagamentos parcelados. Digistore24 oferecerá ao comprador o intervalo de cobrança que corresponde a todos os produtos.

Exemplo:

  • O produto 1 tem pagamento anual e pagamento mensal.
  • O produto 2 tem pagamento anual e pagamento semestral.
  • O produto 3 só tem pagamento único.

O comprador pode então pagar apenas via pagamento anual.

Se os produtos tiverem períodos de teste, o menor período de teste dos produtos selecionados será utilizado. Para garantir que as cobranças sejam processadas juntas, deve-se decidir também para todos os produtos (incluindo pagamentos únicos) se o IVA deve ser incluído no preço ou não.

Você pode ajustar ambas as configurações em Conta > Produtos na aba "Planos de pagamento" dos detalhes do produto.

Dica 2 (para seu designer web): Mantenha as janelas exibidas permanentemente

Se seu designer web for estilizar o carrinho, pode ser que ele queira manter as várias janelas exibidas permanentemente para personalizá-las melhor. Para fazer isso, ele pode adicionar a seguinte opção à URL onde o carrinho está integrado:

?ds24debug, por exemplo, https://www.dominio.com?ds24debug.

Dica 3 (para seu desenvolvedor web): Adicione produtos via JavaScript

Se você quiser tornar seu site mais flexível, há a opção de adicionar produtos ao carrinho usando a função JavaScript ds24cart_add(), por exemplo:

  • ds24cart_add(123)
    adiciona o produto 123 ao carrinho
  • ds24cart_add(123, 3)
    adiciona o produto 123 ao carrinho três vezes

Use ds24cart_show(button) para exibir o carrinho.

Exemplo:

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