Fuente de plantilla: precios.html

{% extends "base.html" %} {% load static from staticfiles %} {% block metatags %} <title>{{ post_precios.meta_title }}</title> <meta name="description" content="{{ post_precios.meta_descripcion }}" /> <link rel="canonical" href="https://wisphub.net{% url 'precios' %}" /> {% endblock %} {% block contenedor %} <section class="section-border" id="lista-precios"> <div class="contenedor"> <h2>Precios Accesibles</h2> <div class="prices-header"> <ul class="prices-menu price-list" role="tablist"> <li class="prices-menu-item"> <button id="btn-monthly" class="nav-link price-button active" data-bs-toggle="tab" data-bs-target="" type="button" role="tab" aria-selected="false" > Plan Mensual </button> </li> <li class="prices-menu-item"> <button id="btn-annual" class="nav-link price-button" data-bs-toggle="tab" data-bs-target="" type="button" role="tab" aria-selected="true" > Mas de 3 meses </button> </li> </ul> </div> </div> <div class="contenedor"> <div class="lista-precios"> <div class="precio-container gratis"> <div class="pricing-head"> <div class="precio-costo price-count price-show"> <span class="moneda">$</span> <span class="total">0</span> <span class="periodo">/mes</span> </div> <div class="precio-costo price-count price-hide price-hidden"> <span class="moneda">$</span> <span class="total">0</span> <span class="periodo">/mes</span> </div> </div> <ul class="precio-detalles"> <li>Hasta <strong>30 Clientes</strong></li> <li><strong>Actualizaciones</strong></li> <li><strong>Dominio Default</strong></li> <li><strong>Demo por 7 días</strong></li> <li>-</li> </ul> </div> <div class="precio-container active"> <div id="ahorro-basico" class="price-count card-body-ahorro-primary price-hide price-hidden"></div> <div class="pricing-head"> <div class="precio-costo price-count price-show"> <span class="moneda">$</span> <span class="total notranslate">20</span> <span class="periodo">/mes</span> </div> <div class="precio-costo price-count price-hide price-hidden"> <span class="moneda">$</span> <span class="total notranslate">15</span> <span class="periodo">/mes</span> </div> </div> <ul class="precio-detalles"> <li>Hasta <strong>200 Clientes</strong></li> <li><strong>Actualizaciones</strong></li> <li><strong>Dominio Personalizado</strong></li> <li><strong>Soporte Técnico</strong></li> <li><strong>Historial de Trafico</strong></li> </ul> </div> <div class="precio-container active"> <div id="ahorro-estandar" class="price-count card-body-ahorro-primary price-hide price-hidden"></div> <div class="pricing-head"> <div class="precio-costo price-count price-show"> <span class="moneda">$</span> <span class="total">50</span> <span class="periodo">/mes</span> </div> <div class="precio-costo price-count price-hide price-hidden"> <span class="moneda">$</span> <span class="total">40</span> <span class="periodo">/mes</span> </div> </div> <ul class="precio-detalles"> <li>Hasta <strong>800 Clientes</strong></li> <li><strong>Actualizaciones</strong></li> <li><strong>Dominio Personalizado</strong></li> <li><strong>Soporte Técnico</strong></li> <li><strong>Historial de Trafico</strong></li> </ul> </div> <div class="precio-container"> <div id="ahorro-estandar" class="price-count card-body-ahorro price-hide price-hidden"></div> <div class="pricing-head"> <div class="precio-costo price-count price-show"> <span class="moneda">$</span> <span class="total">80</span> <span class="periodo">/mes</span> </div> <div class="precio-costo price-count price-hide price-hidden"> <span class="moneda">$</span> <span class="total">70</span> <span class="periodo">/mes</span> </div> </div> <ul class="precio-detalles"> <li><strong>Clientes Ilimitados</strong></li> <li><strong>Actualizaciones</strong></li> <li><strong>Dominio Personalizado</strong></li> <li><strong>Soporte Técnico</strong></li> <li><strong>Historial de Trafico</strong></li> </ul> </div> </div> <a href="{% url 'account_signup' %}" class="cerrar-sesion link-precios">Crear Cuenta Gratuita</a> <a href="{% url 'comprar_licencia_pre_registro' %}" id="comprar-licencia-btn" class="cerrar-sesion link-precios">Comprar Licencia</a> <p>Precios en Dólares, sin impuestos, mas comisión por pasarela de pago. <a href="{% url 'precios' %}">Mas detalles</a></p> <p><strong>Las licencias se basan sobre clientes Gratis, Activos, Suspendidos, Cancelados e Instalaciones.</strong></p> <p>¿Se debe contar con un dominio para poder personalizar con WispHub?</p> <p><strong>A partir de Enero del 2024 nuestros precios cambiaron.</strong></p> <h2>Precios Generador de Fichas Hotspot</h2> <p><a class="cerrar-sesion link-precios" href="https://wisphub.net/precios-2#preguntas" style="color:#fff">Clic para ver precios</a></p> <article> <h3 class="pregunta"><span>¿Cuáles son sus formas de pago?</span"></h3> <p>1._ Transferencias a Bancomer BBVA</p> <img alt="Transferencia Bancomer BBVA - Wisphub.net" src="/static/img/Bancomer-BBVA-logo.png" style="width: 200px;" /> <h4>Cuenta PESOS MEXICANOS</h4> <p><strong>Nombre:</strong> WISPHUB SA DE CV</p> <p><strong>Transferencia Bancaria #CLABE:</strong> 012691001153115358</p> <p><strong>Cuenta:</strong> 0115311535</p> <p>Tarjetas de Credito para todos los paises</p> <img alt="Tarjetas de Credito - Wisphub.net" src="/static/img/payu/logos-tarjetas-credito.jpg" /> <p>2._ PayPal</p> <img alt="Forma de pago PayPal - Wisphub.net" src="/static/img/paypal-logo.png" /> <!--p>3._Dinero mail</p--> <p>3._PayU</p> <img alt="Forma de pago payu colombia - Wisphub.net" src="/static/img/payu/colombia-formas-pago.png" /> <img alt="Forma de pago payu peru - Wisphub.net" src="/static/img/payu/formas-pago-peru.png" /> <p><a href="https://wisphub.net/mis-facturas-empresa/">https://wisphub.net/mis-facturas-empresa/</a> Aquí puede ver los datos de pago</p> <h3 class="pregunta"><span>¿Puedo probar Wisphub gratis?</span></h3> <p>Si es posible probar el sistema gratis hasta 30 usuarios, incluso se puede usar la versión beta para para hacer pruebas. Pasando el cliente 31 entra la licencia de $20 dólares, pasando los 201 entra la licencia de $50 y al llegar a 801 entra el plan ilimitado de $80 dólares.</p> <h3 class="pregunta" id="periododepagos"><span>¿Una vez activa mi licencia, cada cuanto son los pagos?</span></h3> <p><span>Las facturas correspondientes a sus licencias, son emitidas todos los 27 de cada mes, como máximo a pagar los 4 del siguiente mes.</span></p> <h3 class="pregunta"><span>¿Puedo cancelar mis suscripción?</span></h3> <p>Si es posible, simplemente tienes que enviar un correo a ventas@wisphub.com especificando que quieres cancelar tu suscripción.</p> <p>Nota: Los clientes con plan de $40usd clientes ilimitados que pagaron antes del 30 de agosto de 2017, seguiran beneficio, si usted tiene este plan y requiere un cambio favor de escribirnos a <a href="mailto:ventas@wisphub.net">ventas@wisphub.net</a>.</p> </article> </div> </section> {% endblock %} {% block extra_resources %} <script type="text/javascript"> jQuery(document).ready(function() { $('.price-button').on('click', function(){ $('.price-button').removeClass('active'); $(this).addClass('active'); }) const priceCount = document.querySelectorAll(".price-count"); let clickAnnual = false let clickMonthly = true const url_comprar_licencia = "{% url 'comprar_licencia_pre_registro' %}" $("#btn-monthly").click(function() { let licenceButton = $("#comprar-licencia-btn") licenceButton.attr("href", url_comprar_licencia); // Valida si se ah hecho click en el boton anual if (clickAnnual){ // Si sé ha hecho se aplica el click al boton mensual y se cambia los precios clickAnnual = false clickMonthly = true priceCount.forEach(p => { if(p.classList.contains('price-show')){ p.classList.remove("price-show"); p.classList.toggle("price-hidden"); p.classList.toggle("price-hide"); }else{ p.classList.remove("price-hidden"); p.classList.remove("price-hide"); p.classList.toggle("price-show"); } }) } }); $("#btn-annual").click(function() { let licenceButton = $("#comprar-licencia-btn") licenceButton.attr("href", url_comprar_licencia + "meses-adelantados/"); // Valida si se ah hecho click en el boton mensual if (clickMonthly) { // Si sé ha hecho se aplica el click al boton anual y se cambia los precios clickAnnual = true clickMonthly = false priceCount.forEach(p => { if(p.classList.contains('price-show')){ p.classList.remove("price-show"); p.classList.toggle("price-hidden"); p.classList.toggle("price-hide"); }else{ p.classList.remove("price-hidden"); p.classList.remove("price-hide"); p.classList.toggle("price-show"); } }); } }); }) </script> {% endblock extra_resources %}