PluginProbe
Visualizer – Tables & Charts Manager with Built-in AI Generator / 3.10.7
Visualizer – Tables & Charts Manager with Built-in AI Generator v3.10.7
4.0.8 4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.1 3.1.2 3.1.3 3.10.0 3.10.1 3.10.10 3.10.11 3.10.12 3.10.13 3.10.14 3.10.15 3.10.2 3.10.3 All 149 releases
← All changes | templates/setup-wizard.php +187 -354 4.0.5 → 3.10.7 View file →
@@ -14,17 +14,10 @@
14 14 admin_url( 'admin.php' )
15 15 );
16 16
17 17 $chart_id = ! empty( $this->wizard_data['chart_id'] ) ? (int) $this->wizard_data['chart_id'] : '';
18 -$chart_type_default = ! empty( $this->wizard_data['chart_type'] ) ? $this->wizard_data['chart_type'] : 'pie';
19 18 $wp_optimole_active = is_plugin_active( 'optimole-wp/optimole-wp.php' );
20 -$wp_otter_active = is_plugin_active( 'otter-blocks/otter-blocks.php' );
21 -$wp_spc_active = is_plugin_active( 'wp-cloudflare-page-cache/wp-cloudflare-super-page-cache.php' );
22 -$last_step_number = 3;
23 -
24 -// Check if we are in the Live Preview which is used to showcase only the plugin features without any other distractions. Ideal for marketing purposes (like Live Preview on WordPress.org or on the plugin's website)
25 -$is_live_preview = ! empty( $_GET['env'] ) ? ( 'preview' === sanitize_key( $_GET['env'] ) ) : false;
26 -
19 +$last_step_number = 5;
27 20 ?>
28 21 <div class="vz-wizard-wrap vz-wrap">
29 22 <div class="vz-header--small">
30 23 <div class="container">
@@ -29,15 +22,16 @@
29 22 <div class="vz-header--small">
30 23 <div class="container">
31 24 <div class="vz-logo">
32 25 <div class="vz-logo-icon">
33 - <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/visualizer-logo.svg' ); ?>" width="136" height="54" alt="">
26 + <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/visualizer-logo.svg' ); ?>" width="136" height="54"
27 + alt="">
34 28 </div>
35 29 </div>
36 30 <div class="back-btn">
37 - <a href="<?php echo esc_url( $dashboard_url ); ?>" class="btn-link">
38 - <span class="dashicons dashicons-arrow-left-alt"></span><?php esc_html_e( 'Go to dashboard', 'visualizer' ); ?>
39 - </a>
31 + <a href="<?php echo esc_url( $dashboard_url ); ?>" class="btn-link"><span
32 + class="dashicons dashicons-arrow-left-alt"></span>
33 + <?php esc_html_e( 'Go to dashboard', 'visualizer' ); ?></a>
40 34 </div>
41 35 </div>
42 36 </div>
43 37 <div class="container">
@@ -53,15 +47,32 @@
53 47 <a class="nav-link" href="#step-2">
54 48 2
55 49 </a>
56 50 </li>
57 - <?php if ( ! $is_live_preview ) { ?>
51 + <li class="nav-item">
52 + <a class="nav-link" href="#step-3">
53 + 3
54 + </a>
55 + </li>
56 + <?php if ( ! $wp_optimole_active ) : ?>
58 57 <li class="nav-item">
59 - <a class="nav-link" href="#step-3">
60 - 3
58 + <a class="nav-link" href="#step-4">
59 + 4
61 60 </a>
62 61 </li>
63 - <?php } ?>
62 + <li class="nav-item">
63 + <a class="nav-link" href="#step-5">
64 + 5
65 + </a>
66 + </li>
67 + <?php else : ?>
68 + <?php $last_step_number = 4; ?>
69 + <li class="nav-item">
70 + <a class="nav-link" href="#step-4">
71 + 4
72 + </a>
73 + </li>
74 + <?php endif; ?>
64 75 </ul>
65 76 <div class="tab-content">
66 77 <div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
67 78 <div class="vz-accordion-item">
@@ -67,11 +78,11 @@
67 78 <div class="vz-accordion-item">
68 79 <div class="vz-accordion-item__title">
69 80 <div class="vz-accordion-item__button">
70 81 <h2 class="h2 pb-8">
71 - <?php esc_html_e( 'Select a chart from the options available below', 'visualizer' ); ?></h2>
82 + <?php esc_html_e( 'Select chart from the below available options', 'visualizer' ); ?></h2>
72 83 <p class="p">
73 - <?php esc_html_e( 'Pro tip: Keep your requirements in mind and choose the best chart to meet them.', 'visualizer' ); ?>
84 + <?php esc_html_e( 'Pro tip: Keep your requirements in mind and select best chart for it', 'visualizer' ); ?>
74 85 </p>
75 86 </div>
76 87 </div>
77 88 <div class="vz-accordion-item__content border-top">
@@ -80,9 +91,9 @@
80 91 <div class="vz-chart-list">
81 92 <ul>
82 93 <li>
83 94 <label class="vz-chart-option" for="vz-chart-1">
84 - <input type="radio" class="vz-radio-btn" id="vz-chart-1" name="visualizer[wizard_data][chart_type]" value="pie" <?php echo checked( $chart_type_default, 'pie', false ); ?>>
95 + <input type="radio" class="vz-radio-btn" id="vz-chart-1" name="visualizer[wizard_data][chart_type]" value="pie">
85 96 <h3 class="h3"><?php esc_html_e( 'Pie/Donut chart', 'visualizer' ); ?></h3>
86 97 <div class="img type-box-pie"></div>
87 98 <div class="bg"></div>
88 99 </label>
@@ -88,9 +99,9 @@
88 99 </label>
89 100 </li>
90 101 <li>
91 102 <label class="vz-chart-option" for="vz-chart-2">
92 - <input type="radio" class="vz-radio-btn" id="vz-chart-2" name="visualizer[wizard_data][chart_type]" value="bar" <?php echo checked( $chart_type_default, 'bar', false ); ?>>
103 + <input type="radio" class="vz-radio-btn" id="vz-chart-2" name="visualizer[wizard_data][chart_type]" value="bar">
93 104 <h3 class="h3"><?php esc_html_e( 'Bar chart', 'visualizer' ); ?></h3>
94 105 <div class="img type-box-bar"></div>
95 106 <div class="bg"></div>
96 107 </label>
@@ -96,9 +107,9 @@
96 107 </label>
97 108 </li>
98 109 <li>
99 110 <label class="vz-chart-option" for="vz-chart-3">
100 - <input type="radio" class="vz-radio-btn" id="vz-chart-3" name="visualizer[wizard_data][chart_type]" value="line" <?php echo checked( $chart_type_default, 'line', false ); ?>>
111 + <input type="radio" class="vz-radio-btn" id="vz-chart-3" name="visualizer[wizard_data][chart_type]" value="line">
101 112 <h3 class="h3"><?php esc_html_e( 'Line chart', 'visualizer' ); ?></h3>
102 113 <div class="img type-box-line"></div>
103 114 <div class="bg"></div>
104 115 </label>
@@ -104,9 +115,9 @@
104 115 </label>
105 116 </li>
106 117 <li>
107 118 <label class="vz-chart-option" for="vz-chart-4">
108 - <input type="radio" class="vz-radio-btn" id="vz-chart-4" name="visualizer[wizard_data][chart_type]" value="tabular" <?php echo checked( $chart_type_default, 'tabular', false ); ?>>
119 + <input type="radio" class="vz-radio-btn" id="vz-chart-4" name="visualizer[wizard_data][chart_type]" value="tabular">
109 120 <h3 class="h3"><?php esc_html_e( 'Table', 'visualizer' ); ?></h3>
110 121 <div class="img type-box-tabular"></div>
111 122 <div class="bg"></div>
112 123 </label>
@@ -116,9 +127,9 @@
116 127 <label class="vz-chart-option">
117 128 <input type="radio" class="vz-radio-btn" id="vz-chart-5" readonly>
118 129 <div class="vz-pro-label-wrap">
119 130 <h3><?php esc_html_e( 'Geo chart', 'visualizer' ); ?></h3>
120 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
131 + <span class="pro-label"><?php esc_html_e( 'PRO', 'visualizer' ); ?></span>
121 132 </div>
122 133 <div class="img type-box-geo"></div>
123 134 <div class="bg"></div>
124 135 </label>
@@ -130,210 +141,27 @@
130 141 </div>
131 142 </div>
132 143 </li>
133 144 <li>
134 - <div class="vz-pro-option">
135 - <label class="vz-chart-option">
136 - <input type="radio" class="vz-radio-btn" id="vz-chart-6" readonly>
137 - <div class="vz-pro-label-wrap">
138 - <h3><?php esc_html_e( 'Area chart', 'visualizer' ); ?></h3>
139 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
140 - </div>
141 - <div class="img type-box-area"></div>
142 - <div class="bg"></div>
143 - </label>
144 - <div class="pro-overlay">
145 - <div class="pro-box">
146 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
147 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
148 - </div>
149 - </div>
145 + <div class="vz-power-pro">
146 + <h3 class="h3"><?php esc_html_e( 'Discover the power of PRO!', 'visualizer' ); ?></h3>
147 + <ul>
148 + <li><?php esc_html_e( '11 more chart types', 'visualizer' ); ?></li>
149 + <li><?php esc_html_e( 'Private charts', 'visualizer' ); ?></li>
150 + <li><?php esc_html_e( 'Auto-sync with online files', 'visualizer' ); ?></li>
151 + <li>
152 + <?php esc_html_e( 'Frontend Actions(Print, Export, Copy, Download', 'visualizer' ); ?>)
153 + </li>
154 + <li><?php esc_html_e( 'Create charts from WordPress tables', 'visualizer' ); ?></li>
155 + </ul>
156 + <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>" class="btn btn-secondary" target="_blank"><?php esc_html_e( 'View more features', 'visualizer' ); ?></a>
150 157 </div>
151 158 </li>
152 - <li>
153 - <div class="vz-pro-option">
154 - <label class="vz-chart-option">
155 - <input type="radio" class="vz-radio-btn" id="vz-chart-7" readonly>
156 - <div class="vz-pro-label-wrap">
157 - <h3><?php esc_html_e( 'Column chart', 'visualizer' ); ?></h3>
158 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
159 - </div>
160 - <div class="img type-box-column"></div>
161 - <div class="bg"></div>
162 - </label>
163 - <div class="pro-overlay">
164 - <div class="pro-box">
165 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
166 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
167 - </div>
168 - </div>
169 - </div>
170 - </li>
171 - <li>
172 - <div class="vz-pro-option">
173 - <label class="vz-chart-option">
174 - <input type="radio" class="vz-radio-btn" id="vz-chart-8" readonly>
175 - <div class="vz-pro-label-wrap">
176 - <h3><?php esc_html_e( 'Bubble chart', 'visualizer' ); ?></h3>
177 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
178 - </div>
179 - <div class="img type-box-bubble"></div>
180 - <div class="bg"></div>
181 - </label>
182 - <div class="pro-overlay">
183 - <div class="pro-box">
184 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
185 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
186 - </div>
187 - </div>
188 - </div>
189 - </li>
190 - <li>
191 - <div class="vz-pro-option">
192 - <label class="vz-chart-option">
193 - <input type="radio" class="vz-radio-btn" id="vz-chart-9" readonly>
194 - <div class="vz-pro-label-wrap">
195 - <h3><?php esc_html_e( 'Scatter chart', 'visualizer' ); ?></h3>
196 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
197 - </div>
198 - <div class="img type-box-scatter"></div>
199 - <div class="bg"></div>
200 - </label>
201 - <div class="pro-overlay">
202 - <div class="pro-box">
203 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
204 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
205 - </div>
206 - </div>
207 - </div>
208 - </li>
209 - <li>
210 - <div class="vz-pro-option">
211 - <label class="vz-chart-option">
212 - <input type="radio" class="vz-radio-btn" id="vz-chart-10" readonly>
213 - <div class="vz-pro-label-wrap">
214 - <h3><?php esc_html_e( 'Gauge chart', 'visualizer' ); ?></h3>
215 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
216 - </div>
217 - <div class="img type-box-gauge"></div>
218 - <div class="bg"></div>
219 - </label>
220 - <div class="pro-overlay">
221 - <div class="pro-box">
222 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
223 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
224 - </div>
225 - </div>
226 - </div>
227 - </li>
228 - <li>
229 - <div class="vz-pro-option">
230 - <label class="vz-chart-option">
231 - <input type="radio" class="vz-radio-btn" id="vz-chart-11" readonly>
232 - <div class="vz-pro-label-wrap">
233 - <h3><?php esc_html_e( 'Candlestick chart', 'visualizer' ); ?></h3>
234 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
235 - </div>
236 - <div class="img type-box-candlestick"></div>
237 - <div class="bg"></div>
238 - </label>
239 - <div class="pro-overlay">
240 - <div class="pro-box">
241 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
242 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
243 - </div>
244 - </div>
245 - </div>
246 - </li>
247 - <li>
248 - <div class="vz-pro-option">
249 - <label class="vz-chart-option">
250 - <input type="radio" class="vz-radio-btn" id="vz-chart-12" readonly>
251 - <div class="vz-pro-label-wrap">
252 - <h3><?php esc_html_e( 'Timeline', 'visualizer' ); ?></h3>
253 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
254 - </div>
255 - <div class="img type-box-timeline"></div>
256 - <div class="bg"></div>
257 - </label>
258 - <div class="pro-overlay">
259 - <div class="pro-box">
260 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
261 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
262 - </div>
263 - </div>
264 - </div>
265 - </li>
266 - <li>
267 - <div class="vz-pro-option">
268 - <label class="vz-chart-option">
269 - <input type="radio" class="vz-radio-btn" id="vz-chart-13" readonly>
270 - <div class="vz-pro-label-wrap">
271 - <h3><?php esc_html_e( 'Combo', 'visualizer' ); ?></h3>
272 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
273 - </div>
274 - <div class="img type-box-combo"></div>
275 - <div class="bg"></div>
276 - </label>
277 - <div class="pro-overlay">
278 - <div class="pro-box">
279 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
280 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
281 - </div>
282 - </div>
283 - </div>
284 - </li>
285 - <li>
286 - <div class="vz-pro-option">
287 - <label class="vz-chart-option">
288 - <input type="radio" class="vz-radio-btn" id="vz-chart-14" readonly>
289 - <div class="vz-pro-label-wrap">
290 - <h3><?php esc_html_e( 'Polar Area', 'visualizer' ); ?></h3>
291 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
292 - </div>
293 - <div class="img type-box-polarArea"></div>
294 - <div class="bg"></div>
295 - </label>
296 - <div class="pro-overlay">
297 - <div class="pro-box">
298 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
299 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
300 - </div>
301 - </div>
302 - </div>
303 - </li>
304 - <li>
305 - <div class="vz-pro-option">
306 - <label class="vz-chart-option">
307 - <input type="radio" class="vz-radio-btn" id="vz-chart-15" readonly>
308 - <div class="vz-pro-label-wrap">
309 - <h3><?php esc_html_e( 'Radar', 'visualizer' ); ?></h3>
310 - <span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
311 - </div>
312 - <div class="img type-box-radar"></div>
313 - <div class="bg"></div>
314 - </label>
315 - <div class="pro-overlay">
316 - <div class="pro-box">
317 - <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
318 - class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
319 - </div>
320 - </div>
321 - </div>
322 - </li>
323 159 </ul>
324 160 </div>
325 161 </div>
326 162 <div class="form-block">
327 163 <button class="btn btn-primary disabled" data-step_number="1"><?php esc_html_e( 'Save And Continue', 'visualizer' ); ?> <span class="dashicons dashicons-arrow-right-alt"></span></button>
328 - <span class="spinner"></span>
329 - <div class="vz-import-status" style="display: none;">
330 - <div class="vz-error-notice notice notice-error hidden"></div>
331 - <p class="p pb-8" data-import_message="<?php esc_attr_e( 'Done! Demo data has been successfully imported.', 'visualizer' ); ?>" data-import_initial="<?php esc_attr_e( 'Importing demo data for your selected chart...', 'visualizer' ); ?>"><?php esc_html_e( 'Importing demo data for your selected chart...', 'visualizer' ); ?></p>
332 - <div class="vz-progress">
333 - <div class="vz-progress-bar"></div>
334 - </div>
335 - </div>
336 164 </div>
337 165 </div>
338 166 </div>
339 167 </div>
@@ -341,47 +169,84 @@
341 169 <div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
342 170 <div class="vz-accordion-item">
343 171 <div class="vz-accordion-item__title">
344 172 <div class="vz-accordion-item__button">
345 - <h2 class="h2 pb-8"><?php esc_html_e( 'Insert a chart into the draft page', 'visualizer' ); ?></h2>
346 - <p class="p"><?php esc_html_e( 'Create a draft page featuring a Visualizer chart with just one click.', 'visualizer' ); ?></p>
173 + <h2 class="h2 pb-8"><?php esc_html_e( 'You\'re almost done!', 'visualizer' ); ?></h2>
174 + <p class="p"><?php esc_html_e( 'We use demo data during the import process, don&#x92;t worry you can customize it later', 'visualizer' ); ?></p>
347 175 </div>
176 + <div class="vz-progress">
177 + <div class="vz-progress-bar" style="width: 100%;"></div>
178 + </div>
348 179 </div>
349 - <div class="vz-accordion-item__content border-top">
180 + <div class="vz-accordion-item__content">
350 181 <div class="vz-form-wrap">
351 182 <div class="form-block">
352 - <div class="vz-accordion-item vz-features-accordion mb-0">
183 + <div class="vz-error-notice notice notice-error hidden"></div>
184 + <div class="pb-30">
353 185 <div class="vz-shortcode-preview-box">
354 - <div class="vz-accordion-item__title vz-accordion-checkbox__title vz-accordion-title--static">
355 - <div class="vz-checkbox">
356 - <input type="checkbox" class="vz-checkbox-btn" id="insert_shortcode" checked <?php echo $is_live_preview ? 'disabled' : ''; ?>>
186 + <div class="vz-shortcode-preview-title border-0">
187 + <div class="icon">
188 + <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/database-icon.png' ); ?>" alt="">
357 189 </div>
358 - <div>
359 - <div class="vz-accordion__step-title h4 pb-4"><?php esc_html_e( 'Create a draft page', 'visualizer' ); ?></div>
360 - <p class="help-text"><?php esc_html_e( 'We will automatically create a draft page with Visualizer chart for preview', 'visualizer' ); ?></p>
190 + <div class="txt">
191 + <h4 class="h4 pb-4"><?php esc_html_e( 'Importing demo data', 'visualizer' ); ?></h4>
192 + <p class="p" data-import_message="<?php esc_attr_e( 'Done! Demo data imported successfully', 'visualizer' ); ?>"><?php esc_html_e( 'Hold on! we are importing demo data for your selected chart', 'visualizer' ); ?></p>
361 193 </div>
362 194 </div>
363 - <div class="vz-accordion-item__content vz-accordion-content--static">
364 - <div class="vz-shortcode-preview-content">
365 - <?php $shortcode = '[visualizer id="{{chart_id}}" class=""]'; ?>
366 - <?php if ( $is_live_preview ) { ?>
367 - <p class="pb-16"><?php esc_html_e( 'Charts are added in the page/post via Gutenberg Blocks.', 'visualizer' ); ?></p>
368 - <p class="pb-16"><?php esc_html_e( 'Alternatively, you can use a shortcode with the following structure:', 'visualizer' ); ?></p>
369 - <?php } else { ?>
370 - <h4 class="h4 pb-16"><?php esc_html_e( 'Chart preview', 'visualizer' ); ?></h4>
371 - <div class="vz-chart pb-30">
372 - <?php
373 - if ( ! empty( $_GET['preview_chart'] ) ) {
374 - $shortcode = str_replace( '{{chart_id}}', $chart_id, $shortcode );
375 - echo do_shortcode( $shortcode );
376 - }
377 - ?>
195 + </div>
196 + </div>
197 + <p class="help-text help-text-primary pb-16"><?php esc_html_e( 'Import data from other Charts, WordPress, DataBase, or Manual Data with Visualizer', 'visualizer' ); ?> <a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>" target="_blank"><?php esc_html_e( 'Premium version', 'visualizer' ); ?></a></p>
198 + </div>
199 + <div class="form-block"><button class="btn btn-primary disabled" data-step_number="3"><?php esc_html_e( 'Continue', 'visualizer' ); ?> <span class="dashicons dashicons-arrow-right-alt"></span></button>
200 + </div>
201 + </div>
202 + </div>
203 + </div>
204 + </div>
205 + <div id="step-3" class="tab-pane" role="tabpanel" aria-labelledby="step-3">
206 + <div class="vz-accordion-item">
207 + <div class="vz-accordion-item__title">
208 + <div class="vz-accordion-item__button">
209 + <h2 class="h2 pb-8"><?php esc_html_e( 'Insert chart into the draft page', 'visualizer' ); ?></h2>
210 + <p class="p"><?php esc_html_e( 'Create a draft page with a Visualizer chart with just one click', 'visualizer' ); ?></p>
211 + </div>
212 + </div>
213 + <div class="vz-accordion-item__content border-top">
214 + <div class="vz-form-wrap">
215 + <div class="form-block">
216 + <div class="vz-accordion">
217 + <div class="vz-accordion-item vz-features-accordion mb-0">
218 + <div class="vz-shortcode-preview-box">
219 + <div class="vz-accordion-item__title vz-accordion-checkbox__title">
220 + <div class="vz-checkbox">
221 + <input type="checkbox" class="vz-checkbox-btn" id="insert_shortcode" checked>
222 + </div>
223 + <button type="button" class="vz-accordion-item__button">
224 + <div class="vz-accordion__step-title h4 pb-4"><?php esc_html_e( 'Create a draft page', 'visualizer' ); ?></div>
225 + <p class="help-text"><?php esc_html_e( 'We will automatically create a draft page with Visualizer chart for preview', 'visualizer' ); ?></p>
226 + <div class="vz-accordion__icon"><span class="dashicons dashicons-arrow-down-alt2"></span>
378 227 </div>
379 - <?php } ?>
380 - <div class="vz-code-box">
381 - <input type="text" id="basic_shortcode" value="<?php echo esc_attr( $shortcode ); ?>" readonly>
382 - <button type="button" class="vz-copy-code-btn" data-clipboard-target="#basic_shortcode"><?php esc_html_e( 'click to copy', 'visualizer' ); ?> <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/copy.svg' ); ?>" alt="">
383 - </button>
228 + </button>
229 + </div>
230 + <div class="vz-accordion-item__content">
231 + <div class="vz-shortcode-preview-content">
232 + <div class="vz-shortcode-preview">
233 + <h4 class="h4 pb-16"><?php esc_html_e( 'Chart preview', 'visualizer' ); ?></h4>
234 + <div class="vz-chart pb-30">
235 + <?php
236 + $shortcode = '[visualizer id="{{chart_id}}" lazy="" class=""]';
237 + if ( ! empty( $_GET['preview_chart'] ) ) {
238 + $shortcode = str_replace( '{{chart_id}}', $chart_id, $shortcode );
239 + echo do_shortcode( $shortcode );
240 + }
241 + ?>
242 + </div>
243 + <div class="vz-code-box">
244 + <input type="text" id="basic_shortcode" value="<?php echo esc_attr( $shortcode ); ?>" redonly>
245 + <button type="button" class="vz-copy-code-btn" data-clipboard-target="#basic_shortcode"><?php esc_html_e( 'click to copy', 'visualizer' ); ?> <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/copy.svg' ); ?>" alt="">
246 + </button>
247 + </div>
248 + </div>
384 249 </div>
385 250 </div>
386 251 </div>
387 252 </div>
@@ -394,128 +259,96 @@
394 259 </div>
395 260 </div>
396 261 </div>
397 262 </div>
398 - <?php if ( ! $is_live_preview ) { ?>
399 - <div id="step-<?php echo esc_attr( $last_step_number ); ?>" class="tab-pane" role="tabpanel" aria-labelledby="step-<?php echo esc_attr( $last_step_number ); ?>">
400 - <div class="vz-accordion-item">
401 - <div class="vz-accordion-item__title">
402 - <div class="vz-accordion-item__button">
403 - <h2 class="h2 pb-8"><?php esc_html_e( 'You\'re all set!', 'visualizer' ); ?></h2>
404 - <p class="p"><?php esc_html_e( 'Optionally enhance your site and stay updated.', 'visualizer' ); ?></p>
405 - </div>
263 + <?php if ( ! $wp_optimole_active ) : ?>
264 + <div id="step-4" class="tab-pane" role="tabpanel" aria-labelledby="step-4">
265 + <div class="vz-accordion-item">
266 + <div class="vz-accordion-item__title">
267 + <div class="vz-accordion-item__button">
268 + <h2 class="h2 pb-8"><?php esc_html_e( 'Extra Features', 'visualizer' ); ?></h2>
269 + <p class="p"><?php esc_html_e( 'We\'re confident you\'ll see the improvements. Otherwise, you can remove it anytime', 'visualizer' ); ?></p>
406 270 </div>
407 - <div class="vz-accordion-item__content border-top">
408 - <div class="vz-form-wrap">
409 - <div class="form-block no-sep vz-final-block">
410 - <div class="vz-error-notice notice notice-error hidden"></div>
411 - <div class="vz-final-options">
412 - <div class="vz-option-card">
413 - <label class="vz-option-check">
414 - <input type="checkbox" id="enable_performance" <?php echo $wp_optimole_active ? 'checked disabled' : 'checked'; ?>>
415 - </label>
416 - <div class="vz-option-icon">
417 - <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/boost-logo.png' ); ?>" width="37" height="30" alt="">
271 + </div>
272 + <div class="vz-accordion-item__content border-top">
273 + <div class="vz-form-wrap">
274 + <div class="form-block">
275 + <div class="vz-error-notice notice notice-error hidden"></div>
276 + <div class="vz-accordion">
277 + <div class="vz-accordion-item vz-features-accordion mb-0">
278 + <div class="vz-accordion-item__title vz-accordion-checkbox__title">
279 + <div class="vz-checkbox">
280 + <input type="checkbox" class="vz-checkbox-btn" checked>
418 281 </div>
419 - <div class="vz-option-body">
420 - <div class="vz-option-title">
421 - <?php esc_html_e( 'Boost your website speed', 'visualizer' ); ?>
422 - <span class="pro-label free-label"><?php esc_html_e( 'Free', 'visualizer' ); ?></span>
282 + <button type="button" class="vz-accordion-item__button">
283 + <div class="vz-accordion__step-title h4 pb-4"><?php esc_html_e( 'Enable perfomance features for your website.', 'visualizer' ); ?></div>
284 + <p class="help-text"><?php esc_html_e( 'Optimise and speed up your site with our trusted addon - It&#x92;s Free', 'visualizer' ); ?></p>
285 + <div class="vz-accordion__icon"><span class="dashicons dashicons-arrow-down-alt2"></span>
423 286 </div>
424 - <p class="help-text">
425 - <?php
426 - if ( $wp_optimole_active ) {
427 - esc_html_e( 'Optimole is already active on your site.', 'visualizer' );
428 - } else {
429 - esc_html_e( 'Improve your website speed and images by 80% with Optimole.', 'visualizer' );
430 - }
431 - ?>
432 - </p>
433 - </div>
434 - <span class="vz-install-status" data-install-status="optimole-wp"></span>
287 + </button>
435 288 </div>
436 - <div class="vz-option-card">
437 - <label class="vz-option-check">
438 - <input type="checkbox" id="enable_otter_blocks" <?php echo $wp_otter_active ? 'checked disabled' : 'checked'; ?>>
439 - </label>
440 - <div class="vz-option-icon">
441 - <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/otter-logo.png' ); ?>" width="28" height="28" alt="">
289 + <div class="vz-accordion-item__content">
290 + <div class="vz-features-list">
291 + <ul>
292 + <li>
293 + <div class="icon">
294 + <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/boost-logo.png' ); ?>" width="37" height="30" alt="">
295 + </div>
296 + <div class="txt">
297 + <div class="h4 pb-4"><?php esc_html_e( 'Boost your website speed', 'visualizer' ); ?> <span class="pro-label free-label"><?php esc_html_e( 'Free', 'visualizer' ); ?></span></div>
298 + <p class="help-text"><?php esc_html_e( 'Improve your website speed and images by 80% with', 'visualizer' ); ?> <a href="<?php echo esc_url( tsdk_utmify( 'https://optimole.com/', 'VisualizerSetupWizard' ) ); ?>" target="_blank"><?php esc_html_e( 'Optimole', 'visualizer' ); ?></a></p>
299 + </div>
300 + </li>
301 + </ul>
442 302 </div>
443 - <div class="vz-option-body">
444 - <div class="vz-option-title">
445 - <?php esc_html_e( 'Build better pages', 'visualizer' ); ?>
446 - <span class="pro-label free-label"><?php esc_html_e( 'Free', 'visualizer' ); ?></span>
447 - </div>
448 - <p class="help-text">
449 - <?php
450 - if ( $wp_otter_active ) {
451 - esc_html_e( 'Otter Blocks is already active on your site.', 'visualizer' );
452 - } else {
453 - esc_html_e( 'Add powerful Gutenberg blocks for layouts, forms, and more with Otter Blocks.', 'visualizer' );
454 - }
455 - ?>
456 - </p>
457 - </div>
458 - <span class="vz-install-status" data-install-status="otter-blocks"></span>
459 303 </div>
460 - <div class="vz-option-card">
461 - <label class="vz-option-check">
462 - <input type="checkbox" id="enable_page_cache" <?php echo $wp_spc_active ? 'checked disabled' : 'checked'; ?>>
463 - </label>
464 - <div class="vz-option-icon">
465 - <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/spc-logo.svg' ); ?>" width="28" height="28" alt="">
466 - </div>
467 - <div class="vz-option-body">
468 - <div class="vz-option-title">
469 - <?php esc_html_e( 'Cache your pages', 'visualizer' ); ?>
470 - <span class="pro-label free-label"><?php esc_html_e( 'Free', 'visualizer' ); ?></span>
471 - </div>
472 - <p class="help-text">
473 - <?php
474 - if ( $wp_spc_active ) {
475 - esc_html_e( 'Super Page Cache is already active on your site.', 'visualizer' );
476 - } else {
477 - esc_html_e( 'Make your site load faster with Super Page Cache for Cloudflare.', 'visualizer' );
478 - }
479 - ?>
480 - </p>
481 - </div>
482 - <span class="vz-install-status" data-install-status="wp-cloudflare-page-cache"></span>
304 + </div>
305 + </div>
306 + </div>
307 + <div class="form-block">
308 + <button class="btn btn-primary vz-wizard-install-plugin" data-step_number="4"><?php esc_html_e( 'Improve now', 'visualizer' ); ?>
309 + <button class="btn btn-primary next-btn skip-improvement" style="display: none;"><?php esc_html_e( 'Skip Improvement', 'visualizer' ); ?></button>
310 + <span class="spinner"></span>
311 + </div>
312 + </div>
313 + </div>
314 + </div>
315 + </div>
316 + <?php endif; ?>
317 + <div id="step-<?php echo esc_attr( $last_step_number ); ?>" class="tab-pane" role="tabpanel" aria-labelledby="step-5">
318 + <div class="vz-accordion-item">
319 + <div class="vz-accordion-item__title">
320 + <div class="vz-accordion-item__button">
321 + <h2 class="h2 pb-8"><?php esc_html_e( 'Updates, tutorials, special offers & more', 'visualizer' ); ?></h2>
322 + <p class="p"><?php esc_html_e( 'Get exclusive access of Visualizer newsletter', 'visualizer' ); ?></p>
323 + </div>
324 + </div>
325 + <div class="vz-accordion-item__content border-top">
326 + <div class="vz-form-wrap">
327 + <div class="form-block">
328 + <div class="vz-newsletter-wrap">
329 + <div class="vz-newsletter">
330 + <p class="p pb-30"><?php esc_html_e( 'Let us know your email so that we can send you product updates, helpful tutorials, exclusive offers and more useful stuff.', 'visualizer' ); ?></p>
331 + <div class="vz-form-group">
332 + <input type="email" class="form-control" id="vz_subscribe_email" placeholder="<?php echo esc_attr( get_bloginfo( 'admin_email' ) ); ?>">
483 333 </div>
484 - <div class="vz-option-card vz-option-card--newsletter">
485 - <label class="vz-option-check">
486 - <input type="checkbox" id="enable_newsletter" checked>
487 - </label>
488 - <div class="vz-option-icon">
489 - <span class="dashicons dashicons-email-alt"></span>
490 - </div>
491 - <div class="vz-option-body">
492 - <div class="vz-option-title"><?php esc_html_e( 'Stay in the loop', 'visualizer' ); ?></div>
493 - <p class="help-text">
494 - <?php esc_html_e( 'Get tutorials, tips, and special offers at', 'visualizer' ); ?>
495 - <span class="vz-email-text" data-email="<?php echo esc_attr( get_bloginfo( 'admin_email' ) ); ?>"><?php echo esc_html( get_bloginfo( 'admin_email' ) ); ?></span>
496 - <button type="button" class="vz-change-email"><?php esc_html_e( 'Change', 'visualizer' ); ?></button>
497 - <?php esc_html_e( '· Unsubscribe anytime.', 'visualizer' ); ?>
498 - </p>
499 - <div class="vz-option-input" style="display: none;">
500 - <input type="email" class="form-control" id="vz_subscribe_email" value="<?php echo esc_attr( get_bloginfo( 'admin_email' ) ); ?>">
501 - <button type="button" class="btn btn-primary vz-save-email"><?php esc_html_e( 'Save', 'visualizer' ); ?></button>
502 - </div>
503 - </div>
504 - </div>
505 334 </div>
335 + <div class="vz-newsletter-img">
336 + <img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/newsletter-img.png' ); ?>" alt="">
337 + </div>
506 338 </div>
507 - <div class="form-block">
508 - <div class="vz-btn-group">
509 - <button class="btn btn-primary vz-subscribe" data-vz_subscribe="true"><?php esc_html_e( 'Finish Setup', 'visualizer' ); ?></button>
510 - <span class="spinner"></span>
511 - </div>
339 + </div>
340 + <div class="form-block">
341 + <div class="vz-btn-group">
342 + <button class="btn btn-primary vz-subscribe" data-vz_subscribe="true"><?php esc_html_e( 'Send Me Access', 'visualizer' ); ?></button>
343 + <button class="btn btn-outline-primary vz-subscribe" data-vz_subscribe="false"><?php esc_html_e( 'Skip, Don&#x92;t give me access', 'visualizer' ); ?></button>
344 + <span class="spinner"></span>
512 345 </div>
513 346 </div>
514 347 </div>
515 348 </div>
516 349 </div>
517 - <?php } ?>
350 + </div>
518 351 </div>
519 352 </div>
520 353 </div>
521 354 </div>