Cómo añadir una ventana emergente de ventas adicionales a tu tienda de Squarespace
Utiliza el complemento «Lightbox Anything»
Paso 2. Crear una página de ventas adicionales
Paso 3. Utiliza el código que aparece a continuación
Este código redirigirá a la página de venta adicional tras hacer clic en el botón «Añadir al carrito». Solo tienes que cambiar «upsellPageUrl» por la URL de tu página de venta adicional y asegurarte de que el pago rápido esté desactivado.
Si la carga Ajax está activada en una página web, este código debe añadirse a la inyección de código global. De lo contrario, puede añadirse a la inyección de código del encabezado de la tienda o, en el caso de un producto concreto, puede insertarse en la sección de información adicional.
<!-- Redirect to Upsell Page after clicking on Add To Cart Button -->
<!-- Author: Dmytro Kyselov https://dmytrokyselov.com/ -->
<script>
// /upsell-page is the default URL. To change it, replace /upsell-page with the required URL.
var upsellPageUrl = '/upsell-page';
////////////////////////////////
function redirectToUpsellPageHandler(wrapper){var addToCartButton=wrapper.querySelector(".sqs-add-to-cart-button"),productVariants=wrapper.parentNode.parentNode.querySelector(".product-variants");addToCartButton&&addToCartButton.addEventListener("click",onClick);var shopifyBuyFrame=document.querySelector(".shopify-buy-frame iframe");if(shopifyBuyFrame){var shopifyAddToCartButton=shopifyBuyFrame.contentWindow.document.querySelector(".shopify-buy__btn");shopifyAddToCartButton&&shopifyAddToCartButton.addEventListener("click",onClick)}function isVariantInStock(){return productVariants.getAttribute("data-variant-in-stock")}function onClick(){(productVariants&&isVariantInStock()||!productVariants)&&setTimeout((function(){document.location.href=upsellPageUrl}),1200)}}function redirectToUpsellPage(){setTimeout((function(){[].slice.call(document.querySelectorAll(".sqs-add-to-cart-button-wrapper")).forEach(redirectToUpsellPageHandler)}),1500)}document.addEventListener("DOMContentLoaded",redirectToUpsellPage),window.addEventListener("mercury:load",redirectToUpsellPage);
</script>
<!-- end Redirect to Upsell Page after clicking on Add To Cart Button -->
