mirror of
https://github.com/rustdesk/doc.rustdesk.com.git
synced 2025-07-01 23:36:21 +00: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>
|
<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/favicon.png?v2" rel="shortcut icon" type="image/x-icon">
|
||||||
<link href="images/webclip.png" rel="apple-touch-icon">
|
<link href="images/webclip.png" rel="apple-touch-icon">
|
||||||
<link rel="stylesheet" href="./cookieconsent.min.css">
|
|
||||||
<style>
|
<style>
|
||||||
:root {
|
:root {
|
||||||
--accent: #024eff;
|
--accent: #024eff;
|
||||||
@ -325,7 +324,5 @@ window.addEventListener("load", function() {
|
|||||||
|
|
||||||
gtag('config', 'UA-178912857-1');
|
gtag('config', 'UA-178912857-1');
|
||||||
</script>
|
</script>
|
||||||
<script src="./cookieconsent.min.js"></script>
|
|
||||||
<script src="./cookieconsent-init.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
148
v2/pricing.html
148
v2/pricing.html
@ -147,6 +147,68 @@ label {
|
|||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 1;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -564,6 +626,70 @@ label {
|
|||||||
<button id="buyNowButton2" class="uui-button-3 w-inline-block">
|
<button id="buyNowButton2" class="uui-button-3 w-inline-block">
|
||||||
<div>Buy now</div>
|
<div>Buy now</div>
|
||||||
</button>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -703,8 +829,8 @@ window.addEventListener("load", function() {
|
|||||||
</script>
|
</script>
|
||||||
<script src="sweetalert2@11.7.27.js"></script>
|
<script src="sweetalert2@11.7.27.js"></script>
|
||||||
<script>
|
<script>
|
||||||
document.getElementById("buyNowButton1").addEventListener("click", function() {
|
function gotoBuy(redirectUrl) {
|
||||||
Swal.fire({
|
Swal.fire({
|
||||||
title: 'Please Confirm',
|
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.',
|
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',
|
icon: 'question',
|
||||||
@ -713,26 +839,16 @@ window.addEventListener("load", function() {
|
|||||||
cancelButtonText: 'No',
|
cancelButtonText: 'No',
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
if (result.isConfirmed) {
|
if (result.isConfirmed) {
|
||||||
const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Personal';
|
|
||||||
window.open(redirectUrl, '_blank');
|
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() {
|
document.getElementById("buyNowButton2").addEventListener("click", function() {
|
||||||
Swal.fire({
|
gotoBuy('https://rustdesk.com/api/lic/stripe/checkout?type=Business');
|
||||||
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');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<script src="./cookieconsent.min.js"></script>
|
<script src="./cookieconsent.min.js"></script>
|
||||||
|
|||||||
@ -146,6 +146,68 @@ label {
|
|||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 1;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -488,7 +550,7 @@ label {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button id="buyNowButton1" class="uui-button-3 w-inline-block">
|
<button id="buyNowButton1" class="uui-button-3 w-inline-block">
|
||||||
<div>Buy now</div>
|
<div>购买</div>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -561,8 +623,72 @@ label {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button id="buyNowButton2" class="uui-button-3 w-inline-block">
|
<button id="buyNowButton2" class="uui-button-3 w-inline-block">
|
||||||
<div>Buy now</div>
|
<div>购买</div>
|
||||||
</button>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -696,7 +822,7 @@ window.addEventListener("load", function() {
|
|||||||
</script>
|
</script>
|
||||||
<script src="../sweetalert2@11.7.27.js"></script>
|
<script src="../sweetalert2@11.7.27.js"></script>
|
||||||
<script>
|
<script>
|
||||||
document.getElementById("buyNowButton1").addEventListener("click", function() {
|
function gotoBuy(redirectUrl) {
|
||||||
Swal.fire({
|
Swal.fire({
|
||||||
title: '请确认',
|
title: '请确认',
|
||||||
text: '你是否要继续前往购买页面？请注意，你所购买的不是SaaS（软件即服务）订阅，而是一项自助托管解决方案的许可证。你需要将其部署在自己的服务器上。',
|
text: '你是否要继续前往购买页面？请注意，你所购买的不是SaaS（软件即服务）订阅，而是一项自助托管解决方案的许可证。你需要将其部署在自己的服务器上。',
|
||||||
@ -706,26 +832,16 @@ window.addEventListener("load", function() {
|
|||||||
cancelButtonText: '否',
|
cancelButtonText: '否',
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
if (result.isConfirmed) {
|
if (result.isConfirmed) {
|
||||||
const redirectUrl = 'https://rustdesk.com/api/lic/stripe/checkout?type=Personal¤cy=cny';
|
|
||||||
window.open(redirectUrl, '_blank');
|
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() {
|
document.getElementById("buyNowButton2").addEventListener("click", function() {
|
||||||
Swal.fire({
|
gotoBuy('https://rustdesk.com/api/lic/stripe/checkout?type=Business¤cy=cny');
|
||||||
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');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user