visualizer / templates / setup-wizard.php

setup-wizard.php in Visualizer – Tables & Charts Manager with Built-in AI Generator 4.0.7, at templates/setup-wizard.php

543 lines 26.0 KB

Raw Download Zip

1	<?php
2	/**
3	* Setup wizard template.
4	*
5	* @category Visualizer
6	* @package Templates
7	*/
8
9	$dashboard_url = wp_nonce_url(
10	add_query_arg(
11	array(
12	'action' => 'visualizer_dismiss_wizard',
13	'status' => 0,
14	),
15	admin_url( 'admin.php' )
16	),
17	'visualizer_dismiss_wizard'
18	);
19
20	$chart_id = ! empty( $this->wizard_data['chart_id'] ) ? (int) $this->wizard_data['chart_id'] : '';
21	$chart_type_default = ! empty( $this->wizard_data['chart_type'] ) ? $this->wizard_data['chart_type'] : 'pie';
22	$wp_optimole_active = is_plugin_active( 'optimole-wp/optimole-wp.php' );
23	$wp_otter_active = is_plugin_active( 'otter-blocks/otter-blocks.php' );
24	$wp_spc_active = is_plugin_active( 'wp-cloudflare-page-cache/wp-cloudflare-super-page-cache.php' );
25	$last_step_number = 3;
26
27	// 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)
28	$is_live_preview = ! empty( $_GET['env'] ) ? ( 'preview' === sanitize_key( $_GET['env'] ) ) : false;
29
30	?>
31	<div class="vz-wizard-wrap vz-wrap">
32	<div class="vz-header--small">
33	<div class="container">
34	<div class="vz-logo">
35	<div class="vz-logo-icon">
36	<img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/visualizer-logo.svg' ); ?>" width="136" height="54" alt="">
37	</div>
38	</div>
39	<div class="back-btn">
40	<a href="<?php echo esc_url( $dashboard_url ); ?>" class="btn-link">
41	<span class="dashicons dashicons-arrow-left-alt"></span><?php esc_html_e( 'Go to dashboard', 'visualizer' ); ?>
42	</a>
43	</div>
44	</div>
45	</div>
46	<div class="container">
47	<div class="vz-wizard">
48	<div id="smartwizard" class="sw">
49	<ul class="nav">
50	<li class="nav-item">
51	<a class="nav-link" href="#step-1">
52	1
53	</a>
54	</li>
55	<li class="nav-item">
56	<a class="nav-link" href="#step-2">
57	2
58	</a>
59	</li>
60	<?php if ( ! $is_live_preview ) { ?>
61	<li class="nav-item">
62	<a class="nav-link" href="#step-3">
63	3
64	</a>
65	</li>
66	<?php } ?>
67	</ul>
68	<div class="tab-content">
69	<div id="step-1" class="tab-pane" role="tabpanel" aria-labelledby="step-1">
70	<div class="vz-accordion-item">
71	<div class="vz-accordion-item__title">
72	<div class="vz-accordion-item__button">
73	<h2 class="h2 pb-8">
74	<?php esc_html_e( 'Select a chart from the options available below', 'visualizer' ); ?></h2>
75	<p class="p">
76	<?php esc_html_e( 'Pro tip: Keep your requirements in mind and choose the best chart to meet them.', 'visualizer' ); ?>
77	</p>
78	</div>
79	</div>
80	<div class="vz-accordion-item__content border-top">
81	<div class="vz-form-wrap">
82	<div class="form-block pb-0">
83	<div class="vz-chart-list">
84	<ul>
85	<li>
86	<label class="vz-chart-option" for="vz-chart-1">
87	<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 ); ?>>
88	<h3 class="h3"><?php esc_html_e( 'Pie/Donut chart', 'visualizer' ); ?></h3>
89	<div class="img type-box-pie"></div>
90	<div class="bg"></div>
91	</label>
92	</li>
93	<li>
94	<label class="vz-chart-option" for="vz-chart-2">
95	<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 ); ?>>
96	<h3 class="h3"><?php esc_html_e( 'Bar chart', 'visualizer' ); ?></h3>
97	<div class="img type-box-bar"></div>
98	<div class="bg"></div>
99	</label>
100	</li>
101	<li>
102	<label class="vz-chart-option" for="vz-chart-3">
103	<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 ); ?>>
104	<h3 class="h3"><?php esc_html_e( 'Line chart', 'visualizer' ); ?></h3>
105	<div class="img type-box-line"></div>
106	<div class="bg"></div>
107	</label>
108	</li>
109	<li>
110	<label class="vz-chart-option" for="vz-chart-4">
111	<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 ); ?>>
112	<h3 class="h3"><?php esc_html_e( 'Table', 'visualizer' ); ?></h3>
113	<div class="img type-box-tabular"></div>
114	<div class="bg"></div>
115	</label>
116	</li>
117	<li>
118	<div class="vz-pro-option">
119	<label class="vz-chart-option">
120	<input type="radio" class="vz-radio-btn" id="vz-chart-5" readonly>
121	<div class="vz-pro-label-wrap">
122	<h3><?php esc_html_e( 'Geo chart', 'visualizer' ); ?></h3>
123	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
124	</div>
125	<div class="img type-box-geo"></div>
126	<div class="bg"></div>
127	</label>
128	<div class="pro-overlay">
129	<div class="pro-box">
130	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
131	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
132	</div>
133	</div>
134	</div>
135	</li>
136	<li>
137	<div class="vz-pro-option">
138	<label class="vz-chart-option">
139	<input type="radio" class="vz-radio-btn" id="vz-chart-6" readonly>
140	<div class="vz-pro-label-wrap">
141	<h3><?php esc_html_e( 'Area chart', 'visualizer' ); ?></h3>
142	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
143	</div>
144	<div class="img type-box-area"></div>
145	<div class="bg"></div>
146	</label>
147	<div class="pro-overlay">
148	<div class="pro-box">
149	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
150	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
151	</div>
152	</div>
153	</div>
154	</li>
155	<li>
156	<div class="vz-pro-option">
157	<label class="vz-chart-option">
158	<input type="radio" class="vz-radio-btn" id="vz-chart-7" readonly>
159	<div class="vz-pro-label-wrap">
160	<h3><?php esc_html_e( 'Column chart', 'visualizer' ); ?></h3>
161	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
162	</div>
163	<div class="img type-box-column"></div>
164	<div class="bg"></div>
165	</label>
166	<div class="pro-overlay">
167	<div class="pro-box">
168	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
169	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
170	</div>
171	</div>
172	</div>
173	</li>
174	<li>
175	<div class="vz-pro-option">
176	<label class="vz-chart-option">
177	<input type="radio" class="vz-radio-btn" id="vz-chart-8" readonly>
178	<div class="vz-pro-label-wrap">
179	<h3><?php esc_html_e( 'Bubble chart', 'visualizer' ); ?></h3>
180	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
181	</div>
182	<div class="img type-box-bubble"></div>
183	<div class="bg"></div>
184	</label>
185	<div class="pro-overlay">
186	<div class="pro-box">
187	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
188	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
189	</div>
190	</div>
191	</div>
192	</li>
193	<li>
194	<div class="vz-pro-option">
195	<label class="vz-chart-option">
196	<input type="radio" class="vz-radio-btn" id="vz-chart-9" readonly>
197	<div class="vz-pro-label-wrap">
198	<h3><?php esc_html_e( 'Scatter chart', 'visualizer' ); ?></h3>
199	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
200	</div>
201	<div class="img type-box-scatter"></div>
202	<div class="bg"></div>
203	</label>
204	<div class="pro-overlay">
205	<div class="pro-box">
206	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
207	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
208	</div>
209	</div>
210	</div>
211	</li>
212	<li>
213	<div class="vz-pro-option">
214	<label class="vz-chart-option">
215	<input type="radio" class="vz-radio-btn" id="vz-chart-10" readonly>
216	<div class="vz-pro-label-wrap">
217	<h3><?php esc_html_e( 'Gauge chart', 'visualizer' ); ?></h3>
218	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
219	</div>
220	<div class="img type-box-gauge"></div>
221	<div class="bg"></div>
222	</label>
223	<div class="pro-overlay">
224	<div class="pro-box">
225	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
226	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
227	</div>
228	</div>
229	</div>
230	</li>
231	<li>
232	<div class="vz-pro-option">
233	<label class="vz-chart-option">
234	<input type="radio" class="vz-radio-btn" id="vz-chart-11" readonly>
235	<div class="vz-pro-label-wrap">
236	<h3><?php esc_html_e( 'Candlestick chart', 'visualizer' ); ?></h3>
237	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
238	</div>
239	<div class="img type-box-candlestick"></div>
240	<div class="bg"></div>
241	</label>
242	<div class="pro-overlay">
243	<div class="pro-box">
244	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
245	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
246	</div>
247	</div>
248	</div>
249	</li>
250	<li>
251	<div class="vz-pro-option">
252	<label class="vz-chart-option">
253	<input type="radio" class="vz-radio-btn" id="vz-chart-12" readonly>
254	<div class="vz-pro-label-wrap">
255	<h3><?php esc_html_e( 'Timeline', 'visualizer' ); ?></h3>
256	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
257	</div>
258	<div class="img type-box-timeline"></div>
259	<div class="bg"></div>
260	</label>
261	<div class="pro-overlay">
262	<div class="pro-box">
263	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
264	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
265	</div>
266	</div>
267	</div>
268	</li>
269	<li>
270	<div class="vz-pro-option">
271	<label class="vz-chart-option">
272	<input type="radio" class="vz-radio-btn" id="vz-chart-13" readonly>
273	<div class="vz-pro-label-wrap">
274	<h3><?php esc_html_e( 'Combo', 'visualizer' ); ?></h3>
275	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
276	</div>
277	<div class="img type-box-combo"></div>
278	<div class="bg"></div>
279	</label>
280	<div class="pro-overlay">
281	<div class="pro-box">
282	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
283	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
284	</div>
285	</div>
286	</div>
287	</li>
288	<li>
289	<div class="vz-pro-option">
290	<label class="vz-chart-option">
291	<input type="radio" class="vz-radio-btn" id="vz-chart-14" readonly>
292	<div class="vz-pro-label-wrap">
293	<h3><?php esc_html_e( 'Polar Area', 'visualizer' ); ?></h3>
294	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
295	</div>
296	<div class="img type-box-polarArea"></div>
297	<div class="bg"></div>
298	</label>
299	<div class="pro-overlay">
300	<div class="pro-box">
301	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
302	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
303	</div>
304	</div>
305	</div>
306	</li>
307	<li>
308	<div class="vz-pro-option">
309	<label class="vz-chart-option">
310	<input type="radio" class="vz-radio-btn" id="vz-chart-15" readonly>
311	<div class="vz-pro-label-wrap">
312	<h3><?php esc_html_e( 'Radar', 'visualizer' ); ?></h3>
313	<span class="pro-label"><?php esc_html_e( 'PREMIUM', 'visualizer' ); ?></span>
314	</div>
315	<div class="img type-box-radar"></div>
316	<div class="bg"></div>
317	</label>
318	<div class="pro-overlay">
319	<div class="pro-box">
320	<a href="<?php echo esc_url( tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'setupWizard' ) ); ?>"
321	class="btn btn-secondary" target="_blank"><?php esc_html_e( 'Upgrade to Pro', 'visualizer' ); ?></a>
322	</div>
323	</div>
324	</div>
325	</li>
326	</ul>
327	</div>
328	</div>
329	<div class="form-block">
330	<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>
331	<span class="spinner"></span>
332	<div class="vz-import-status" style="display: none;">
333	<div class="vz-error-notice notice notice-error hidden"></div>
334	<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>
335	<div class="vz-progress">
336	<div class="vz-progress-bar"></div>
337	</div>
338	</div>
339	</div>
340	</div>
341	</div>
342	</div>
343	</div>
344	<div id="step-2" class="tab-pane" role="tabpanel" aria-labelledby="step-2">
345	<div class="vz-accordion-item">
346	<div class="vz-accordion-item__title">
347	<div class="vz-accordion-item__button">
348	<h2 class="h2 pb-8"><?php esc_html_e( 'Insert a chart into the draft page', 'visualizer' ); ?></h2>
349	<p class="p"><?php esc_html_e( 'Create a draft page featuring a Visualizer chart with just one click.', 'visualizer' ); ?></p>
350	</div>
351	</div>
352	<div class="vz-accordion-item__content border-top">
353	<div class="vz-form-wrap">
354	<div class="form-block">
355	<div class="vz-accordion-item vz-features-accordion mb-0">
356	<div class="vz-shortcode-preview-box">
357	<div class="vz-accordion-item__title vz-accordion-checkbox__title vz-accordion-title--static">
358	<div class="vz-checkbox">
359	<input type="checkbox" class="vz-checkbox-btn" id="insert_shortcode" checked <?php echo $is_live_preview ? 'disabled' : ''; ?>>
360	</div>
361	<div>
362	<div class="vz-accordion__step-title h4 pb-4"><?php esc_html_e( 'Create a draft page', 'visualizer' ); ?></div>
363	<p class="help-text"><?php esc_html_e( 'We will automatically create a draft page with Visualizer chart for preview', 'visualizer' ); ?></p>
364	</div>
365	</div>
366	<div class="vz-accordion-item__content vz-accordion-content--static">
367	<div class="vz-shortcode-preview-content">
368	<?php $shortcode = '[visualizer id="{{chart_id}}" class=""]'; ?>
369	<?php if ( $is_live_preview ) { ?>
370	<p class="pb-16"><?php esc_html_e( 'Charts are added in the page/post via Gutenberg Blocks.', 'visualizer' ); ?></p>
371	<p class="pb-16"><?php esc_html_e( 'Alternatively, you can use a shortcode with the following structure:', 'visualizer' ); ?></p>
372	<?php } else { ?>
373	<h4 class="h4 pb-16"><?php esc_html_e( 'Chart preview', 'visualizer' ); ?></h4>
374	<div class="vz-chart pb-30">
375	<?php
376	if ( ! empty( $_GET['preview_chart'] ) ) {
377	$shortcode = str_replace( '{{chart_id}}', $chart_id, $shortcode );
378	echo do_shortcode( $shortcode );
379	}
380	?>
381	</div>
382	<?php } ?>
383	<div class="vz-code-box">
384	<input type="text" id="basic_shortcode" value="<?php echo esc_attr( $shortcode ); ?>" readonly>
385	<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="">
386	</button>
387	</div>
388	</div>
389	</div>
390	</div>
391	</div>
392	</div>
393	<div class="form-block">
394	<button class="btn btn-primary vz-create-page"><?php esc_html_e( 'Save And Continue', 'visualizer' ); ?> <span class="dashicons dashicons-arrow-right-alt"></span></button>
395	<span class="spinner"></span>
396	</div>
397	</div>
398	</div>
399	</div>
400	</div>
401	<?php if ( ! $is_live_preview ) { ?>
402	<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 ); ?>">
403	<div class="vz-accordion-item">
404	<div class="vz-accordion-item__title">
405	<div class="vz-accordion-item__button">
406	<h2 class="h2 pb-8"><?php esc_html_e( 'You\'re all set!', 'visualizer' ); ?></h2>
407	<p class="p"><?php esc_html_e( 'Optionally enhance your site and stay updated.', 'visualizer' ); ?></p>
408	</div>
409	</div>
410	<div class="vz-accordion-item__content border-top">
411	<div class="vz-form-wrap">
412	<div class="form-block no-sep vz-final-block">
413	<div class="vz-error-notice notice notice-error hidden"></div>
414	<div class="vz-final-options">
415	<div class="vz-option-card">
416	<label class="vz-option-check">
417	<input type="checkbox" id="enable_performance" <?php echo $wp_optimole_active ? 'checked disabled' : 'checked'; ?>>
418	</label>
419	<div class="vz-option-icon">
420	<img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/boost-logo.png' ); ?>" width="37" height="30" alt="">
421	</div>
422	<div class="vz-option-body">
423	<div class="vz-option-title">
424	<?php esc_html_e( 'Boost your website speed', 'visualizer' ); ?>
425	<span class="pro-label free-label"><?php esc_html_e( 'Free', 'visualizer' ); ?></span>
426	</div>
427	<p class="help-text">
428	<?php
429	if ( $wp_optimole_active ) {
430	esc_html_e( 'Optimole is already active on your site.', 'visualizer' );
431	} else {
432	esc_html_e( 'Improve your website speed and images by 80% with Optimole.', 'visualizer' );
433	}
434	?>
435	</p>
436	</div>
437	<span class="vz-install-status" data-install-status="optimole-wp"></span>
438	</div>
439	<div class="vz-option-card">
440	<label class="vz-option-check">
441	<input type="checkbox" id="enable_otter_blocks" <?php echo $wp_otter_active ? 'checked disabled' : 'checked'; ?>>
442	</label>
443	<div class="vz-option-icon">
444	<img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/otter-logo.png' ); ?>" width="28" height="28" alt="">
445	</div>
446	<div class="vz-option-body">
447	<div class="vz-option-title">
448	<?php esc_html_e( 'Build better pages', 'visualizer' ); ?>
449	<span class="pro-label free-label"><?php esc_html_e( 'Free', 'visualizer' ); ?></span>
450	</div>
451	<p class="help-text">
452	<?php
453	if ( $wp_otter_active ) {
454	esc_html_e( 'Otter Blocks is already active on your site.', 'visualizer' );
455	} else {
456	esc_html_e( 'Add powerful Gutenberg blocks for layouts, forms, and more with Otter Blocks.', 'visualizer' );
457	}
458	?>
459	</p>
460	</div>
461	<span class="vz-install-status" data-install-status="otter-blocks"></span>
462	</div>
463	<div class="vz-option-card">
464	<label class="vz-option-check">
465	<input type="checkbox" id="enable_page_cache" <?php echo $wp_spc_active ? 'checked disabled' : 'checked'; ?>>
466	</label>
467	<div class="vz-option-icon">
468	<img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/spc-logo.svg' ); ?>" width="28" height="28" alt="">
469	</div>
470	<div class="vz-option-body">
471	<div class="vz-option-title">
472	<?php esc_html_e( 'Cache your pages', 'visualizer' ); ?>
473	<span class="pro-label free-label"><?php esc_html_e( 'Free', 'visualizer' ); ?></span>
474	</div>
475	<p class="help-text">
476	<?php
477	if ( $wp_spc_active ) {
478	esc_html_e( 'Super Page Cache is already active on your site.', 'visualizer' );
479	} else {
480	esc_html_e( 'Make your site load faster with Super Page Cache for Cloudflare.', 'visualizer' );
481	}
482	?>
483	</p>
484	</div>
485	<span class="vz-install-status" data-install-status="wp-cloudflare-page-cache"></span>
486	</div>
487	<div class="vz-option-card vz-option-card--newsletter">
488	<label class="vz-option-check">
489	<input type="checkbox" id="enable_newsletter" checked>
490	</label>
491	<div class="vz-option-icon">
492	<span class="dashicons dashicons-email-alt"></span>
493	</div>
494	<div class="vz-option-body">
495	<div class="vz-option-title"><?php esc_html_e( 'Stay in the loop', 'visualizer' ); ?></div>
496	<p class="help-text">
497	<?php esc_html_e( 'Get tutorials, tips, and special offers at', 'visualizer' ); ?>
498	<span class="vz-email-text" data-email="<?php echo esc_attr( get_bloginfo( 'admin_email' ) ); ?>"><?php echo esc_html( get_bloginfo( 'admin_email' ) ); ?></span>
499	<button type="button" class="vz-change-email"><?php esc_html_e( 'Change', 'visualizer' ); ?></button>
500	<?php esc_html_e( '· Unsubscribe anytime.', 'visualizer' ); ?>
501	</p>
502	<div class="vz-option-input" style="display: none;">
503	<input type="email" class="form-control" id="vz_subscribe_email" value="<?php echo esc_attr( get_bloginfo( 'admin_email' ) ); ?>">
504	<button type="button" class="btn btn-primary vz-save-email"><?php esc_html_e( 'Save', 'visualizer' ); ?></button>
505	</div>
506	</div>
507	</div>
508	</div>
509	</div>
510	<div class="form-block">
511	<div class="vz-btn-group">
512	<button class="btn btn-primary vz-subscribe" data-vz_subscribe="true"><?php esc_html_e( 'Finish Setup', 'visualizer' ); ?></button>
513	<span class="spinner"></span>
514	</div>
515	</div>
516	</div>
517	</div>
518	</div>
519	</div>
520	<?php } ?>
521	</div>
522	</div>
523	</div>
524	</div>
525
526	<div class="redirect-popup">
527	<div class="redirect-popup-box">
528	<div class="icon">
529	<svg width="5" height="23" viewBox="0 0 5 23" fill="none" xmlns="http://www.w3.org/2000/svg">
530	<path
531	d="M0.6875 23V6.4375H4.57812V23H0.6875ZM4.15625 3.65625C3.73958 4.0625 3.22917 4.26562 2.625 4.26562C2.02083 4.26562 1.51042 4.0625 1.09375 3.65625C0.677083 3.23958 0.46875 2.73958 0.46875 2.15625C0.46875 1.5625 0.677083 1.0625 1.09375 0.65625C1.51042 0.239583 2.02083 0.03125 2.625 0.03125C3.22917 0.03125 3.73958 0.239583 4.15625 0.65625C4.58333 1.0625 4.79688 1.5625 4.79688 2.15625C4.79688 2.73958 4.58333 3.23958 4.15625 3.65625Z"
532	fill="#39C3D2" fill-opacity="0.75" />
533	</svg>
534	</div>
535	<h3 class="h3 popup-title"></h3>
536	<div class="redirect-loader">
537	<img src="<?php echo esc_url( VISUALIZER_ABSURL . 'images/mask-loader.png' ); ?>" width="45" height="45"
538	alt="loader">
539	</div>
540	</div>
541	</div>
542	</div>
543