1
0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-12 08:54:00 +02:00
joplin/docs/plans/index.html
2021-09-06 19:08:25 +01:00

522 lines
18 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<!--
!!! WARNING !!!
This file was auto-generated from and any manual change
made to it will be overwritten. To make a change to this file please modify
the source Markdown file:
https://github.com/laurent22/joplin/blob/dev/
-->
<head>
<!-- Donate button A/B testing -->
<script async src="https://www.googleoptimize.com/optimize.js?id=OPT-PW3ZPK3"></script> <meta
charset="utf-8"
http-equiv="X-UA-Compatible"
content="IE=edge,chrome=1"
/>
<link rel="icon" href="&#x2F;images/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Joplin, the open source note-taking application" />
<link
rel="stylesheet"
href="&#x2F;css/bootstrap5.0.2.min.css"
as="style"
/>
<link rel="stylesheet" href="&#x2F;css/fontawesome-all.min.css?t=1630951685439">
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"
rel="stylesheet"
as="style"
media="all"
onload="this.media='all'; this.onload = null"
/>
<link rel="stylesheet" href="&#x2F;css/site.css?t=1630951685439" as="style" />
<title>Joplin Cloud Plans | Joplin</title>
<script
src="&#x2F;js/jquery-3.6.0.min.js"
rel="preload"
as="script"
></script>
</head>
<body class="website-env-prod">
<div class="container-fluid generic-template plans-page" id="main-container">
<div class=" navbar-main white-bg" id="nav-section">
<div class="container">
<div class="row">
<div class="col-3">
<a href="/">
<img
src="&#x2F;images/logo-text-blue.svg"
alt=""
id="top-logo"
width="180"
/>
</a>
</div>
<div class="col-9 text-right d-none d-md-block">
<a href="/help/" class="fw500">Help</a>
<a href="https:&#x2F;&#x2F;discourse.joplinapp.org&#x2F;" class="fw500">Forum</a>
<a href="/plans/" class="button-link btn-trans plans-button">Joplin Cloud</a><a class="button-link btn-blue sponsor-button" href="/donate">
<i class="fas fa-heart heart-full"></i><i class="far fa-heart heart-line"></i>&nbsp;Support us
</a> </div>
<div class="col-9 text-right d-block d-md-none navbar-mobile-content">
<a class="button-link btn-blue sponsor-button" href="/donate">
<i class="fas fa-heart heart-full"></i><i class="far fa-heart heart-line"></i>&nbsp;Support us
</a>
<span class="pointer"
><img
src="&#x2F;images/mobile-menu-black-open-icon.png"
id="open-menu-mobile"
alt=""
/></span>
&nbsp;&nbsp;
<div id="menu-mobile">
<div>
<div class="text-right">
<img
src="&#x2F;images/close-icon.png"
alt=""
class="pointer"
id="close-menu-mobile"
/>
</div>
<div class="text-center menu-mobile-top">
<a href="https:&#x2F;&#x2F;discourse.joplinapp.org&#x2F;" class="fw500 mobile-menu-link">Forum</a>
<a href="/help/" class="fw500 mobile-menu-link">Help</a>
</div>
<div class="menu-mobile-buttons">
<a href="/plans/" class="button-link btn-trans plans-button">Joplin Cloud</a><a class="button-link btn-blue sponsor-button" href="/donate">
<i class="fas fa-heart heart-full"></i><i class="far fa-heart heart-line"></i>&nbsp;Support us
</a> </div>
</div>
<div>
<p class="light-blue mobile-menu-link-bottom text-center">
Copyright &copy; 2016-2021 Laurent&nbsp;Cozic
<br/>
<a href="/privacy/" class="fw500">Privacy Policy</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="help-page-container page-">
<div class="container">
<div class="row content-wrapper">
<div class="main-content">
<div class="alert alert-danger alert-env-dev" role="alert">
Running in prod mode!
</div>
<div id="plans-section" class="env-prod">
<div class="container">
<div class="row">
<div class="col-12 title-box">
<h1 class="text-center">
Joplin Cloud <span class="frame-bg frame-bg-yellow">plans</span>
</h1>
<p class="text-center sub-title">
<a href="https://joplincloud.com">Joplin Cloud</a> allows you to synchronise your notes across devices. It also lets you publish notes, and collaborate on notebooks with your friends, family or colleagues.
</p>
</div>
</div>
<noscript>
<div class="alert alert-danger alert-env-dev" role="alert" style='text-align: center; margin-top: 10px;'>
To use this page please enable JavaScript!
</div>
</noscript>
<div style="display: flex; justify-content: center; margin-top: 1.2em">
<div class="form-check form-check-inline">
<input id="pay-monthly-radio" class="form-check-input" type="radio" name="pay-radio" checked value="monthly">
<label style="font-weight: bold" class="form-check-label" for="pay-monthly-radio">
Pay Monthly
</label>
</div>
<div class="form-check form-check-inline">
<input id="pay-yearly-radio" class="form-check-input" type="radio" name="pay-radio" value="yearly">
<label style="font-weight: bold" class="form-check-label" for="pay-yearly-radio">
Pay Yearly
</label>
</div>
</div>
<div class="row plan-group plan-prices-monthly">
<div class="col-12 col-lg-4 account-type-1">
<div class="price-container ">
<div class="price-row">
<div class="plan-type">
<img src="&#x2F;images/basic-icon.png"/>&nbsp;Basic
</div>
<div class="plan-price plan-price-monthly">
1.99€<sub class="per-month">&nbsp;/month</sub>
</div>
<div class="plan-price plan-price-yearly">
1.49€<sub class="per-month">&nbsp;/month</sub>
</div>
</div>
<div class="plan-price-yearly-per-year">
<div>
(17.88€<sub class="per-year">&nbsp;/year</sub>)
</div>
</div>
<p><i class="fas fa-check feature feature-on"></i>Max 10 MB per note or attachment</p>
<p><i class="fas fa-check feature feature-on"></i>Publish notes to the internet</p>
<p><i class="fas fa-check feature feature-on"></i>Sync as many devices as you want</p>
<p><i class="fas fa-check feature feature-on"></i>Web Clipper</p>
<p><i class="fas fa-check feature feature-on"></i>1 GB storage space</p>
<p class="unchecked-text"><i class="fas fa-times feature feature-off"></i>Share and collaborate on a notebook</p>
<p class="unchecked-text"><i class="fas fa-times feature feature-off"></i>Up to 10 users</p>
<p class="unchecked-text"><i class="fas fa-times feature feature-off"></i>Priority support</p>
<p class="text-center subscribe-wrapper">
<a id="subscribeButton-basic" href="" class="button-link btn-white subscribeButton">Try it now</a>
</p>
</div>
<script>
(function() {
const stripePricesIds = {
monthly: 'price_1JAzWBLx4fybOTqJw64zxJRJ',
yearly: 'price_1JJIPZLx4fybOTqJHvxiQ7bV',
};
const planName = 'basic';
const buttonId = 'subscribeButton-' + planName;
const buttonElement = document.getElementById(buttonId);
if (stripePricesIds.monthly) {
function handleResult() {
console.info('Redirected to checkout');
}
buttonElement.addEventListener("click", function(evt) {
evt.preventDefault();
const priceId = stripePricesIds[subscriptionPeriod];
if (!priceId) {
console.error('Invalid period: ' + subscriptionPeriod);
return;
}
createCheckoutSession(priceId).then(function(data) {
stripe.redirectToCheckout({
sessionId: data.sessionId
})
.then(handleResult);
});
});
}
})();
</script>
</div>
<div class="col-12 col-lg-4 account-type-2">
<div class="price-container price-container-blue">
<div class="price-row">
<div class="plan-type">
<img src="&#x2F;images/pro-icon.png"/>&nbsp;Pro
</div>
<div class="plan-price plan-price-monthly">
5.99€<sub class="per-month">&nbsp;/month</sub>
</div>
<div class="plan-price plan-price-yearly">
4.79€<sub class="per-month">&nbsp;/month</sub>
</div>
</div>
<div class="plan-price-yearly-per-year">
<div>
(57.48€<sub class="per-year">&nbsp;/year</sub>)
</div>
</div>
<p><i class="fas fa-check feature feature-on"></i>Max 200 MB per note or attachment</p>
<p><i class="fas fa-check feature feature-on"></i>Publish notes to the internet</p>
<p><i class="fas fa-check feature feature-on"></i>Sync as many devices as you want</p>
<p><i class="fas fa-check feature feature-on"></i>Web Clipper</p>
<p><i class="fas fa-check feature feature-on"></i>10 GB storage space</p>
<p><i class="fas fa-check feature feature-on"></i>Share and collaborate on a notebook</p>
<p class="unchecked-text"><i class="fas fa-times feature feature-off"></i>Up to 10 users</p>
<p class="unchecked-text"><i class="fas fa-times feature feature-off"></i>Priority support</p>
<p class="text-center subscribe-wrapper">
<a id="subscribeButton-pro" href="" class="button-link btn-white subscribeButton">Try it now</a>
</p>
</div>
<script>
(function() {
const stripePricesIds = {
monthly: 'price_1JB1OVLx4fybOTqJOvp3NGM6',
yearly: 'price_1JJIQ7Lx4fybOTqJsQNv1QUp',
};
const planName = 'pro';
const buttonId = 'subscribeButton-' + planName;
const buttonElement = document.getElementById(buttonId);
if (stripePricesIds.monthly) {
function handleResult() {
console.info('Redirected to checkout');
}
buttonElement.addEventListener("click", function(evt) {
evt.preventDefault();
const priceId = stripePricesIds[subscriptionPeriod];
if (!priceId) {
console.error('Invalid period: ' + subscriptionPeriod);
return;
}
createCheckoutSession(priceId).then(function(data) {
stripe.redirectToCheckout({
sessionId: data.sessionId
})
.then(handleResult);
});
});
}
})();
</script>
</div>
<div class="col-12 col-lg-4 account-type-3">
<div class="price-container ">
<div class="price-row">
<div class="plan-type">
<img src="&#x2F;images/business-icon.png"/>&nbsp;Business
</div>
<div class="plan-price plan-price-monthly">
49.99€<sub class="per-month">&nbsp;/month</sub>
</div>
<div class="plan-price plan-price-yearly">
39.99€<sub class="per-month">&nbsp;/month</sub>
</div>
</div>
<div class="plan-price-yearly-per-year">
<div>
(479.88€<sub class="per-year">&nbsp;/year</sub>)
</div>
</div>
<p><i class="fas fa-check feature feature-on"></i>Max 200 MB per note or attachment</p>
<p><i class="fas fa-check feature feature-on"></i>Publish notes to the internet</p>
<p><i class="fas fa-check feature feature-on"></i>Sync as many devices as you want</p>
<p><i class="fas fa-check feature feature-on"></i>Web Clipper</p>
<p><i class="fas fa-check feature feature-on"></i>10 GB storage space</p>
<p><i class="fas fa-check feature feature-on"></i>Share and collaborate on a notebook</p>
<p><i class="fas fa-check feature feature-on"></i>Up to 10 users</p>
<p><i class="fas fa-check feature feature-on"></i>Priority support</p>
<p class="text-center subscribe-wrapper">
<a id="subscribeButton-business" href="mailto:business@joplincloud.com?subject&#x3D;Joplin%20Cloud%20Business%20Account%20Order&amp;body&#x3D;Hello%2C%0A%0AThis%20is%20an%20automatically%20generated%20email.%20The%20Business%20feature%20is%20coming%20soon%2C%20and%20in%20the%20meantime%20we%20offer%20a%20business%20discount%20if%20you%20would%20like%20to%20register%20multiple%20users.%0A%0AIf%20so%20please%20let%20us%20know%20the%20following%20details%20and%20we%20will%20get%20back%20to%20you%20as%20soon%20as%20possible%3A%0A%0A-%20Name%3A%20%0A%0A-%20Email%3A%20%0A%0A-%20Number%20of%20users%3A%20" class="button-link btn-white subscribeButton">Contact us</a>
</p>
</div>
<script>
(function() {
const stripePricesIds = {
monthly: '',
yearly: '',
};
const planName = 'business';
const buttonId = 'subscribeButton-' + planName;
const buttonElement = document.getElementById(buttonId);
if (stripePricesIds.monthly) {
function handleResult() {
console.info('Redirected to checkout');
}
buttonElement.addEventListener("click", function(evt) {
evt.preventDefault();
const priceId = stripePricesIds[subscriptionPeriod];
if (!priceId) {
console.error('Invalid period: ' + subscriptionPeriod);
return;
}
createCheckoutSession(priceId).then(function(data) {
stripe.redirectToCheckout({
sessionId: data.sessionId
})
.then(handleResult);
});
});
}
})();
</script>
</div>
<p class="joplin-cloud-login-info">Already have a Joplin Cloud account? <a href="https://joplincloud.com">Login now</a></p>
</div>
<div class="row">
<h1>FAQ</h1>
<h2>What is Joplin Cloud?</h2>
<p><a href="https://joplincloud.com">Joplin Cloud</a> allows you to synchronise your notes automatically to all your devices. Moreover, this service gives you access to additional features:</p>
<ul>
<li>
<p>Publish a note to the internet and share it with others. The published note will be updated automatically whenever you make a change.</p>
</li>
<li>
<p>Collaborate on a notebook with other Joplin Cloud users. You can share a notebook with other users who will then have full access to it - they can read, change or add more notes, images or documents to the notebook. This is convenient to work on ideas or on a project with others.</p>
</li>
<li>
<p>Improved sync performances. Compared to other sync options, Joplin Cloud, being developed specifically for Joplin, is faster and consumes less resources.</p>
</li>
</ul>
<p>Moreover, by getting a subscription you are supporting the development of the project as a whole, including the open source applications. Such support is needed in the long term to provide bug and security fixes, add new features, and provide support.</p>
<h2>What if I exceed the storage space?</h2>
<p>If you exceed the storage space, you will not be able to upload new notes. You may however delete notes and attachments so as to free up space. If you are on a Basic plan, you may also upgrade to Pro. If you are on a Pro or Business plan please contact us and let us know that you need more space and we will increase your storage space.</p>
<h2>Do you offer discounts?</h2>
<p>We offer a 50% discount to students. To claim it, please <a href="mailto:support@joplincloud.com">contact us</a> from your university or school email address. You will then receive a URL you can use to subscribe to Joplin Cloud while benefiting from the 50% discount. This is valid for a whole year and can be renewed for as long as you are in education by contacting us again.</p>
<p>We may also offer bulk discounts for companies, associations and nonprofit organisations. Please <a href="mailto:support@joplincloud.com">contact us</a> for more details.</p>
</div>
</div>
<script src="https://js.stripe.com/v3/"></script>
<script>
const urlQuery = new URLSearchParams(location.search);
let subscriptionPeriod = 'monthly';
var stripe = Stripe('pk_live_51IvkOPLx4fybOTqJow8RFsWs0eDznPeBlXMw6s8SIDQeCM8bAFNYlBdDsyonAwRcJgBCoSlvFzAbhJgLFxzzTu4r0006aw846C');
let checkoutSessionUser = null;
// Temporary setup to allow Beta users to start their subscription.
function setupBetaHandling(query) {
let accountType = Number(query.get('account_type'));
if (isNaN(accountType)) accountType = 1;
const email = query.get('email');
if (!email) return;
$('.account-type-3').css('display', 'none');
$('.subscribeButton').text('Buy now');
if (accountType === 2) {
$('.account-type-1').css('display', 'none');
}
checkoutSessionUser = { email, accountType };
}
var createCheckoutSession = function(priceId) {
const coupon = urlQuery.get('coupon') || '';
console.info('Creating Stripe session for price:', priceId, 'Coupon:', coupon);
return fetch("https://joplincloud.com/stripe/createCheckoutSession", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
priceId: priceId,
coupon: coupon,
email: checkoutSessionUser ? checkoutSessionUser.email : '',
})
}).then(async function(result) {
if (!result.ok) {
console.error('Could not create Stripe checkout session', await result.text());
alert('The checkout session could not be created. Please contact support@joplincloud.com for support.');
} else {
return result.json();
}
});
};
$(() => {
$("input[name='pay-radio']").change(function() {
const period = $("input[type='radio'][name='pay-radio']:checked").val();
subscriptionPeriod = period;
$('.plan-group').removeClass(period === 'monthly' ? 'plan-prices-yearly' : 'plan-prices-monthly');
$('.plan-group').addClass('plan-prices-' + period);
});
setupBetaHandling(urlQuery);
});
</script>
</div>
</div>
</div>
</div>
</div>
<footer class="darkblue-bg">
<div class="container">
<div class="row">
<div class="col-12 col-md-12 social-links">
<a href="https://twitter.com/joplinapp" title="Twitter feed"><i class="fab fa-twitter"></i></a>
<a href="https://github.com/laurent22/joplin/" title="GitHub repository"><i class="fab fa-github"></i></a>
<a href="https://www.patreon.com/joplin" title="Patreon blog"><i class="fab fa-patreon"></i></a>
<a href="https://discordapp.com/invite/d2HMPwE" title="Discord chat"><i class="fab fa-discord"></i></a>
<a href="https://www.reddit.com/r/joplinapp/" title="Subreddit"><i class="fab fa-reddit"></i></a>
</div>
</div>
<div class="row bottom-links-row">
<div class="col-12 col-md-6">
<p class="text-center-sm">Copyright &copy; 2016-2021 Laurent Cozic</p>
</div>
<div class="col-12 col-md-6">
<p class="text-right text-center-sm right-links">
<span class="footer-right">
<a href="/privacy/">Privacy Policy</a>
</span>
</p>
</div>
</div>
</div>
</footer> </div>
<script src="&#x2F;js/script.js?t=1630951685439"></script>
<script>
if (window.location.hostname !== 'localhost') {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-103586105-1', 'auto');
ga('send', 'pageview');
}
</script> </body>
</html>