mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2026-05-23 09:09:36 +02:00
[web] 2026 pricing page: FAQ and quotes (#32759)
* Rename _faq_new.pug to _faq.pug Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Add 2026 plans page FAQ templates Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Wire up quotes and FAQ section in plans_2026.pug Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Update styles, quote component, and translations for 2026 plans page Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Fix missing accordion icon wrapper in last FAQ item Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Fixup: rename `.card-pattern-sides` back to `.card-pattern` * Create SASS placeholder and mixin Suggested by Tim * Fixup quote style * Update spacings to match Figma --------- Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com> GitOrigin-RevId: 2f4e284038d79157d2b029a967918077bb206032
This commit is contained in:
Antoine Clausse
@@ -28,7 +28,7 @@ mixin quoteLeftGreenBorder({quote, person, position, affiliation, link})
|
||||
.quote-link !{link}
|
||||
|
||||
mixin collinsQuote1
|
||||
.card.card-dark-green-bg
|
||||
.card.card-pattern-bottom
|
||||
- var quote = 'Overleaf is indispensable for us. We use it in our research, thesis writing, project proposals, and manuscripts for publication. When it comes to writing, it’s our main tool.'
|
||||
- var quotePerson = 'Christopher Collins'
|
||||
- var quotePersonPosition = 'Associate Professor and Lab Director, Ontario Tech University'
|
||||
@@ -37,7 +37,7 @@ mixin collinsQuote1
|
||||
+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg)
|
||||
|
||||
mixin collinsQuote2
|
||||
.card.card-dark-green-bg
|
||||
.card.card-pattern-bottom
|
||||
- var quote = 'We are writing collaboratively right up until the last minute. We are faced with deadlines all the time, and Overleaf gives us the ability to polish right up until the last possible second.'
|
||||
- var quotePerson = 'Christopher Collins'
|
||||
- var quotePersonPosition = 'Associate Professor and Lab Director, Ontario Tech University'
|
||||
@@ -46,7 +46,7 @@ mixin collinsQuote2
|
||||
+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg)
|
||||
|
||||
mixin bennettQuote1
|
||||
.card.card-dark-green-bg
|
||||
.card.card-pattern-bottom
|
||||
- var quote = 'With Overleaf, we now have a process for developing technical documentation which has virtually eliminated the time required to properly format and layout documents.'
|
||||
- var quotePerson = 'Andrew Bennett'
|
||||
- var quotePersonPosition = 'Software Architect, Symplectic'
|
||||
|
||||
53
services/web/app/views/subscriptions/plans/_faq_2026.pug
Normal file
53
services/web/app/views/subscriptions/plans/_faq_2026.pug
Normal file
@@ -0,0 +1,53 @@
|
||||
include ./_plans_faq_tabs_2026
|
||||
include ../../_mixins/eyebrow
|
||||
include ../../_mixins/material_symbol
|
||||
|
||||
- var managingYourSubscription = 'managingYourSubscription'
|
||||
- var overleafIndividualPlans = 'overleafIndividualPlans'
|
||||
- var overleafGroupPlans = 'overleafGroupPlans'
|
||||
.container.plans-faq
|
||||
.row
|
||||
.col-md-12.faq-heading-container
|
||||
h2
|
||||
+eyebrow(translate('frequently_asked_questions'))
|
||||
| #{translate("lets_answer_your_questions")}
|
||||
|
||||
.row
|
||||
.col-xs-12
|
||||
.ol-tabs.plans-faq-tabs
|
||||
.nav-tabs-container
|
||||
ul.nav.nav-tabs(role='tablist')
|
||||
li(role='presentation')
|
||||
a.active(
|
||||
role='tab'
|
||||
data-bs-toggle='tab'
|
||||
href='#' + managingYourSubscription
|
||||
aria-controls=managingYourSubscription
|
||||
)
|
||||
| #{translate('managing_your_subscription')}
|
||||
li(role='presentation')
|
||||
a(
|
||||
role='tab'
|
||||
data-toggle='tab'
|
||||
data-bs-toggle='tab'
|
||||
href='#' + overleafIndividualPlans
|
||||
aria-controls=overleafIndividualPlans
|
||||
)
|
||||
| #{translate('overleaf_individual_plans')}
|
||||
li(role='presentation')
|
||||
a(
|
||||
role='tab'
|
||||
data-toggle='tab'
|
||||
data-bs-toggle='tab'
|
||||
href='#' + overleafGroupPlans
|
||||
aria-controls=overleafGroupPlans
|
||||
)
|
||||
| #{translate('overleaf_multi_license_plans')}
|
||||
|
||||
.tab-content
|
||||
.tab-pane.active(role='tabpanel' id=managingYourSubscription)
|
||||
+managingYourSubscription
|
||||
.tab-pane(role='tabpanel' id=overleafIndividualPlans)
|
||||
+overleafIndividualPlans
|
||||
.tab-pane(role='tabpanel' id=overleafGroupPlans)
|
||||
+overleafGroupPlans
|
||||
@@ -0,0 +1,185 @@
|
||||
include ../../_mixins/material_symbol
|
||||
|
||||
mixin accordionItem(id, question)
|
||||
.custom-accordion-item
|
||||
button.custom-accordion-header.collapsed(
|
||||
type='button'
|
||||
data-bs-toggle='collapse'
|
||||
data-bs-target='#' + id
|
||||
aria-expanded='false'
|
||||
aria-controls=id
|
||||
)
|
||||
| #{question}
|
||||
span.custom-accordion-icon
|
||||
+material-symbol('keyboard_arrow_down')
|
||||
.collapse(id=id)
|
||||
.custom-accordion-body
|
||||
block
|
||||
|
||||
mixin managingYourSubscription
|
||||
.ol-accordions-container
|
||||
+accordionItem('managingYourSubscriptionQ1', 'Can I change plans or cancel later?')
|
||||
span Yes, you can do this at any time by going to
|
||||
|
|
||||
strong Account > Subscription
|
||||
|
|
||||
span when logged in to Overleaf. You can change plans, switch between monthly and annual billing options, or cancel to downgrade to the free plan. When canceling, your subscription will continue until the end of the billing period.
|
||||
+accordionItem('managingYourSubscriptionQ2', 'If I change or cancel my Overleaf plan, will I lose my projects?')
|
||||
| No. Changing or canceling your plan won’t affect your projects, the only change will be to the features available to you. You can see which features are available only on paid plans in the comparison table.
|
||||
+accordionItem('managingYourSubscriptionQ3', 'Can I pay by invoice or purchase order?')
|
||||
| This is possible when you’re purchasing a group subscription for five or more people, or a site license. For individual subscriptions, we can only accept payment online via credit card, debit card, or PayPal.
|
||||
+accordionItem('managingYourSubscriptionQ4', 'How do I view/update the card being charged for my subscription?')
|
||||
span You can view and update the card on file by going to Account >
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='/user/subscription'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span Subscription
|
||||
| .
|
||||
|
||||
mixin overleafIndividualPlans
|
||||
.ol-accordions-container
|
||||
+accordionItem('overleafIndividualPlansQ1', 'How does the free trial work?')
|
||||
span You get full access to your chosen plan during your 7-day free trial, and there’s no obligation to continue beyond the trial. Your card will be charged at the end of your trial unless you cancel before then. To cancel, go to
|
||||
|
|
||||
strong Account >
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='/user/subscription'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span Subscription
|
||||
|
|
||||
span when logged in to Overleaf (the trial will continue for the full 7 days).
|
||||
+accordionItem('overleafIndividualPlansQ2', 'What’s a collaborator on an Overleaf individual subscription?')
|
||||
| A collaborator is an Editor or Reviewer that you invite to work with you on a project. So, for example, on our Standard plan you can have up to 10 people collaborating with you on any given project.
|
||||
+accordionItem('overleafIndividualPlansQ3', 'The individual Standard plan has 10 project collaborators, does it mean that 10 people will be upgraded?')
|
||||
| No. Only the subscriber’s account will be upgraded. An individual Standard subscription allows you to invite 10 people per project to edit the project with you. Your collaborators can access features such as the full document history and extended compile time, but only for the project(s) they’re working on with you. If your collaborators want access to those features on their own projects, they will need to purchase their own subscription. (If you work with the same people regularly, you might find a group subscription more cost effective.)
|
||||
+accordionItem('overleafIndividualPlansQ4', 'Do collaborators also have access to the editing and collaboration features I’ve paid for?')
|
||||
| If you have an Overleaf subscription, then your project collaborators will have access to features like real-time track changes and document history, but only for the project(s) they’re working on with you. If your collaborators want access to those features on their own projects, they will need to purchase their own subscription. (If you work with the same people regularly, you might find a group subscription more cost effective.)
|
||||
+accordionItem('overleafIndividualPlansQ5', 'Can I purchase an individual plan on behalf of someone else?')
|
||||
| Individual subscriptions must be purchased by the account that will be the end user. If you want to purchase a plan for someone else, you’ll need to provide them with relevant payment details to enable them to make the purchase.
|
||||
+accordionItem('overleafIndividualPlansQ6', 'Who is eligible for the student discount?')
|
||||
| As the name suggests, the student discount is only for students at educational institutions. This includes graduate students.
|
||||
+accordionItem('overleafIndividualPlansQ7', 'Can I transfer an individual subscription to someone else?')
|
||||
| No. Individual plans can’t be transferred.
|
||||
|
||||
mixin overleafGroupPlans
|
||||
.ol-accordions-container
|
||||
+accordionItem('overleafGroupPlansQ1', 'What’s the difference between licenses and collaborators on a group plan?')
|
||||
div On any of our group plans, the number of licenses refers to the number of people you can invite to join your group subscription. All of these people will have access to the plan’s paid-for features across all their projects, such as real-time track changes and document history.
|
||||
.mt-2 Collaborators are people that your group members may invite to work with them on their projects. So, for example, if you have a group Standard plan, the members of your group can invite up to 10 people to work with them on each of their projects. And if you have a group Pro plan, group members can invite as many people to work with them on their projects as they want.
|
||||
+accordionItem('overleafGroupPlansQ2', 'What is the benefit of purchasing an Overleaf group plan?')
|
||||
span Our group subscriptions allow you to purchase access to our premium features for multiple people. They’re easy to manage, help save on paperwork, and allow groups of 5 or more to purchase via purchase order (PO). We also offer discounts on purchases of group subscriptions for more than 20 users; just get in touch with our
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='/for/contact-sales'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span Sales team
|
||||
| .
|
||||
+accordionItem('overleafGroupPlansQ3', 'Who is eligible for the educational group discount?')
|
||||
| The educational discount for group subscriptions is for students or faculty who are using Overleaf primarily for teaching.
|
||||
+accordionItem('overleafGroupPlansQ4', 'How do I add more licenses to my group subscription, and what will it cost?')
|
||||
div
|
||||
span You can add up to 20 licenses using the
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='/user/subscription'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span subscription management page
|
||||
|
|
||||
span accessed by going to Account >
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='/user/subscription'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span Subscription
|
||||
|
|
||||
span when logged into Overleaf. The cost per license will be prorated at the current per license rate, and will end with your existing renewal date.
|
||||
.mt-2
|
||||
span If you need more than 20 licenses added to your subscription, please
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='/for/contact-sales'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span contact the Sales team
|
||||
| .
|
||||
+accordionItem('overleafGroupPlansQ5', 'How do I upgrade my plan from a group Standard to a group Pro plan?')
|
||||
span You can upgrade your plan from a group Standard to a group Pro plan on the
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='/user/subscription'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span subscription management page
|
||||
| .
|
||||
+accordionItem('overleafGroupPlansQ6', 'I’d like to turn off/on AI features on my subscription. How do I do that?')
|
||||
span If you have a group or organization subscription and you want to disable AI for all your users, you’ll need to
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='/contact'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span submit a request to our Support team
|
||||
| .
|
||||
.mt-2
|
||||
span Individual users
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='https://docs.overleaf.com/integrations-and-add-ons/ai-features'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span can disable AI features
|
||||
span in their
|
||||
|
|
||||
a.inline-green-link(
|
||||
target='_blank'
|
||||
href='/user/settings'
|
||||
event-tracking='plans-page-click'
|
||||
event-tracking-mb='true'
|
||||
event-tracking-trigger='click'
|
||||
event-segmentation={button: 'contact', location: 'faq'}
|
||||
)
|
||||
span Account Settings
|
||||
| .
|
||||
@@ -1,7 +1,11 @@
|
||||
.ol-accordions-container :last-child {
|
||||
.ol-accordions-container .custom-accordion-item:last-of-type {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.plans-2026 .ol-accordions-container .custom-accordion-item:last-of-type {
|
||||
border-bottom: 1px solid var(--border-divider) !important;
|
||||
}
|
||||
|
||||
.ol-accordions-container {
|
||||
.custom-accordion-item {
|
||||
width: 100%;
|
||||
@@ -27,6 +31,10 @@
|
||||
align-items: center;
|
||||
transition: transform 0.35s ease;
|
||||
margin-left: var(--spacing-08);
|
||||
|
||||
.material-symbols {
|
||||
font-size: var(--font-size-06);
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.collapsed) {
|
||||
|
||||
@@ -1,3 +1,30 @@
|
||||
%card-pattern-shared {
|
||||
border-radius: var(--border-radius-medium);
|
||||
color: var(--white);
|
||||
background-size: cover;
|
||||
|
||||
h2 {
|
||||
@include heading-lg;
|
||||
}
|
||||
|
||||
p {
|
||||
@include body-lg;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
p {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: var(--spacing-13);
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
--bs-card-bg: var(--white);
|
||||
--bs-card-border-width: 0;
|
||||
@@ -103,10 +130,9 @@
|
||||
}
|
||||
|
||||
&.card-pattern {
|
||||
border-radius: var(--border-radius-medium);
|
||||
color: var(--white);
|
||||
@extend %card-pattern-shared;
|
||||
|
||||
text-align: center;
|
||||
background-size: cover;
|
||||
background-image:
|
||||
linear-gradient(
|
||||
to right,
|
||||
@@ -116,33 +142,11 @@
|
||||
rgba(0 0 0 / 40%) 100%
|
||||
),
|
||||
url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
|
||||
|
||||
h2 {
|
||||
@include heading-lg;
|
||||
}
|
||||
|
||||
p {
|
||||
@include body-lg;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
p {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.card-body {
|
||||
padding: var(--spacing-13);
|
||||
}
|
||||
}
|
||||
|
||||
&.card-pattern-left-only {
|
||||
border-radius: var(--border-radius-medium);
|
||||
color: var(--white);
|
||||
background-size: cover;
|
||||
@extend %card-pattern-shared;
|
||||
|
||||
background-image:
|
||||
linear-gradient(
|
||||
to right,
|
||||
@@ -151,26 +155,23 @@
|
||||
var(--dark-jungle-green) 100%
|
||||
),
|
||||
url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
|
||||
}
|
||||
|
||||
h2 {
|
||||
@include heading-lg;
|
||||
}
|
||||
&.card-pattern-bottom {
|
||||
@extend %card-pattern-shared;
|
||||
|
||||
p {
|
||||
@include body-lg;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
p {
|
||||
color: var(--white);
|
||||
}
|
||||
text-align: center;
|
||||
background-image:
|
||||
linear-gradient(
|
||||
to top,
|
||||
rgba($dark-jungle-green, 0.75) 25%,
|
||||
rgba($dark-jungle-green, 1) 50%
|
||||
),
|
||||
url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
|
||||
|
||||
.card-body {
|
||||
padding: var(--spacing-13);
|
||||
color: var(--neutral-20);
|
||||
padding: var(--spacing-11);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
.plans-2026 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--spacing-14);
|
||||
padding-top: calc($header-height + var(--spacing-15));
|
||||
padding-bottom: var(--spacing-15);
|
||||
padding-top: $header-height;
|
||||
|
||||
.plans-title-section {
|
||||
padding-top: var(--spacing-15);
|
||||
padding-bottom: var(--spacing-13);
|
||||
}
|
||||
|
||||
// Period toggle switch — used only by _plans-period-toggle.pug
|
||||
.plans-period-switch-wrapper {
|
||||
@@ -73,6 +74,7 @@
|
||||
|
||||
.plans-cards-section {
|
||||
background-color: var(--bg-light-primary);
|
||||
padding-block: var(--spacing-13);
|
||||
|
||||
.plans-cards-toggles {
|
||||
align-items: center;
|
||||
@@ -166,9 +168,12 @@
|
||||
column-gap: var(--spacing-04);
|
||||
overflow-x: auto;
|
||||
padding-top: var(--spacing-08);
|
||||
padding-bottom: var(--spacing-06);
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
// so the scrollbar doesn't overlap the last card's content
|
||||
margin-bottom: calc(-1 * var(--spacing-05));
|
||||
padding-bottom: var(--spacing-05);
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
grid-auto-columns: 60%;
|
||||
}
|
||||
@@ -446,4 +451,43 @@
|
||||
padding-bottom: 3px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.plans-quotes-section {
|
||||
padding-bottom: var(--spacing-13);
|
||||
}
|
||||
|
||||
.plans-faq {
|
||||
padding-block: var(--spacing-15);
|
||||
|
||||
.faq-heading-container {
|
||||
text-align: center;
|
||||
margin-bottom: var(--spacing-10);
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
margin-bottom: var(--spacing-15);
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.eyebrow-text {
|
||||
margin-bottom: var(--spacing-08);
|
||||
}
|
||||
}
|
||||
|
||||
.plans-faq-tabs {
|
||||
.nav-tabs-container {
|
||||
padding-bottom: var(--spacing-05);
|
||||
margin-bottom: var(--spacing-08);
|
||||
|
||||
ul.nav-tabs {
|
||||
border-bottom-width: 2px;
|
||||
font-size: var(--font-size-04);
|
||||
margin: unset;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1332,6 +1332,7 @@
|
||||
"let_us_know": "Let us know",
|
||||
"let_us_know_how_we_can_help": "Let us know how we can help",
|
||||
"let_us_know_what_you_think": "Let us know what you think",
|
||||
"lets_answer_your_questions": "Let’s answer your questions",
|
||||
"lets_get_those_premium_features": "Let’s get those premium features up and running for you straightaway. You’ll be billed <0>__paymentAmount__</0> using the payment details we have for you.",
|
||||
"lets_get_you_set_up": "Let’s get you set up.",
|
||||
"libraries": "Libraries",
|
||||
@@ -1693,6 +1694,7 @@
|
||||
"overleaf_is_easy_to_use": "Overleaf is easy to use.",
|
||||
"overleaf_labs": "Overleaf Labs",
|
||||
"overleaf_logo": "Overleaf logo",
|
||||
"overleaf_multi_license_plans": "Overleaf multi-license plans",
|
||||
"overleaf_plans_and_pricing": "overleaf plans and pricing",
|
||||
"overleaf_template_gallery": "overleaf template gallery",
|
||||
"overleafs_functionality_meets_my_needs": "Overleaf’s functionality meets my needs.",
|
||||
|
||||
Reference in New Issue
Block a user