upgrade_tiers.html — MailPoet – Newsletters, Email Marketing, and Automation 5.36.0

mailpoet / views / upgrade_tiers.html

mailpoet / views Last commit date

automation 6 months ago deactivationPoll 2 years ago emails 3 months ago form 1 day ago newsletter 2 months ago segments 1 day ago subscribers 1 month ago subscription 3 months ago upgrade 1 year ago woocommerce 1 year ago analytics.html 2 years ago automation.html 2 years ago blank.html 2 years ago experimental-features.html 4 years ago forms.html 2 months ago help.html 3 months ago homepage.html 2 months ago index.php 3 years ago landingpage.html 2 years ago layout.html 3 months ago logs.html 1 month ago mss_pitch_translations.html 3 years ago newsletters.html 2 months ago parsley-translations.html 1 week ago premium_key_validation_strings.html 3 years ago settings.html 2 years ago settings_translations.html 1 week ago upgrade_tiers.html 1 year ago welcome_wizard.html 1 year ago woo_system_info.html 3 years ago woocommerce_setup.html 1 year ago

upgrade_tiers.html

202 lines

1	<% extends 'layout.html' %>
2
3	<% block content %>
4	<style>
5	body { background: white; }
6	#wpbody-content { padding-top: 64px; }
7	</style>
8	<div class="mailpoet-top-bar">
9	<a role="button" class="mailpoet-top-bar-logo" title="<%= esc_attr__('Back to section root', 'mailpoet') %>" tabindex="0" href="admin.php?page=mailpoet-homepage">
10	<img src="<%= cdn_url('logo-orange.svg') %>" alt="MailPoet logo" />
11	</a>
12	</div>
13	<div class="mailpoet-tiers-page">
14	<br><br>
15	<div class="mp-toggle pricing-period-toggle mailpoet-tiers-page-billing-toggle">
16	<input id="pricing_duration" type="checkbox">
17	<label for="pricing_duration" data-automation-id="pricing_duration">
18	<div class="mp-toggle__switch" data-unchecked="<%= esc_attr__('Pay monthly') %>" data-checked="<%= esc_attr__('Pay yearly') %>"></div>
19	</label>
20	<div class="mailpoet-tiers-page-pricing-period-description"><%= esc_html__('Save up to 15% on yearly plans') %></div>
21	<div class="mailpoet-tiers-page-pricing-period-description-selected"><%= esc_html__('You are saving up to 15%!') %></div>
22	</div>
23	<figure class="mailpoet-tiers-page-content">
24	<div class="mailpoet-tiers-page-content__pricing">
25	<div class="mailpoet-tiers-page-content__tier">
26	<div class="mailpoet-tiers-page-tier-header">
27	<div class="mailpoet-tiers-page-tier-header__title">
28	<div class="mailpoet-tiers-page-tier-header__icon starter"></div>
29	<h2 class="mailpoet-tiers-page-tier-header-label">
30	<%= esc_html__('Starter') %>
31	</h2>
32	</div>
33	<p><%= esc_html__('Email marketing essentials for bloggers, small businesses, or those just starting out.') %></p>
34	</div>
35	<div class="mailpoet-tiers-page-tier-price">
36	<p> </p>
37	<h3>
38	<span class="pricing-value"><%= esc_html__('Free') %></span>
39	</h3>
40	<p><%= esc_html__('Up to 500 subscribers') %></p>
41	</div>
42	<%= include('upgrade/upgrade_button.html', {label:esc_html__('Get Starter'), button_class: 'is-secondary', group:'starter'}) %>
43	<ul class="free">
44	<li><%= __('Send up to <b>5,000</b> emails per month') \| wpKses({'b': {}}) %></li>
45	<li><%= esc_html__('Subscription forms') %></li>
46	<li><%= esc_html__('Email and ecommerce marketing') %></li>
47	<li><%= esc_html__('Basic marketing automation') %></li>
48	<li><%= esc_html__('Summarized email engagement statistics') %></li>
49	<li><%= esc_html__('Send with MailPoet Sending Service') %></li>
50	</ul>
51	</div>
52	<div class="mailpoet-tiers-page-content__tier popular">
53	<div class="mailpoet-tiers-page-label">
54	<div class="mailpoet-tiers-page-label__content">
55	<%= esc_html__('Most popular') %>
56	</div>
57	</div>
58	<div class="mailpoet-tiers-page-tier-header">
59	<div class="mailpoet-tiers-page-tier-header__title">
60	<div class="mailpoet-tiers-page-tier-header__icon business"></div>
61	<h2 class="mailpoet-tiers-page-tier-header-label">
62	<%= esc_html__('Business') %>
63	</h2>
64	</div>
65	<p><%= esc_html__('Advanced email marketing functionality designed to help businesses of all sizes grow.') %></p>
66	</div>
67	<div class="mailpoet-tiers-page-tier-price">
68	<p><%= esc_html__('From') %></p>
69	<h3 id="mailpoet-business-yearly-price">
70	<span class="pricing-discount">
71	<sup class="pricing-discount-currency">$</sup>
72	<span class="pricing-discount-value">10</span>
73
74	</span>
75	<sup class="pricing-currency">$</sup>
76	<span class="pricing-value">9</span>
77	<%= esc_html__(' / month') %>
78	</h3>
79	<h3 id="mailpoet-business-monthly-price">
80	<sup class="pricing-currency">$</sup>
81	<span class="pricing-value">10</span>
82	<%= esc_html__(' / month') %>
83	</h3>
84	<p><%= esc_html__('for 500 subscribers') %></p>
85	</div>
86	<%= include('upgrade/upgrade_button.html', {label:esc_html__('Get Business'), button_class:'is-primary', group:'business'}) %>
87	<div>
88	<p><%= __('<b>All Starter plan features</b>, plus:') \| wpKses({'b': {}}) %></p>
89	<ul class="business">
90	<li><%= __('Send <b>unlimited</b> emails per month') \| wpKses({'b': {}}) %></li>
91	<li><%= esc_html__('Remove MailPoet branding') %></li>
92	<li><%= esc_html__('Priority support') %></li>
93	<li><%= esc_html__('Subscriber segmentation') %></li>
94	<li><%= esc_html__('Targeted marketing automation') %></li>
95	<li><%= esc_html__('Detailed email engagement and ecommerce statistics') %></li>
96	</ul>
97	</div>
98	</div>
99	<div class="mailpoet-tiers-page-content__tier">
100	<div class="mailpoet-tiers-page-tier-header">
101	<div class="mailpoet-tiers-page-tier-header__title">
102	<div class="mailpoet-tiers-page-tier-header__icon agency"></div>
103	<h2 class="mailpoet-tiers-page-tier-header-label">
104	<%= esc_html__('Agency') %>
105	</h2>
106	</div>
107	<p><%= esc_html__('Add MailPoet’s full functionality to multiple websites – perfect for WordPress agencies or freelancers.') %></p>
108	</div>
109	<div class="mailpoet-tiers-page-tier-price">
110	<p><%= esc_html__('From') %></p>
111	<h3 id="mailpoet-agency-yearly-price">
112	<span class="pricing-discount">
113	<sup class="pricing-discount-currency">$</sup>
114	<span class="pricing-discount-value">30</span>
115
116	</span>
117	<sup class="pricing-currency">$</sup>
118	<span class="pricing-value">26</span>
119	<%= esc_html__(' / month') %>
120	</h3>
121	<h3 id="mailpoet-agency-monthly-price">
122	<sup class="pricing-currency">$</sup>
123	<span class="pricing-value">30</span>
124	<%= esc_html__(' / month') %>
125	</h3>
126	<p><%= esc_html__('for 500 subscribers') %></p>
127	</div>
128	<%= include('upgrade/upgrade_button.html', {label:esc_html__('Get Agency'), button_class:'is-secondary', group:'agency'}) %>
129	<div>
130	<p><%= __('<b>All Business features</b>, plus:') \| wpKses({'b': {}}) %></p>
131	<ul>
132	<li><%= __('Use MailPoet on <b>50 websites</b>') \| wpKses({'b': {}}) %></li>
133	<li><%= esc_html__('Number of subscribers is per MailPoet instance') %></li>
134	</ul>
135	</div>
136	</div>
137	</div>
138	<figcaption>
139	<p>
140	<% set allowedHtml = {'a': {'href': [], 'target': []}} %>
141	<%=
142	__('Compare full plan features and view more pricing options on [link]MailPoet.com[/link]')
143	\|replaceLinkTags('https://www.mailpoet.com/', {'target': '_blank'})
144	\|wpKses(allowedHtml)
145	%>
146	</p>
147	</figcaption>
148	</figure>
149	<div class="mailpoet-tiers-page-hero-section footer">
150	<div class="mailpoet-tiers-page-hero-section-questions">
151	<div class="mailpoet-tiers-page-hero-section-questions-content">
152	<h1 class="mailpoet-tiers-page-hero-section__title">
153	<%= esc_html__('Have questions?') %>
154	</h1>
155	<p>
156	<%= esc_html__('Visit our website to learn more about our plans.') %>
157	<% set allowedHtml = {'a': {'href': [], 'target': []}} %>
158	<%=
159	__('And if you’re not sure which plan is the right one for you, our [link]Customer Support team[/link] are on hand to help you decide.')
160	\|replaceLinkTags('https://www.mailpoet.com/support/sales-pre-sales-questions/?ref=plugin-upgrade-page', {'target': '_blank'})
161	\|wpKses(allowedHtml)
162	%>
163	</p>
164	</div>
165	<div class="mailpoet-tiers-page-hero-section-questions__actions">
166	<a target="_blank" href="https://account.mailpoet.com/" class="components-button is-secondary">
167	<%= esc_html__('Compare plans') %>
168	</a>
169	<a target="_blank" href="https://kb.mailpoet.com/article/223-licenses-and-sales" class="components-button is-link">
170	<%= esc_html__('Read FAQ') %>
171	</a>
172	</div>
173	</div>
174	<img src="<%= cdn_url('premium/6-hero.png') %>" alt="" />
175	</div>
176	</div>
177	<% endblock %>
178
179	<% block after_javascript %>
180	<script type="text/javascript">
181	MailPoet.trackEvent('Premium page viewed');
182
183	jQuery(function($) {
184	$('#pricing_duration').on('change', function() {
185	const billingValue = $(this).prop('checked') ? 'annual' : 'monthly';
186
187	$('.mailpoet-tiers-page a.mailpoet-premium-shop-link').each(function() {
188	let href = $(this).attr('href');
189	if (href) {
190	let newHref = href.replace(/([?&]billing=)[^&]*/, '$1' + billingValue);
191	$(this).attr('href', newHref);
192	}
193	});
194	});
195
196	$('.mailpoet-tiers-page a.mailpoet-premium-shop-link').on('click', function() {
197	MailPoet.trackEvent('Upgrade page CTA clicked');
198	});
199	});
200	</script>
201	<% endblock %>
202