Estoy usando Snipcart versión v3.3.0 como un carrito de compras en mi sitio que construí en MVC usando C#. El carrito de compras funciona bien y puedo completar transacciones.
El problema que tengo es que me gustaría llevar al usuario a mi propia página de agradecimiento en mi sitio una vez que complete su transacción. Actualmente, cuando completa el pago con Snipcart, de manera predeterminada, solo muestra su página de agradecimiento en el modo de pago del carrito lateral.
He leído algunas publicaciones sobre cómo lograr lo que quiero, pero ninguna ha funcionado. Sigo recibiendo este error de la consola del navegador que dice Uncaught TypeError: Snipcart.subscribe is not a function
<script> document.addEventListener('snipcart.ready', function () { Snipcart.subscribe('order.completed', function (order) { var url = '/thankyou?order=' + order.token; window.location.href = url; }); });Incluso intenté usar el método .execute como sugiere una de las publicaciones, pero tampoco funcionó. TypeError no detectado: Snipcart.execute no es una función
<script> document.addEventListener('snipcart.ready', function () { Snipcart.execute('order.completed', function (order) { var url = '/thankyou?order=' + order.token; window.location.href = url; }); });Supuse que me faltaba una referencia o algo al snipcart.js. Pero después de verificar varias veces, llegué a la conclusión de que no me faltaba la referencia de snipcart.js en absoluto, de hecho, lo estoy llamando antes de llamar a estos 2 fragmentos anteriores. Además, el carrito funciona porque hace referencia a snipcart.js, por lo que sé con certeza que no me estoy perdiendo esa referencia.
Otro pensamiento es que, dado que estoy usando la versión 3.0.0, parte del JavaScript podría ser diferente para que esta implementación funcione en esta versión. La página de documentación en su sitio donde estaría la información está vacía. haga clic aquí
Mientras que la documentación de la versión 2.x muestra el código que estaba probando. haga clic aquí
¿Alguien puede guiarme a través de esto? Aquí es donde obtuve la información sobre cómo redirigir al usuario a una página de agradecimiento personalizada. Tienes que desplazarte hasta la parte inferior donde hablan de llevar al usuario a tu propia página de agradecimiento.
Este también muestra un fragmento de código que probé pero no funcionó para mí
Parece que está usando v3, sin embargo, los eventos que está escuchando son para v2. Debería escuchar este evento https://docs.snipcart.com/v3/sdk/events#cartconfirmed para v3.
Puede escuchar el evento cart.confirmed y redirigir al cliente a la página de su elección utilizando la API nativa del navegador (ubicación.href).
Tienes 2 problemas aquí. Uno está usando el objeto Snipcart y el segundo está redirigiendo a una página personalizada.
Para usar el objeto Snipcart, debe usar el objeto global window . Entonces accedería a Snipcart así:
window.Snipcart.events.on('cart.confirmed', async (cartConfirmResponse) => { // Your logic }) En el ejemplo anterior, nos suscribimos al evento cart.confirmed . Eso se activará cada vez que finalice una compra. Snipcart abrirá de forma predeterminada su propia página Resumen de pedido. Por lo tanto, puede agregar una lógica que, en cambio, cerrará el carrito y lo redirigirá a otra página. Puedes hacerlo así:
window.Snipcart.events.on('cart.confirmed', async (cartConfirmResponse) => { await window.Snipcart.api.theme.cart.close(); window.location.replace("http://example.com/custom_page"); })