¿Cómo podemos ayudarte?
¿Cómo podemos ayudarte?
Integra el carrito de compras de Digistore24 en tu sitio web
Si quieres dar seguimiento a tus anuncios de Facebook con dispositivos iOS en el carrito de compras, configura el carrito de compras tal y como se describe aquí y configura la página de pago en tu propio dominio. Más información aquí.
Lo que necesitas saber
Los siguientes pasos son necesarios para integrar el carrito de compras de Digistore24:
1. Integra el carrito de compras y agrega enlaces.
a) Integra el carrito de compras
i. A través de Java Script
1. Inserta el siguiente código en tu sitio web:
<script src="https://www.digistore24.com/service/digistore.js"></script> <script> digistoreCart(); </script>
ii. A través de WordPress
El shortcode de WordPress solo funciona en conjunción con el plugin de WordPress y Digistore24 (versión 2.17 o más reciente).
- 1. Antes que nada, instala el plugin de Digistore24. Prosigue como se describe aquí.
- 2. Ve a la vista de editor de tu sitio web en WordPress.
- 3. Ahora pon el siguiente shortcode en el campo de texto en cualquier posición:
[digistore_cart] - 4. En seguida, ajusta el botón de compra de tu producto. Esto ya no debe dirigirte directamente a tu formulario de compra. Prosigue como se describe aquí.
- 5. Después de eso, integra el botón del carrito de compras. Puedes encontrar cómo hacerlo de forma detallada aquí.
b) Configura los enlaces de compra
Con este enlace, los productos serán añadidos al carrito de compras tan pronto como el cliente haga clic en el botón “comprar”.
Importante: Siempre usa la HTML-a-tag clásica para el enlace a tu tienda detrás de tu botón de compra. De lo contrario Digistore24 no reconocerá tu botón de compra correctamente.
La URL de compra para el carrito de compras es:
https://www.digistore24.com/add/PRODUCT-ID
- 1. Reemplaza el marcador de posición “PRODUCT-ID” con el ID de tu producto. Puedes encontrar esto en Account > Products en Product row.
- 2. Vincula el enlace correctamente, así como se ve en los siguientes ejemplos:
Código para el enlace de texto:
<a href="https://www.digistore24.com/add/PRODUKT-ID">LINK-TEXT</a>
Código para el enlace de imagen:
<a href="https://www.digistore24.com/add/PRODUKT-ID"><imgsrc="URL-ZUM-BILD"/></a>
c) Integra el enlace/botón del carrito de compras
Para que los clientes puedan ver fácilmente lo que están comprando y completar su pedido, integra este botón/enlace del carrito de compras en tu sitio web:
https://www.digistore24.com/cart
Ejemplo:
Código para el enlace de texto:
<a href="https://www.digistore24.com/cart">Link Text</a>
Código para el enlace de imagen:
<a href="https://www.digistore24.com/cart"><img src="url-zum-button-bild"/></a>
d) Opcional: Integra el enlace/botón para pagar
Puedes crear un enlace directo al formulario de compra en tu sitio web para que los clientes puedan poner sus datos de pago directamente.
La URL para esto es:
https://www.digistore24.com/checkout
Código para el enlace de texto:
<a href="https://www.digistore24.com/checkout">Link Text</a>
Código para el enlace de imagen:
<a href="https://www.digistore24.com/checkout"><img src="url-zum-button-bild"/></a>
2. Configura la página de pago
a) En el dominio de Digistore24
No es necesario hacer nada más aquí, a menos que quieras poner tu propio formulario de compra. Usa uno de los siguientes códigos (JavaScript o shortcode de WordPress) y remplaza “4321” con el ID del formulario de compra.
JavaScript:
<script src="https://www.digistore24.com/service/digistore.js"></script>
<script> digistoreCart( 'ordeform_id=4321' ); </script>
Shortcode de WordPress:
[digistore_cart orderform_id=4321]
b) En tu propio dominio
Si quieres dar seguimiento a tus anuncios de Facebook en el carrito de compras de Digistore24 usando dispositivos iOS, tienes que integrar el carrito de compras de Digistore24 en tu propio dominio.
1. Para hacer esto, 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 la inicialización de tu carrito de compras: transfiere la URL de la página de pago a digistoreCart(). Ejemplo:
JavaScript:
<script src="https://www.digistore24.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]
Remplaza checkout_url=https://www.mydomain.com/my-checkout_url con la URL del punto 3b paso 1.
Nota
Puedes ingresar la URL de la página de pago y la del formulario de compra al mismo tiempo:
JavaScript:
<script src="https://www.digistore24.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. Configura las opciones del carrito de compras de Digistore24
El carrito de compras de Digistore24 tiene varias opciones de ajustes. Para agregar un ajuste al carrito de compras, debes agregar las siguientes opciones adicionales a tu iframe, JavaScript, o shortcode de WordPress:
iframe: digistoreCart(“Option1 Option2”)
JavaScript: digistoreCart(“Option1 Option2”)
Shortcode de WordPress: [digistore_cart Option1 Option2]
Posibles ajustes y opciones
| Opción | SettingExplicación del ajuste |
| info_position | SpecifiesEspecifica dónde se despliega la información del mensaje “Added to shopping cart”. Posibles valores:
|
| info_sticky | Si se especifica, el resumen del carrito de compras siempre se muestra y se queda anclado en el borde de la ventana. |
| gross | Todos los precios del carrito de compras se muestran incluyendo el VAT. Si no está definido en el código o shortcode, los ajustes del primer producto en el carrito de compras son usados como predeterminados para todos los demás productos. |
| net | Todos los precios en el carrito de compras son mostrados como precios netos, excluyendo el VAT. Si no está definido en el código o shortcode, los ajustes del primer producto en el carrito de compras son usados como predeterminados para todos los demás productos. |
| orderform_id=321 | Selecciona el formulario de compra que debe ser mostrado después de hacer clic en “Proceder al pago”. Si no está definido en el código o shortcode, los ajustes del primer producto en el carrito de compras son usados como predeterminados para todos los demás productos. |
| return_url=https://xyz | Define a qué lugar son redirigidos los clientes cuando hacen clic en el enlace “Continuar Comprando” del formulario de compra. Por defecto, el HTTP referrer es usado, es decir, serán redirigidos a la última página que visitaron. |
| thankyou_url=https://xyz | Después de la compra, los compradores son direccionados a esta página. |
| no_return_button | El enlace "Continuar Comprando" será escondido en el formulario de compra. |
| currency_symbol | En el formulario de compra, el símbolo del tipo de moneda será mostrado en lugar de la abreviación (ej. EUR → €). |
| upsell=XXX | Define si deben ser mostrados los productos upsell y el orden en el que aparecerán en el upsell flow. Importante: “Free upsell flow” debe ser habilitado para todos los productos. Para hacer esto, ve a la pestaña Upsells en Product Properties y configura las siguientes opciones:
Existen diferentes casos para poder usarlos. |
| upsell=any | Digistore24 selecciona los upsells del primer producto en el carrito de compras que tiene un upsell. Esta es una configuración predeterminada. |
| upsell=1234 | Muestra los upsells del producto 1234 después de la compra inicial. |
| upsell=12,34,56,78,12 | Muestra los upsells del producto 12 después de la compra inicial. De lo contrario, los upsells del producto 34 son mostrados si se encuentran en el carrito de compras. Si no, el siguiente producto de la lista será usado. Si ninguno de los productos del listado se han añadido al carrito de compras, los upsells del último ID del producto en la lista serán mostrados (en este ejemplo sería el ID del producto “12”. Este ID podría ser un ID duplicado, pero no debería). |
| upsell=123,any,456 | Muestra los upsells del producto 123 después de la compra inicial, si es que el cliente añadió el producto 123 al carrito de compras. De lo contrario, los upsells del producto 456 (aún si el producto 456 no está en carrito de compras, su upsell será mostrado después de la compra inicial). |
| upsell=123,456,none | Si el producto 123 está en el carrito de compras, los upsells del producto 123 se mostrarán después de la compra inicial. De lo contrario si el producto 456 está en el carrito de compras, los upsells del producto 456 serán mostrados después de la compra inicial. Si ninguno de los productos en la lista tiene upsells, no se mostrará ninguno de ellos después de la compra inicial y los clientes serán redirigidos a la página de agradecimiento. |
| upsell=none | Desactiva los upsells completamente, sin importar si los productos del carrito de compras tienen upsells o no. |
| upsell=first | Muestra únicamente los upsells del primer producto en el carrito de compras. Esta es la opción predeterminada para ventas que no se realizan a través de un carrito de compras. |
| language=en | Configura el idioma a Inglés. Por defecto, el idioma del primer producto añadido al carrito de compras es el que será usado. Los idiomas disponibles 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 compra de Digistore24 abrirá una nueva ventana. |
| tracking=dein_tracking_ keyodertracking ='Your tracking key' | Agrega la clave de seguimiento de la compra (justo como el parámetro GET ds24tr lo hace). Si la clave de seguimiento contiene espacios, usa comillas (ej. tracking='my key'). |
| currency=USD | El tipo de moneda especificado será usado en el carrito de compras. Las opciones son: EUR, USD and CHF |
| quantity_readonly | La cantidad no puede ser modificada en el formulario de compra. Tampoco es posible eliminar productos. |
| show_total_amount=some_name | Muestra el valor del carrito de compras en el elemento HTML con el ID especifico o clase o nombre CSS. Por ejemplo, agrega, 0 EUR en el código HTML y 0 EUR serán reemplazados por el valor actual del carrito de compras. Si el comprador cambia productos o cantidades en el carrito, la cantidad se modificará automáticamente. |
| show_cart_items=some_name | Muestra el contenido del carrito de compras en el elemento HTML con el ID específico o clase o nombre CSS. Por ejemplo, agrega /div> into the HTML code. |
| on_cart_change =some_js_function | Llama la función Java Script some_js_function(cart) cuando se cambia el carrito de compras. Cart es un objeto con los siguientes campos:
|
| on_message=some _alert_function | Llama a la función de JavaScript some_alert_function (msg_type, msg_text) cada vez que un mensaje deba ser mostrado al usuario. msg_type indica un error, advertencia o información. |
| voucher=some_voucher_code | Agrega el código de descuento some_voucher_code al pedido. El cupón de descuento será aplicado al pedido (si es válido para el primer producto comprado). |
| theme=modern | Selecciona un tema moderno para el carrito de compras. Para usar el tema clásico, omite el parámetro o establece theme=classic. |
Nota
Si no se encuentra explícitamente definido en el código o shortcode, los ajustes del primer producto en el carrito de compras serán usados como predeterminados para los próximos productos.
Ejemplo:
En el código JavaScript:
En el shortcode de WordPress:
[digistore_cart language=en net tracking="campaign 1"]
Trucos y consejos del carrito de compras de Digistore24
Consejo 1: Sincroniza los planes de pago para todos tus productos
Si vendes productos con suscripciones o planes de pago, te recomendamos elegir los mismos intervalos de tiempo de cobro para todos los productos. Por ejemplo: mensuales o anuales. Esto reducirá el número de domiciliaciones a clientes.
Puedes mezclar pagos para productos en una sola exhibición con planes de pago y suscripciones. Digistore24 ofrece a los compradores un intervalo de cobro que se adapta a todos los productos.
Ejemplo:
- • Producto 1: ofrece pagos anuales y mensuales.
- • Producto 2: ofrece pagos anuales y semestrales.
- • Producto 3: ofrece solamente pago en una sola exhibición.
En este caso, el comprador solamente puede realizar pagos anuales.
Si los productos tienen un período de prueba, el período de prueba más corto de los productos seleccionados será usado. Para asegurar que los cobros sean hechos juntos, deberás decidir para todos los productos (incluyendo pagos en una sola exhibición) si el VAT deberá ser incluido en el precio o no.
Puedes configurar ambos en Account > Products en la pestaña “Payment plans”.
Consejo 2 (para tu diseñador de página web): Desplegar las ventanas permanentemente
Si tu diseñador web va a diseñar tu carrito de compras, quizás quiera desplegar permanentemente los diferentes diseños de ventanas para mejorarlas. Para hacer esto, puede agregar la siguiente opción además de la URL en la cual se construyó el carrito de compras:
?ds24debug, z.B. https://www.domain.com?ds24debug
Consejo 3 (para tu desarrollador de página web): Agrega productos a través de JavaScript
Si quieres que tu sitio web sea más flexible, existe la posibilidad de agregar productos al carrito de compras con la función ds24cart_add() de JavaScript, ej.:
- • ds24cart_add(123) agrega el producto 123 al carrito de compras.
- • ds24cart_add( 123,3) agrega el producto 123 al carrito de compras tres veces.
Utiliza ds24cart_show( botón ) para mostrar el carrito de compras.
Ejemplo:
<button onclick="return ds24cart_show(this);">Warenkorb anzeigen</button>
Artículos relevantes:
© 2022 Digistore24 GmbH, reservados todos los derechos
© 2022 Digistore24 GmbH, reservados todos los derechos