{"id":1173,"date":"2025-01-15T08:32:39","date_gmt":"2025-01-15T11:32:39","guid":{"rendered":"https:\/\/sushidaisuki.cl\/?page_id=1173"},"modified":"2025-01-20T16:19:52","modified_gmt":"2025-01-20T19:19:52","slug":"formulario-de-pago","status":"publish","type":"page","link":"https:\/\/sushidaisuki.cl\/index.php\/formulario-de-pago\/","title":{"rendered":"Haz clic aqu\u00ed para pagar con tarjeta"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t \n\n\n \n \n Datos del Pedido<\/title>\n <style>\n \n\n h1 {\n text-align: center;\n }\n .dato {\n margin-bottom: 15px;\n }\n .label {\n font-weight: bold;\n }\n <\/style>\n <script>\n function mostrarDatos() {\n const datos = JSON.parse(localStorage.getItem('datosFormulario'));\n\n if (datos) {\n document.getElementById('nombre').textContent = datos.nombre;\n document.getElementById('telefono').textContent = datos.telefono;\n document.getElementById('productos_agregados').textContent = datos.productos_agregados;\n document.getElementById('montoTotal').textContent = datos.montoTotal;\n } else {\n document.getElementById('contenido').textContent = 'No se encontraron datos del formulario.';\n }\n }\n\n document.addEventListener('DOMContentLoaded', mostrarDatos);\n <\/script>\n<\/head>\n<body>\n <div class=\"container\">\n <h6>Datos del Pedido<\/h6>\n <div id=\"contenido\">\n <div class=\"dato\"><span class=\"label\">Nombre y Apellido:<\/span> <span id=\"nombre\"><\/span><\/div>\n <div class=\"dato\"><span class=\"label\">Tel\u00e9fono:<\/span> <span id=\"telefono\"><\/span><\/div>\n <div class=\"dato\"><span class=\"label\">AL PAGAR Automaticamente te Redirigira al Whatsapp Para CONFIRMAR EL PAGO \ud83d\ude0a<\/span> <span id=\"productos_agregados\"><\/span><\/div>\n <div class=\"dato\"><span class=\"label\">Monto Total:<\/span> <span id=\"montoTotal\"><\/span><\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79af4bd e-flex e-con-boxed e-con e-parent\" data-id=\"79af4bd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db776d8 elementor-widget elementor-widget-html\" data-id=\"db776d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <script src=\"https:\/\/sdk.mercadopago.com\/js\/v2\"><\/script> <!-- SDK de Mercado Pago -->\n <style>\n .payment-container {\n margin: 20px auto;\n padding: 20px;\n max-width: 500px;\n background-color: #f9f9f9;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n text-align: center;\n }\n .payment-container h2 {\n margin-bottom: 20px;\n }\n .payment-container .mp-button {\n margin-top: 20px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"payment-container\">\n <h2>Completa tu Pago<\/h2>\n <div class=\"dato\">\n \n <span id=\"montoTotal\"><\/span>\n <\/div>\n <div id=\"form-checkout\"><\/div>\n \n <\/div>\n\n <script>\n \/\/ Inicializar Mercado Pago\n const mp = new MercadoPago('APP_USR-a20b0a61-d0a5-477a-8a79-764a93f14172', {\n locale: 'es-CL' \/\/ Puedes cambiar el locale si es necesario\n });\n\n \/\/ Obtener el monto total\n function getMontoTotal() {\n return document.querySelector('#montoTotal').textContent;\n }\n\n \/\/ Configurar el formulario de pago\n document.addEventListener('DOMContentLoaded', function() {\n const montoTotal = parseFloat(getMontoTotal().replace(\/\\.\/g, '').replace(',', '.'));\n\n \/\/ Crear preferencia de pago\n fetch('https:\/\/api.mercadopago.com\/checkout\/preferences?access_token=APP_USR-7499228864026533-012013-397155360a725b23040554f351821250-2006224486', {\n method: 'POST',\n body: JSON.stringify({\n items: [\n {\n title: 'Compra en Mi Tienda',\n unit_price: montoTotal,\n quantity: 1\n }\n ],\n back_urls: {\n success: 'https:\/\/api.whatsapp.com\/send?phone=56955340735&text=*PAGO CONCRETADO*`,',\n failure: 'https:\/\/api.whatsapp.com\/send?phone=56955340735&text=*PAGO FALLIDO*`,',\n pending: 'https:\/\/api.whatsapp.com\/send?phone=56955340735&text=*ERROR PENDIENTE PAGO*'\n },\n auto_return: 'approved',\n }),\n headers: {\n 'Content-Type': 'application\/json'\n }\n })\n .then(response => response.json())\n .then(preference => {\n \/\/ Crear el formulario de pago\n mp.checkout({\n preference: {\n id: preference.id\n },\n render: {\n container: '#form-checkout', \/\/ ID del contenedor donde se renderiza el bot\u00f3n\n label: 'Pagar con Mercado Pago', \/\/ Texto del bot\u00f3n\n }\n });\n\n \/\/ Mostrar el monto total en el contenedor\n document.querySelector('#montoTotal').textContent = montoTotal.toFixed(2);\n })\n .catch(error => {\n console.error('Error al crear la preferencia de pago:', error);\n });\n\n \/\/ Manejar el clic en el bot\u00f3n de pago\n document.getElementById('mp-pay-button').addEventListener('click', function() {\n mp.checkout().open();\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90559f3 e-flex e-con-boxed e-con e-parent\" data-id=\"90559f3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13cbf72 elementor-widget elementor-widget-text-editor\" data-id=\"13cbf72\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p style=\"text-align: center;\"><strong>Horario de Trabajo:<br \/>Lunes – Jueves de 12:00 a 22:00hrs<br \/>Viernes y S\u00e1bados de 12:00 a 23:00hrs<br \/><\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa55ee5 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"aa55ee5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Horario de Apertura<\/title>\r\n <style>\r\n body {\r\n font-size: 12px; \/* Tama\u00f1o de fuente de todo el contenido *\/\r\n font-family: Roboto, Arial, sans-serif; \/* Fuente general *\/\r\n }\r\n .horario {\r\n background-color: white;\r\n padding: 20px;\r\n font-size: 20px;\r\n border-radius: 10px;\r\n font-weight: bold;\r\n color: #FF4800;\r\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\n text-align: center;\r\n }\r\n #estado {\r\n font-weight: bold;\r\n display: inline;\r\n }\r\n .etiqueta {\r\n color: white; \/* Color blanco para \"Establecimiento:\" *\/\r\n }\r\n <\/style>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/luxon\/3.0.3\/luxon.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <div class=\"horario\">\r\n <p>ESTABLECIMIENTO<\/p>\r\n <p id=\"estado\"><\/p>\r\n \r\n <\/div>\r\n\r\n<script>\r\n function verificarHorario() {\r\n \/\/ Crear una fecha en la zona horaria de Chile usando Luxon\r\n const fechaChile = luxon.DateTime.now().setZone(\"America\/Santiago\");\r\n\r\n \/\/ Obtener el d\u00eda de la semana y la hora\r\n const diaSemana = fechaChile.weekday; \/\/ 1 = Lunes, ..., 5 = Viernes, 7 = Domingo\r\n const hora = fechaChile.hour; \/\/ Hora en formato de 24 horas\r\n const minutos = fechaChile.minute; \/\/ Minutos\r\n\r\n const estadoElemento = document.getElementById(\"estado\");\r\n\r\n \/\/ Verificar si est\u00e1 en el horario laboral\r\n if (\r\n (diaSemana >= 1 && diaSemana <= 4 && hora >= 12 && (hora < 22 || (hora === 22 && minutos === 0))) || \/\/ Lunes a Jueves: 12:00 - 22:00\r\n (diaSemana >= 5 && diaSemana <= 6 && hora >= 12 && (hora < 23 || (hora === 23 && minutos === 0))) \/\/ Viernes a S\u00e1bado: 12:00 - 23:00\r\n ) {\r\n estadoElemento.textContent = \"ABIERTO\";\r\n estadoElemento.style.color = \"green\";\r\n } else {\r\n estadoElemento.textContent = \"CERRADO\";\r\n estadoElemento.style.color = \"red\";\r\n }\r\n }\r\n\r\n \/\/ Ejecutar la funci\u00f3n al cargar la p\u00e1gina y luego cada minuto para actualizar el estado\r\n verificarHorario();\r\n setInterval(verificarHorario, 60000);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-242ba7b e-flex e-con-boxed e-con e-parent\" data-id=\"242ba7b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8bead8c e-con-full e-flex e-con e-child\" data-id=\"8bead8c\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6573f99 e-con-full e-flex e-con e-child\" data-id=\"6573f99\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Datos del Pedido Datos del Pedido Nombre y Apellido: Tel\u00e9fono: AL PAGAR Automaticamente te Redirigira al Whatsapp Para CONFIRMAR EL PAGO \ud83d\ude0a Monto Total: Completa tu Pago Horario de Trabajo:Lunes – Jueves de 12:00 a 22:00hrsViernes y S\u00e1bados de 12:00 a 23:00hrs Horario de Apertura ESTABLECIMIENTO<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/sushidaisuki.cl\/index.php\/wp-json\/wp\/v2\/pages\/1173"}],"collection":[{"href":"https:\/\/sushidaisuki.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sushidaisuki.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sushidaisuki.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sushidaisuki.cl\/index.php\/wp-json\/wp\/v2\/comments?post=1173"}],"version-history":[{"count":80,"href":"https:\/\/sushidaisuki.cl\/index.php\/wp-json\/wp\/v2\/pages\/1173\/revisions"}],"predecessor-version":[{"id":1699,"href":"https:\/\/sushidaisuki.cl\/index.php\/wp-json\/wp\/v2\/pages\/1173\/revisions\/1699"}],"wp:attachment":[{"href":"https:\/\/sushidaisuki.cl\/index.php\/wp-json\/wp\/v2\/media?parent=1173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}