Saltar al contenido principal

¿Cómo podemos ayudarte?

Has comprado en Digistore24

Incorpore el carrito de compras de Digistore24 en su sitio web

Este artículo ha sido traducido mediante IA

¿Tienes comentarios sobre esta traducción? Avísanos aquí.

¿Le gustaría rastrear sus anuncios de Facebook en dispositivos iOS con el carrito de compras? Luego inicialice el carrito como se describe aquí y configure la caja en su propio dominio. Ver aquí.  

Los siguientes pasos son necesarios para integrar el carrito de compras de Digistore24:

1. Integre el carrito de compras y agregue enlaces

a) Integre el carrito de compras

i. A través de JavaScript

1. Agregue el siguiente código a su sitio web:

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

ii) A través de shortcode de WordPress

El shortcode de WordPress solo funciona en conjunto con WordPress y el plugin de Digistore24 instalado (versión 2.17 o superior).

  1. Primero, instale el plugin de Digistore24. Siga las instrucciones aquí.
  2. Vaya a la vista de edición de su sitio web en WordPress.
  3. Ahora ingrese el siguiente shortcode en el campo de texto en cualquier ubicación deseada: [digistore_cart]
  4. Ahora ajuste los botones de compra de su producto. Estos ya no deberían conducir directamente a su formulario de pedido. Siga las instrucciones aquí.
  5. Luego integre el botón del carrito. Puedes encontrar una descripción aquí.

b) Configurar enlaces de compra

Este enlace agregará los productos al carrito de compras cuando el cliente haga clic en su botón de compra.

Importante:
Por favor, use solo la etiqueta HTML clásica para enlaces.

<a href="Link">Texto del enlace</a>

De lo contrario, Digistore24 no reconocerá correctamente el botón de compra.

La URL de compra para el carrito es:

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

  1. Reemplace el marcador de posición PRODUCT-ID con su ID de producto. Puede encontrarlo, por ejemplo, en Cuenta > Productos en la línea de productos.
  2. Integre el enlace correctamente, como se muestra en los siguientes ejemplos:

Código para un enlace de texto:

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

Código para un enlace de imagen:

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

c) Integrar enlace/botón del carrito

Para que el cliente pueda ver siempre lo que está comprando y pueda completar fácilmente el pedido, integre este enlace o botón del carrito en su sitio web:

https://www.digistore24.com/cart

Ejemplo:

Código para un enlace de texto:

<a href="https://www.digistore24.com/cart">Texto del enlace</a>

Código para un enlace de imagen:

<a href="https://www.digistore24.com/cart"><img src="url-to-button-image"/></a>

d) Opcional: Integrar enlace o botón de pago

Puedes configurar un enlace directo al formulario de pedido en tu sitio web, de modo que el cliente pueda ingresar directamente los detalles de pago.

La URL para esto es:

https://www.digistore24.com/checkout

Código para un enlace de texto:

<a href="https://www.digistore24.com/checkout">Texto del enlace</a>

Código para un enlace de imagen:

<a href="https://www.digistore24.com/checkout"><img src="url-to-button-image"/></a>

2. Configurar la página de pago

a) En el dominio de Digistore24

No necesitas hacer nada más, a menos que desees especificar tu propio formulario de pedido. Para hacer esto, utiliza uno de los siguientes códigos (JavaScript o shortcode de WordPress) y reemplaza "4321" con el ID del formulario de pedido.

JavaScript:

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

Shortcode de WordPress:

[digistore_cart orderform_id=4321]

b) En tu propio dominio

Si deseas rastrear tus anuncios de Facebook en el carrito de Digistore24 con dispositivos iOS, es necesario integrar el carrito de Digistore24 en tu propio dominio.

  1. Inserta uno de estos 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 de WordPress: [digistore_cart_checkout]
  2. En tu inicialización de carrito: Pasa la URL de pago a digistoreCart(). Ejemplo:
    • 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 de WordPress: [digistore_cart checkout_url=https://www.mydomain.com/my-checkout_url]
  3. Reemplaza checkout_url=https://www.mydomain.com/my-checkout_url con la URL del paso 1 de la sección 3b.
Nota

Puedes especificar tanto la URL de pago como el formulario de pedido simultáneamente:

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 de WordPress:

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

3. Opciones de configuración del carrito de Digistore24

El carrito de Digistore24 tiene varias opciones de configuración. Para agregar una configuración al carrito, debes extender tu iframe, JavaScript, o shortcode de WordPress con las siguientes opciones adicionales:

En iframe: digistoreCart("Option1 Option2")

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

En shortcode de WordPress: [digistore_cart Option1 Option2]

Configuraciones posibles y opciones asociadas

Opción Descripción de la configuración
info_position

Especifica dónde se mostrará el mensaje "Añadido al carrito". Valores posibles:

  • arriba (predeterminado) – el mensaje se muestra en la parte superior de la ventana del navegador
  • abajo – el mensaje se muestra en la parte inferior de la ventana del navegador
  • Número (por ejemplo, 50) – el mensaje se muestra esta cantidad de píxeles por debajo del borde superior de la ventana del navegador
info_sticky Si se especifica, el resumen del carrito siempre se muestra y se fija al borde de la ventana.
bruto Todos los precios en el carrito se muestran incluyendo IVA. Si no está definido explícitamente en el código o shortcode, la configuración del primer producto en el carrito se aplicará a todos los demás productos.
neto Todos los precios en el carrito se muestran como precios netos más IVA. Si no está definido explícitamente en el código o shortcode, la configuración del primer producto en el carrito se aplicará a todos los demás productos.
orderform_id=321 Selecciona el formulario de pedido que se mostrará después de hacer clic en "Proceder al pago". Si no está definido explícitamente en el código o shortcode, la configuración del primer producto en el carrito se aplicará a todos los demás productos.
return_url=https://xyz Define a dónde será redirigido el cliente cuando haga clic en el enlace "Continuar comprando" en el formulario de pedido. De forma predeterminada, se utiliza el HTTP referrer, por lo que el cliente es redirigido a la última página visitada.
thankyou_url=https://xyz Después de la compra, el comprador es redirigido a esta página.
no_return_button El enlace "Continuar comprando" está oculto en el formulario de pedido.
currency_symbol El símbolo de la moneda se muestra en el formulario de pedido en lugar de la abreviatura de la moneda (por ejemplo, EUR → €).
upsell=XXX

Define si y cómo se muestran las ventas adicionales en el proceso de pedido.

A continuación, se presentan varios ejemplos de aplicaciones posibles:
upsell=any Digistore24 selecciona las ventas adicionales del primer producto en el carrito que tiene ventas adicionales. Esta es la configuración predeterminada.
upsell=1234 Muestra las ventas adicionales del producto 1234 después de la compra inicial.
upsell=12,34,56,78,12 Muestra las ventas adicionales del producto 12 después de la compra inicial si está en el carrito. De lo contrario, se mostrarán las ventas adicionales del producto 34 si está en el carrito. De lo contrario, se utilizará el siguiente producto de la lista. Si ninguno de los productos listados ha sido añadido al carrito, se mostrarán las ventas adicionales del último ID de producto en la lista (en este ejemplo, el ID de producto 12; este ID puede ser un ID duplicado, pero no debería serlo).
upsell=123,any,456 Muestra las ventas adicionales del producto 123 después de la compra inicial si el producto 123 ha sido añadido al carrito; de lo contrario, se mostrarán las ventas adicionales de cualquier otro producto en el carrito (si hay ventas adicionales disponibles); de lo contrario, se mostrarán las ventas adicionales del producto 456 (incluso si el producto 456 no está en el carrito).
upsell=123,456,none Si el producto 123 está en el carrito, se mostrarán las ventas adicionales del producto 123 después de la compra inicial. De lo contrario, si el producto 456 está en el carrito, se mostrarán las ventas adicionales del producto 456 después de la compra inicial. Si ninguno de los productos listados tiene ventas adicionales, no se mostrarán ventas adicionales después de la compra inicial, y el cliente será redirigido directamente a la página de agradecimiento.
upsell=none Desactiva completamente la visualización de ventas adicionales, independientemente de si los productos en el carrito tienen ventas adicionales o no.
upsell=first Solo muestra las ventas adicionales del primer producto en el carrito. Este es el comportamiento predeterminado para las ventas que no ocurren a través de un carrito.
language=en Establece el idioma como inglés. De forma predeterminada, se utiliza el idioma del primer producto añadido al carrito. Los idiomas posibles actualmente son: en (inglés) y de (alemán).
orderform_as_popup Cuando el comprador hace clic en el botón "Proceder al pago", el formulario de pedido de Digistore24 se abre en una nueva ventana.
tracking=your_tracking_
keyortracking ='Tu clave de seguimiento'

Agrega la clave de seguimiento especificada a la compra (igual que el parámetro GET ds24tr).

Si la clave de seguimiento contiene espacios, por favor usa comillas (por ejemplo, tracking='mi clave').
currency=USD La moneda especificada se utiliza en el carrito, e.g. EUR o USD.
quantity_readonly La cantidad no se puede cambiar en el formulario de pedido. Los productos tampoco se pueden eliminar.
show_total_amount =some_name Muestra el valor del carrito en el elemento HTML con el ID o clase CSS especificados o nombre correspondiente. Para hacer esto, inserta por ejemplo, 0 EUR en el código HTML – 0 EUR será reemplazado por el valor real del carrito. Si el comprador cambia productos o cantidades en el carrito, el monto se actualiza automáticamente.
show_cart_items=some_name Muestra el contenido del carrito de compras en el elemento HTML con el ID o clase CSS especificados o nombre correspondiente. Para hacer esto, inserta por ejemplo, /div>
on_cart_change
=some_js_function

Llama a la función JavaScript some_js_function(cart) cada vez que el carrito cambia. cart es un objeto con estos campos:

  • gross_amount – monto bruto, e.g., 119.00
  • net_amount – monto neto, e.g., 100.00
  • gross_amount_msg – el monto bruto formateado para visualización directa, e.g., "119.00 €"
  • net_amount_msg – idem para el monto neto, e.g., "100.00 €"
  • currency – moneda
  • items – array con los elementos del pedido en el carrito con estos campos:
    • producto_id
    • gross_amount
    • importe_iva
    • can_show_price: true/false – si false, no se puede mostrar ningún valor, e.g., para suscripciones.
    • max_quantity – e.g., 5: Esta es la cantidad máxima que el comprador puede adquirir del producto.
    • quantity – e.g., 1
    • is_quantity_readonly - true/false
on_message=some
_alert_function		 Llama a la función JavaScript some_alert_function(msg_type, msg_text) cada vez que se muestre un mensaje al usuario. msg_type puede ser error, advertencia o información.
voucher=some_voucher_code Agrega el código del vale some_voucher_code al pedido. El código del vale se aplica al pedido (si es válido para el primer producto comprado).
theme=modern Selecciona un tema moderno para el carrito. Para usar el tema clásico, omite el parámetro o establece: theme=classic
Nota

Si no está definido explícitamente en el código o shortcode, la configuración del primer producto en el carrito se aplicará a todos los demás productos.

Ejemplo:

En código JavaScript:

En shortcode de WordPress:

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

4. Consejos y trucos para el carrito de compras de Digistore24

Consejo 1: Alinear planes de pago de todos los productos

Si vendes productos a través de suscripciones o pagos a plazos, debes elegir los mismos intervalos de facturación para todos los productos, por ejemplo, mensuales o anuales. Esto resulta en un menor número de cargos para el cliente.

Puedes mezclar productos de pago único con productos de suscripción y pagos a plazos. Digistore24 ofrecerá al comprador el intervalo de facturación que coincida con todos los productos.

Ejemplo:

  • El producto 1 tiene pago anual y pago mensual.
  • El producto 2 tiene pago anual y pago semestral.
  • El producto 3 solo tiene pago único.

El comprador solo puede pagar a través de pago anual.

Si los productos tienen períodos de prueba, se usará el período de prueba más corto de los productos seleccionados. Para asegurar que los cargos se procesen juntos, también se debe decidir para todos los productos (incluidos los pagos únicos) si el IVA debe estar incluido en el precio o no.

Puedes ajustar ambas configuraciones en Cuenta > Productos en la pestaña de detalles del producto "Planes de pago".

Consejo 2 (para tu diseñador web): Mantener las ventanas mostradas permanentemente

Si tu diseñador web va a estilizar el carrito, puede que quiera mantener las diversas ventanas mostradas permanentemente para personalizarlas mejor. Para hacer esto, puede agregar la siguiente opción a la URL donde está integrado el carrito:

?ds24debug, por ejemplo, https://www.domain.com?ds24debug.

Consejo 3 (para tu desarrollador web): Añadir productos a través de JavaScript

Si deseas hacer que tu sitio web sea más flexible, existe la opción de añadir productos al carrito utilizando la función de JavaScript ds24cart_add(), por ejemplo:

  • ds24cart_add(123)
    añade el producto 123 al carrito
  • ds24cart_add(123, 3)
    añade el producto 123 al carrito tres veces

Usa ds24cart_show(button) para mostrar el carrito.

Ejemplo:

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