mirror of
https://github.com/rustdesk/doc.rustdesk.com.git
synced 2025-02-04 04:19:42 +01:00
custom pricing
This commit is contained in:
rustdesk
parent
50ca3f4ee3
commit
a0d0189da5
@ -21,7 +21,6 @@
|
||||
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
|
||||
<link href="images/favicon.png?v2" rel="shortcut icon" type="image/x-icon">
|
||||
<link href="images/webclip.png" rel="apple-touch-icon">
|
||||
<link rel="stylesheet" href="./cookieconsent.min.css">
|
||||
<style>
|
||||
:root {
|
||||
--accent: #024eff;
|
||||
@ -325,7 +324,5 @@ window.addEventListener("load", function() {
|
||||
|
||||
gtag('config', 'UA-178912857-1');
|
||||
</script>
|
||||
<script src="./cookieconsent.min.js"></script>
|
||||
<script src="./cookieconsent-init.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
148
v2/pricing.html
148
v2/pricing.html
@ -147,6 +147,68 @@ label {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
padding: 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
width: 100px;
|
||||
font-size: 16px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.slider {
|
||||
-webkit-appearance: none;
|
||||
width: 100%;
|
||||
height: 15px;
|
||||
border-radius: 5px;
|
||||
background: #ddd;
|
||||
outline: none;
|
||||
opacity: 0.7;
|
||||
-webkit-transition: .2s;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
.slider:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slider::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 50%;
|
||||
background: #024eff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slider::-moz-range-thumb {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 50%;
|
||||
background: #024eff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-right: 10px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
.hide-on-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -564,6 +626,70 @@ label {
|
||||
<button id="buyNowButton2" class="uui-button-3 w-inline-block">
|
||||
<div>Buy now</div>
|
||||
</button>
|
||||
<a href="#custom" class="hide-on-mobile uui-button-15 w-inline-block">
|
||||
<div>Customized Plan</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-layout-grid uui-pricing08_components">
|
||||
<div id="w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877ee-47ad0af8"></div>
|
||||
<div class="uui-pricing08_plan">
|
||||
<a name="custom"></a>
|
||||
<div class="uui-text-align-center-5">
|
||||
<h2 class="uui-heading-xxsmall-2">Customized plan</h2>
|
||||
<div class="uui-pricing08_price">$<span id="cprice">19.90</span><span class="uui-pricing08_price-text">/month</span></div>
|
||||
<div class="uui-text-size-medium-10">billed annually</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<form>
|
||||
<label for="users">Number of Licensed Users:</label>
|
||||
<input type="number" id="users" name="users" value="20" min="20" max="60" step="10"><br>
|
||||
<input type="range" id="usersSlider" class="slider" name="usersRange" value="20" min="20" max="60" step="10"><br>
|
||||
|
||||
<label for="devices">Number of Managed Devices:</label>
|
||||
<input type="number" id="devices" name="devices" value="500" min="500" max="1500" step="100"><br>
|
||||
<input type="range" id="devicesSlider" class="slider" name="devicesRange" value="500" min="500" max="1500" step="100">
|
||||
</form>
|
||||
<br>
|
||||
<script>
|
||||
function submit() {
|
||||
redirectUrl = "https://rustdesk.com/api/lic/stripe/checkout?type=Customized&users=" + document.getElementById("users").value + "&devices=" + document.getElementById("devices").value;
|
||||
gotoBuy(redirectUrl);
|
||||
}
|
||||
function calculatePrice() {
|
||||
var users = parseInt(document.getElementById("users").value);
|
||||
var devices = parseInt(document.getElementById("devices").value);
|
||||
var price = 19.9 * (1 + (users - 20) / 20 + (devices - 500) / 500);
|
||||
document.getElementById("cprice").innerText = price.toFixed(2);
|
||||
}
|
||||
|
||||
document.getElementById("users").oninput = function() {
|
||||
document.getElementById("usersSlider").value = this.value;
|
||||
calculatePrice();
|
||||
}
|
||||
|
||||
document.getElementById("devices").oninput = function() {
|
||||
document.getElementById("devicesSlider").value = this.value;
|
||||
calculatePrice();
|
||||
}
|
||||
|
||||
document.getElementById("usersSlider").oninput = function() {
|
||||
document.getElementById("users").value = this.value;
|
||||
calculatePrice();
|
||||
}
|
||||
|
||||
document.getElementById("devicesSlider").oninput = function() {
|
||||
document.getElementById("devices").value = this.value;
|
||||
calculatePrice();
|
||||
}
|
||||
</script>
|
||||
<div class="uui-pricing08_content">
|
||||
<a href="#" class="uui-button-15 w-inline-block" onClick="submit()">
|
||||
<div>Buy now</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -703,8 +829,8 @@ window.addEventListener("load", function() {
|
||||
</script>
|
||||
<script src="sweetalert2@11.7.27.js"></script>
|
||||
<script>
|
||||
document.getElementById("buyNowButton1").addEventListener("click", function() {
|
||||
Swal.fire({
|
||||
function gotoBuy(redirectUrl) {
|
||||
Swal.fire({
|
||||
title: 'Please Confirm',
|
||||
text: 'Do you want to proceed to the purchase page? Please note that what you are not purchasing is not a SaaS (Software as a Service) subscription. Instead, it is a license for a self-hosting solution, which requires you to deploy it on your own server.',
|
||||
icon: 'question',
|
||||
@ -713,26 +839,16 @@ window.addEventListener("load", function() {
|
||||
cancelButtonText: 'No',
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Personal';
|
||||
window.open(redirectUrl, '_blank');
|
||||
}
|
||||
});
|
||||
}
|
||||
document.getElementById("buyNowButton1").addEventListener("click", function() {
|
||||
gotoBuy('https://rustdesk.com/api/lic/stripe/checkout?type=Personal');
|
||||
});
|
||||
|
||||
document.getElementById("buyNowButton2").addEventListener("click", function() {
|
||||
Swal.fire({
|
||||
title: 'Please Confirm',
|
||||
text: 'Do you want to proceed to the purchase page? Please note that what you are not purchasing is not a SaaS (Software as a Service) subscription. Instead, it is a license for a self-hosting solution, which requires you to deploy it on your own server.',
|
||||
icon: 'question',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Yes',
|
||||
cancelButtonText: 'No',
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Business';
|
||||
window.open(redirectUrl, '_blank');
|
||||
}
|
||||
});
|
||||
gotoBuy('https://rustdesk.com/api/lic/stripe/checkout?type=Business');
|
||||
});
|
||||
</script>
|
||||
<script src="./cookieconsent.min.js"></script>
|
||||
|
||||
@ -146,6 +146,68 @@ label {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
padding: 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
width: 100px;
|
||||
font-size: 16px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.slider {
|
||||
-webkit-appearance: none;
|
||||
width: 100%;
|
||||
height: 15px;
|
||||
border-radius: 5px;
|
||||
background: #ddd;
|
||||
outline: none;
|
||||
opacity: 0.7;
|
||||
-webkit-transition: .2s;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
.slider:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.slider::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 50%;
|
||||
background: #024eff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slider::-moz-range-thumb {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
border-radius: 50%;
|
||||
background: #024eff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-right: 10px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
.hide-on-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -488,7 +550,7 @@ label {
|
||||
</div>
|
||||
</div>
|
||||
<button id="buyNowButton1" class="uui-button-3 w-inline-block">
|
||||
<div>Buy now</div>
|
||||
<div>购买</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -561,8 +623,72 @@ label {
|
||||
</div>
|
||||
</div>
|
||||
<button id="buyNowButton2" class="uui-button-3 w-inline-block">
|
||||
<div>Buy now</div>
|
||||
<div>购买</div>
|
||||
</button>
|
||||
<a href="#custom" class="hide-on-mobile uui-button-15 w-inline-block">
|
||||
<div>自定义版本</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-layout-grid uui-pricing08_components">
|
||||
<div id="w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c877ee-47ad0af8"></div>
|
||||
<div class="uui-pricing08_plan">
|
||||
<a name="custom"></a>
|
||||
<div class="uui-text-align-center-5">
|
||||
<h2 class="uui-heading-xxsmall-2">自定义</h2>
|
||||
<div class="uui-pricing08_price">$<span id="cprice">19.90</span><span class="uui-pricing08_price-text">/月</span></div>
|
||||
<div class="uui-text-size-medium-10">按年付费，支付人民币</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<form>
|
||||
<label for="users">授权用户数目:</label>
|
||||
<input type="number" id="users" name="users" value="20" min="20" max="60" step="10"><br>
|
||||
<input type="range" id="usersSlider" class="slider" name="usersRange" value="20" min="20" max="60" step="10"><br>
|
||||
|
||||
<label for="devices">受管理设备数目:</label>
|
||||
<input type="number" id="devices" name="devices" value="500" min="500" max="1500" step="100"><br>
|
||||
<input type="range" id="devicesSlider" class="slider" name="devicesRange" value="500" min="500" max="1500" step="100">
|
||||
</form>
|
||||
<br>
|
||||
<script>
|
||||
function submit() {
|
||||
redirectUrl = "https://rustdesk.com/api/lic/stripe/checkout?currency=cny&type=Customized&users=" + document.getElementById("users").value + "&devices=" + document.getElementById("devices").value;
|
||||
gotoBuy(redirectUrl);
|
||||
}
|
||||
function calculatePrice() {
|
||||
var users = parseInt(document.getElementById("users").value);
|
||||
var devices = parseInt(document.getElementById("devices").value);
|
||||
var price = 19.9 * (1 + (users - 20) / 20 + (devices - 500) / 500);
|
||||
document.getElementById("cprice").innerText = price.toFixed(2);
|
||||
}
|
||||
|
||||
document.getElementById("users").oninput = function() {
|
||||
document.getElementById("usersSlider").value = this.value;
|
||||
calculatePrice();
|
||||
}
|
||||
|
||||
document.getElementById("devices").oninput = function() {
|
||||
document.getElementById("devicesSlider").value = this.value;
|
||||
calculatePrice();
|
||||
}
|
||||
|
||||
document.getElementById("usersSlider").oninput = function() {
|
||||
document.getElementById("users").value = this.value;
|
||||
calculatePrice();
|
||||
}
|
||||
|
||||
document.getElementById("devicesSlider").oninput = function() {
|
||||
document.getElementById("devices").value = this.value;
|
||||
calculatePrice();
|
||||
}
|
||||
</script>
|
||||
<div class="uui-pricing08_content">
|
||||
<a href="#" class="uui-button-15 w-inline-block" onClick="submit()">
|
||||
<div>购买</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -696,7 +822,7 @@ window.addEventListener("load", function() {
|
||||
</script>
|
||||
<script src="../sweetalert2@11.7.27.js"></script>
|
||||
<script>
|
||||
document.getElementById("buyNowButton1").addEventListener("click", function() {
|
||||
function gotoBuy(redirectUrl) {
|
||||
Swal.fire({
|
||||
title: '请确认',
|
||||
text: '你是否要继续前往购买页面？请注意，你所购买的不是SaaS（软件即服务）订阅，而是一项自助托管解决方案的许可证。你需要将其部署在自己的服务器上。',
|
||||
@ -706,26 +832,16 @@ window.addEventListener("load", function() {
|
||||
cancelButtonText: '否',
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Personal¤cy=cny';
|
||||
window.open(redirectUrl, '_blank');
|
||||
}
|
||||
});
|
||||
}
|
||||
document.getElementById("buyNowButton1").addEventListener("click", function() {
|
||||
gotoBuy('https://rustdesk.com/api/lic/stripe/checkout?type=Personal¤cy=cny');
|
||||
});
|
||||
|
||||
document.getElementById("buyNowButton2").addEventListener("click", function() {
|
||||
Swal.fire({
|
||||
title: '请确认',
|
||||
text: '你是否要继续前往购买页面？请注意，你所购买的不是SaaS（软件即服务）订阅，而是一项自助托管解决方案的许可证。你需要将其部署在自己的服务器上。',
|
||||
icon: 'question',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: '是',
|
||||
cancelButtonText: '否',
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Business¤cy=cny';
|
||||
window.open(redirectUrl, '_blank');
|
||||
}
|
||||
});
|
||||
gotoBuy('https://rustdesk.com/api/lic/stripe/checkout?type=Business¤cy=cny');
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user