-
Notifications
You must be signed in to change notification settings - Fork 22
/
Copy pathpage-upgrade.html
346 lines (236 loc) · 14.7 KB
/
page-upgrade.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
---
layout: untitled
title: Upgrade Page
permalink: /upgrade/
id: upgrade
is_searchable: true
---
<!-- PAGE: Documentation -->
<div data-show="documentation">
<div class="sui-header" role="heading">
<h1 class="sui-header-title">Upgrade Page</h1>
</div>
<div class="sui-box">
<div class="sui-box-header">
<h2 class="sui-box-title">Documentation</h2>
<div class="sui-actions-right">
<button id="show-preview" class="sui-button sui-button-blue" data-show="preview">View Live Sample</button>
</div>
</div>
<div class="sui-box-body">
<p>This page will be applied linked from the free plugin sidebar menu.</p>
<h5 style="margin: 0;">SCSS Requirements</h5>
<div class="demo-code-block" style="margin-top: 15px;">
<pre class="sui-code-snippet scss">
/**
* Upgrade Page
* Insert the path to the image you want to display on this page banner.
*
* NOTE: This code must go on your SCSS file before you import shared-ui.
*/
$upgrade-image: 'image-path';
$upgrade-image-mobile: 'mobile-image-path';
</pre>
</div>
<h5 style="margin: 0;">JS Requirements</h5>
<div class="demo-code-block" style="margin-top: 15px;">
<pre class="sui-code-snippet js">
/**
* Upgrade Page
*
* This page uses "review.js" to dynamically update the reviews stats
* so you'll need to include this file.
*/
import '@wpmudev/review.js'; // To grab this file only
import '@wpmudev/shared-ui'; // To grab all SUI JS functions
</pre>
</div>
<h5 style="margin: 0;">Page Markup</h5>
<div class="demo-code-block" style="margin-top: 15px;">
<pre class="sui-code-snippet html" style="max-height: 400px;">
<!-- START: Upgrade Page -->
<div class="sui-upgrade-page">
<!-- ELEMENT: Page Header -->
<div class="sui-upgrade-page-header">
<div class="sui-upgrade-page__container">
<div class="sui-upgrade-page-header__content">
<h1>Upgrade to SmartCrawl Pro</h1>
<p>Get SmartCrawl Pro for our full WordPress search engine optimization suite, including scheduled SEO checkups and sitemap crawls, automatic linking, and white label reports for clients.</p>
<p>Plus – you'll get WPMU DEV membership, which includes our award winning Smush Pro plugin for image optimization, 24/7 live WordPress support, and unlimited usage of all our premium plugins.</p>
<button type="button" class="sui-button sui-button-lg sui-button-purple">Try SmartCrawl Pro for Free Today</button>
<div class="sui-reviews">
<span class="sui-reviews__stars"></span>
<div class="sui-reviews__rating"><span class="sui-reviews-rating">-</span> / 5.0 rating from <span class="sui-reviews-customer-count">-</span> customers</div>
<a class="sui-reviews__link" href="https://www.reviews.io/company-reviews/store/wpmudev-org" target="_blank">Reviews.io<span class="sui-icon-arrow-right" aria-hidden="true"></span></a>
</div>
</div>
<div class="sui-upgrade-page-header__image"></div>
</div>
</div>
<!-- ELEMENT: Page Features -->
<div class="sui-upgrade-page-features">
<div class="sui-upgrade-page-features__header">
<h2>Pro Features</h2>
<p>Upgrading to Pro will get you the following benefits.</p>
</div>
</div>
<div class="sui-upgrade-page__container">
<div class="sui-upgrade-page-features__items">
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-info" aria-hidden="true"></span>
<h3>Scheduled SEO Checkups & Sitemap Crawls</h3>
<p>Set up SmartCrawl to automatically run a comprehensive SEO Checkup daily, weekly or monthly and receive an email report to as many recipients as you like. Keep on top of issues and set yourself up for SEO success.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-info" aria-hidden="true"></span>
<h3>Automatic linking</h3>
<p>Configure SmartCrawl to automatically link certain key words to a page on your blog or even a whole new site all together. Internal linking can help boost SEO but giving search engines ample ways to index your site.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-graph-bar" aria-hidden="true"></span>
<h3>White label automated reporting</h3>
<p>You'll get automated email reporting of your site's overall performance (or if you have a multisite network, we've still got you covered!). You can even white label this for your clients, and have the reports sent straight to them. You're informed and look great, and we do the work for you.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-smush" aria-hidden="true"></span>
<h3>Smush Pro for the best image optimization</h3>
<p>Hummingbird Pro + Smush Pro gives you the fastest possible WordPress site: Hummingbird’s performance optimization + Smush’s award-winning image optimization. It’s a powerful combination which your visitors, customers, and search engines will love.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-gdpr" aria-hidden="true"></span>
<h3>Premium WordPress plugins</h3>
<p>You’ll get our full suite of premium WordPress plugins, making sure from Security to Backups to Marketing and SEO you’ve got all the WordPress solutions you can possible need. You get unlimited usage on unlimited sites, and can join the millions using our plugins.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-hub" aria-hidden="true"></span>
<h3>Manage unlimited WordPress sites</h3>
<p>You can manage unlimited WordPress sites with automated updates, backups, security, and performance! – checks, all in one place. All of this can be white labeled for your clients, and you even get our 24/7 live WordPress support.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-help-support" aria-hidden="true"></span>
<h3>24/7 live WordPress support</h3>
<p>We can’t stress this enough: our outstanding WordPress support is available with live chat 24/7, and we’ll help you with absolutely any WordPress issue – not just our products. It’s an expert WordPress team on call for you, whenever you need them.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-wpmudev-logo" aria-hidden="true"></span>
<h3>The WPMU DEV Guarantee</h3>
<p>You'll be delighted with Hummingbird Pro 😁 You can trial the plugin first with a WPMU DEV Membership, and if you continue but change your mind, you can cancel any time.</p>
</div>
</div>
</div>
<!-- ELEMENT: Call To Action -->
<div class="sui-upgrade-page-cta">
<div class="sui-upgrade-page-cta__inner">
<h2>Join 752,819 Happy Members</h2>
<p>97% of customers are happy with WPMU DEV's service, and it’s a great time to join them: as a SmartCrawl user you’ll get a free trial period, so you can see what all the fuss is about.</p>
<button type="button" class="sui-button sui-button-lg sui-button-purple">Get SmartCrawl Pro, and get a better WordPress</button>
<button type="button" class="sui-button sui-button-lg sui-button-purple sui-hidden-desktop">Get Hummingbird Pro</button>
<a href="https://premium.wpmudev.org/#trial" target="_blank">Try Pro for Free Today</a>
</div>
</div>
</div>
<!-- END: Upgrade Page -->
</pre>
</div>
<!-- ROW: Specifications -->
<div
id="showcase-specs"
version="2.3.25"
utilities="false"
utilities-page="{{ site.baseurl }}/utilities/"
monochrome="false"
rtl-lang="true"
single-column
></div>
</div>
</div>
</div>
<!-- PAGE: Preview -->
<div data-show="preview" style="display: none;">
<!-- START: Upgrade Page -->
<div class="sui-upgrade-page">
<!-- ELEMENT: Page Header -->
<div class="sui-upgrade-page-header">
<div class="sui-upgrade-page__container">
<div class="sui-upgrade-page-header__content">
<h1>Upgrade to SmartCrawl Pro</h1>
<p>Get SmartCrawl Pro for our full WordPress search engine optimization suite, including scheduled SEO checkups and sitemap crawls, automatic linking, and white label reports for clients.</p>
<p>Plus – you'll get WPMU DEV membership, which includes our award winning Smush Pro plugin for image optimization, 24/7 live WordPress support, and unlimited usage of all our premium plugins.</p>
<button type="button" class="sui-button sui-button-lg sui-button-purple">Try SmartCrawl Pro for Free Today</button>
<div class="sui-reviews">
<span class="sui-reviews__stars"></span>
<div class="sui-reviews__rating"><span class="sui-reviews-rating">-</span> / 5.0 rating from <span class="sui-reviews-customer-count">-</span> customers</div>
<a class="sui-reviews__link" href="https://www.reviews.io/company-reviews/store/wpmudev-org" target="_blank">Reviews.io<span class="sui-icon-arrow-right" aria-hidden="true"></span></a>
</div>
</div>
<div class="sui-upgrade-page-header__image"></div>
</div>
</div>
<!-- ELEMENT: Page Features -->
<div class="sui-upgrade-page-features">
<div class="sui-upgrade-page-features__header">
<h2>Pro Features</h2>
<p>Upgrading to Pro will get you the following benefits.</p>
</div>
</div>
<div class="sui-upgrade-page__container">
<div class="sui-upgrade-page-features__items">
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-info" aria-hidden="true"></span>
<h3>Scheduled SEO Checkups & Sitemap Crawls</h3>
<p>Set up SmartCrawl to automatically run a comprehensive SEO Checkup daily, weekly or monthly and receive an email report to as many recipients as you like. Keep on top of issues and set yourself up for SEO success.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-info" aria-hidden="true"></span>
<h3>Automatic linking</h3>
<p>Configure SmartCrawl to automatically link certain key words to a page on your blog or even a whole new site all together. Internal linking can help boost SEO but giving search engines ample ways to index your site.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-graph-bar" aria-hidden="true"></span>
<h3>White label automated reporting</h3>
<p>You'll get automated email reporting of your site's overall performance (or if you have a multisite network, we've still got you covered!). You can even white label this for your clients, and have the reports sent straight to them. You're informed and look great, and we do the work for you.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-smush" aria-hidden="true"></span>
<h3>Smush Pro for the best image optimization</h3>
<p>Hummingbird Pro + Smush Pro gives you the fastest possible WordPress site: Hummingbird’s performance optimization + Smush’s award-winning image optimization. It’s a powerful combination which your visitors, customers, and search engines will love.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-gdpr" aria-hidden="true"></span>
<h3>Premium WordPress plugins</h3>
<p>You’ll get our full suite of premium WordPress plugins, making sure from Security to Backups to Marketing and SEO you’ve got all the WordPress solutions you can possible need. You get unlimited usage on unlimited sites, and can join the millions using our plugins.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-hub" aria-hidden="true"></span>
<h3>Manage unlimited WordPress sites</h3>
<p>You can manage unlimited WordPress sites with automated updates, backups, security, and performance! – checks, all in one place. All of this can be white labeled for your clients, and you even get our 24/7 live WordPress support.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-help-support" aria-hidden="true"></span>
<h3>24/7 live WordPress support</h3>
<p>We can’t stress this enough: our outstanding WordPress support is available with live chat 24/7, and we’ll help you with absolutely any WordPress issue – not just our products. It’s an expert WordPress team on call for you, whenever you need them.</p>
</div>
<div class="sui-upgrade-page-features__item">
<span class="sui-icon-wpmudev-logo" aria-hidden="true"></span>
<h3>The WPMU DEV Guarantee</h3>
<p>You'll be delighted with Hummingbird Pro 😁 You can trial the plugin first with a WPMU DEV Membership, and if you continue but change your mind, you can cancel any time.</p>
</div>
</div>
</div>
<!-- ELEMENT: Call To Action -->
<div class="sui-upgrade-page-cta">
<div class="sui-upgrade-page-cta__inner">
<h2>Join 752,819 Happy Members</h2>
<p>97% of customers are happy with WPMU DEV's service, and it’s a great time to join them: as a SmartCrawl user you’ll get a free trial period, so you can see what all the fuss is about.</p>
<button type="button" class="sui-button sui-button-lg sui-button-purple">Get SmartCrawl Pro, and get a better WordPress</button>
<button type="button" class="sui-button sui-button-lg sui-button-purple sui-hidden-desktop">Get Hummingbird Pro</button>
<a href="https://premium.wpmudev.org/#trial" target="_blank">Try Pro for Free Today</a>
</div>
</div>
</div>
<!-- END: Upgrade Page -->
<!-- END: Upgrade Page -->
<div style="text-align: center;">
<button id="documentation" class="sui-button sui-button-blue" data-show="documentation">Show Documentation</button>
</div>
</div>