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
|
<?php
/**
* Pro features meta box.
*
* @package WP_Smush
*
* @var string $upgrade_url Upgrade URL.
* @var string $upsell_url Upsell URL.
*/
if ( ! defined( 'WPINC' ) ) {
die;
}
?>
<ul class="smush-pro-features">
<div class="smush-pro-features-header">
<div>
<h2><?php esc_html_e( 'Optimize unlimited images with Smush Pro', 'wp-smushit' ); ?></h2>
<p class="sui-description"><?php esc_html_e( 'Get Smush Pro and bulk optimize every image you’ve ever added to your site with one-click and fix your Google PageSpeed with the best image optimizer WordPress has ever known. Upgrade to unlock all Pro features today!', 'wp-smushit' ); ?></p>
<div>
<a href="<?php echo esc_url( $upgrade_url ); ?>" target="_blank" class="sui-button sui-button-purple">
<?php esc_html_e( 'Try Pro for Free', 'wp-smushit' ); ?>
</a>
<div>
<button role="button" class="sui-button sui-button-ghost sui-button-purple" id="wistia-play-button">
<i class="sui-icon-play" aria-hidden="true"></i> <?php esc_html_e( 'Watch Video', 'wp-smushit' ); ?>
</button>
<small><?php esc_html_e( 'less than 2 minutes', 'wp-smushit' ); ?></small>
</div>
</div>
</div>
<span id="wistia_oegnwrdag1"></span>
<script>
document.addEventListener("DOMContentLoaded", function() {
var trigger = document.getElementById("wistia-play-button");
window.wistiaSmushEmbed = null;
window.wistiaInit = function(Wistia) {
window.wistiaSmushEmbed = Wistia.embed("oegnwrdag1", {
version: "v2",
videoWidth: 1280,
videoHeight: 720,
playerColor: "14485f",
videoQuality: "hd-only",
popover: true,
popoverPreventScroll: true,
popoverContent: 'html'
});
};
if (trigger) {
trigger.addEventListener("click", function(e) {
e.preventDefault();
if (window.wistiaSmushEmbed) {
window.wistiaSmushEmbed.play();
}
});
}
});
</script>
</div>
<div class="sui-description" style="margin-bottom: 20px">
<?php esc_html_e( 'Upgrading to Pro will get you the following benefits.', 'wp-smushit' ); ?>
</div>
<li class="smush-pro-feature-row">
<div class="smush-pro-feature-title">
<?php esc_html_e( 'Super-smush lossy compression', 'wp-smushit' ); ?></div>
<div class="smush-pro-feature-desc">
<?php
esc_html_e(
'Optimize images 2x more than regular smushing and with no visible loss in quality using Smush’s intelligent multi-pass lossy compression.',
'wp-smushit'
);
?>
</div>
</li>
<li class="smush-pro-feature-row">
<div class="smush-pro-feature-title">
<?php esc_html_e( 'Streamline your images with Smush CDN', 'wp-smushit' ); ?></div>
<div class="smush-pro-feature-desc">
<?php
esc_html_e(
'Serve your images from our CDN from 45 blazing fast servers around the world. Enable automatic image sizing and WebP support and your website will be absolute flying.',
'wp-smushit'
);
?>
</div>
</li>
<li class="smush-pro-feature-row">
<div class="smush-pro-feature-title">
<?php esc_html_e( 'Serve next-gen WebP images (without Smush CDN)', 'wp-smushit' ); ?></div>
<div class="smush-pro-feature-desc">
<?php
esc_html_e(
'Rather not use Smush CDN? Our standalone WebP feature allows you to serve next-gen images that are around 26% smaller than JPG and PNG formats. All without sacrificing image quality.',
'wp-smushit'
);
?>
</div>
</li>
<li class="smush-pro-feature-row">
<div class="smush-pro-feature-title">
<?php esc_html_e( 'Smush my original full size images', 'wp-smushit' ); ?></div>
<div class="smush-pro-feature-desc">
<?php
esc_html_e(
'By default, Smush only compresses thumbnails and image sizes generated by WordPress. With Smush Pro you can also smush your original images.',
'wp-smushit'
);
?>
</div>
</li>
<li class="smush-pro-feature-row">
<div class="smush-pro-feature-title">
<?php esc_html_e( 'Make a copy of my full size images', 'wp-smushit' ); ?></div>
<div class="smush-pro-feature-desc">
<?php
esc_html_e(
'Save copies the original full-size images you upload to your site so you can restore them at any point. Note: Activating this setting will double the size of the uploads folder where your site’s images are stored.',
'wp-smushit'
);
?>
</div>
</li>
<li class="smush-pro-feature-row">
<div class="smush-pro-feature-title">
<?php esc_html_e( 'Auto-convert PNGs to JPEGs (lossy)', 'wp-smushit' ); ?></div>
<div class="smush-pro-feature-desc">
<?php
esc_html_e(
'When you compress a PNG, Smush will check if converting it to JPEG could further reduce its size, and do so if necessary.',
'wp-smushit'
);
?>
</div>
</li>
<li class="smush-pro-feature-row">
<div class="smush-pro-feature-title">
<?php esc_html_e( 'NextGen Gallery Integration', 'wp-smushit' ); ?></div>
<div class="smush-pro-feature-desc">
<?php
esc_html_e(
'Allow smushing images directly through NextGen Gallery settings.',
'wp-smushit'
);
?>
</div>
</li>
<?php if ( class_exists( '\C_NextGEN_Bootstrap' ) ) : ?>
<li class="smush-pro-feature-row">
<div class="smush-pro-feature-title">
<?php esc_html_e( 'NextGen Gallery Integration', 'wp-smushit' ); ?></div>
<div class="smush-pro-feature-desc">
<?php
esc_html_e( 'Allow smushing images directly through NextGen Gallery settings.', 'wp-smushit' );
?>
</div>
</li>
<?php endif; ?>
</ul>
<div class="sui-upsell-row">
<img class="sui-image sui-upsell-image sui-upsell-image-smush" src="<?php echo esc_url( WP_SMUSH_URL . 'app/assets/images/smush-promo.png' ); ?>">
<div class="sui-notice sui-notice-purple smush-upsell-notice">
<div class="sui-notice-content">
<div class="sui-notice-message">
<i class="sui-notice-icon sui-icon-info sui-md" aria-hidden="true"></i>
<p>
<?php
esc_html_e(
'Smush Pro gives you all these extra settings and absolutely no limits on smushing your images. Did we mention Smush Pro also gives you up to 2x better compression too? Try it all free with a WPMU DEV membership today!',
'wp-smushit'
);
?>
</p>
<p>
<a href="<?php echo esc_url( $upsell_url ); ?>" class="sui-button sui-button-purple" target="_blank">
<?php esc_html_e( 'Learn More', 'wp-smushit' ); ?>
</a>
</p>
</div>
</div>
</div>
</div>
|