Checkout de Pago Contra Entrega – 100% Personalizable y Gratuito
374 Vistas
Formulario de Pago Contra Entrega
Configuración de la Tienda
Configuración General
Configuración de Productos
Producto Principal
Order Bump #1
Código Generado
Copia y pega este código en tu página:
PAGO CONTRA ENTREGA
Compra 1 unidad (1 unidades)
🔥 Producto Principal
$77.777$70.000
Subtotal$500.000
EnvíoGratis
Descuentos ℹ️-$100.000
Total$400.000
Método de envío
IMPORTANTE: Ten en cuenta que tu envío NO SE REALIZARÁ si no es posible confirmar tu venta vía llamada telefónica, por esto te recomendamos ingresar un número al cual nuestro equipo se pueda comunicar contigo.
Ingrese su dirección de envío
`;document.getElementById('fullCode').textContent = plantillaHTML;
document.getElementById('outputContainer').style.display = 'block';
window.codigoGenerado = plantillaHTML;
}function copiarCodigo() {
const codigo = window.codigoGenerado;
if (!codigo) {
alert('Primero genera el código');
return;
}navigator.clipboard.writeText(codigo)
.then(() => alert('Código copiado al portapapeles'))
.catch(err => alert('Error al copiar el código: ' + err));
}function descargarArchivo() {
const codigo = window.codigoGenerado;
if (!codigo) {
alert('Primero genera el código');
return;
}const blob = new Blob([codigo], { type: 'text/html' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'formulario-dropi.html';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
}function toggleOrderBump(element) {
const checkbox = element.querySelector('.order-bump-check');
if (checkbox.checked) {
checkbox.checked = false;
element.classList.remove('selected');
} else {
// Deseleccionar todos los order bumps
document.querySelectorAll('.cart-item.offer').forEach(bump => {
bump.classList.remove('selected');
const otherCheckbox = bump.querySelector('.order-bump-check');
otherCheckbox.checked = false;
});// Seleccionar solo este order bump
checkbox.checked = true;
element.classList.add('selected');
}actualizarPreciosSegunSeleccion();
}function actualizarPreciosSegunSeleccion() {
// Obtener el producto seleccionado (principal u order bump)
const selectedProduct = document.querySelector('.cart-item.offer.selected');
let precioTotal = 0;
let descuentoTotal = 0;
let precioFinal = 0;if (selectedProduct) {
const originalPrice = selectedProduct.querySelector('.original-price').textContent;
const currentPrice = selectedProduct.querySelector('.current-price').textContent;
// Convertir los precios de string a número (removiendo el símbolo $ y los puntos)
precioTotal = parseInt(originalPrice.replace('$', '').replace(/\./g, ''));
precioFinal = parseInt(currentPrice.replace('$', '').replace(/\./g, ''));
descuentoTotal = precioTotal - precioFinal;
}// Formatear precios
const formatearPrecio = (valor) => new Intl.NumberFormat('es-CO', {
minimumFractionDigits: 0,
maximumFractionDigits: 0
}).format(valor);// Actualizar el subtotal (precio original)
document.querySelectorAll('.price-summary .price-row:first-child strong').forEach(el => {
el.textContent = `$${formatearPrecio(precioTotal)}`;
});// Actualizar el descuento
document.querySelectorAll('.price-summary .price-row .discount-text strong').forEach(el => {
el.textContent = descuentoTotal > 0 ? `-$${formatearPrecio(descuentoTotal)}` : '$0';
});// Actualizar el total final
document.querySelectorAll('.price-summary .price-row:last-child strong').forEach(el => {
el.textContent = `$${formatearPrecio(precioFinal)}`;
});// Actualizar el botón de compra
document.querySelectorAll('.submit-button').forEach(el => {
el.textContent = `COMPLETA TU COMPRA - $${formatearPrecio(precioFinal)}`;
});
}
