PluginProbe ʕ •ᴥ•ʔ
ElementsKit Elementor Addons – Advanced Widgets & Templates Addons for Elementor / 4.0.0
ElementsKit Elementor Addons – Advanced Widgets & Templates Addons for Elementor v4.0.0
4.0.2 4.0.1 4.0.0 3.10.02 3.10.01 3.9.10 3.9.9 3.9.8 3.9.7 3.9.5 3.9.6 3.9.3 2.1.0 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 2.3.0 2.3.1 2.3.1.1 2.3.2 2.3.3 2.3.4 2.3.5 2.3.6 2.3.7 2.4.0 2.5.0 2.5.1 2.5.10 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 2.5.7 2.5.8 2.5.9 2.6.0 2.6.1 2.6.2 2.6.3 2.7.0 2.7.2 2.7.3 2.7.4 2.7.5 2.8.0 2.8.1 2.8.5 2.8.6 2.8.7 2.8.8 2.9.0 2.9.1 2.9.2 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.0.6 3.0.7 3.1.0 3.1.1 3.1.2 3.1.3 3.1.4 3.2.0 3.2.1 3.2.2 3.2.3 3.2.4 3.2.5 3.2.6 3.2.7 3.2.8 3.2.9 3.3.0 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5 3.3.6 3.3.7 3.3.8 3.3.9 3.4.0 3.4.1 3.4.2 3.4.3 3.4.4 3.4.5 3.4.6 3.4.7 3.4.8 3.4.9 3.5.0 3.5.1 3.5.2 3.5.3 3.5.4 3.5.5 3.5.6 3.6.0 3.6.1 3.7.0 3.7.1 3.7.2 3.7.3 3.7.4 3.7.5 3.7.6 3.7.7 3.7.8 3.7.9 3.8.0 3.8.1 3.8.2 3.9.0 3.9.1 3.9.2 trunk 1.2.6 1.2.7 1.2.9 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.8 1.3.9 1.4.0 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.7 1.4.8 1.4.9 1.5.0 1.5.1 1.5.10 1.5.11 1.5.12 1.5.2 1.5.4 1.5.5 1.5.6 1.5.7 1.5.8 1.5.9 2.0.0 2.0.1 2.0.10 2.0.11 2.0.12 2.0.13 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.0.9.1 2.0.9.2 2.0.9.3
elementskit-lite / libs / forms / pages / template.php
elementskit-lite / libs / forms / pages Last commit date
template.php 3 weeks ago
template.php
399 lines
1 <?php
2 $pluginStatus = \ElementsKit_Lite\Libs\Framework\Classes\Plugin_Status::instance();
3 $plugin = $pluginStatus->get_status( 'metform/metform.php' );
4 ?>
5
6 <div class="ekit-wrap notice">
7 <div class="ekit-forms-wrapper ekit-forms-container">
8 <!-- Hero -->
9 <section class="ekit-forms-hero">
10 <div class="ekit-badge">
11 <span class="ekit-badge-text"><?php esc_html_e('NEW', 'elementskit-lite'); ?></span>
12 </div>
13 <div class="ekit-hero-copy">
14 <h1 class="ekit-hero-title"><?php esc_html_e('Your Visual Form Builder For WordPress', 'elementskit-lite'); ?></h1>
15 <?php /* translators: %s: Plugin name. */ ?>
16 <p class="ekit-sub"><?php echo sprintf( esc_html__('Install & activate %s and visually build fully-functional forms with all the advanced features and highest flexibility.', 'elementskit-lite'), '<span>MetForm</span>' ); ?></p>
17
18 <div class="ekit-hero-ctas">
19 <a
20 data-plugin_status="<?php echo esc_attr($plugin['status']); ?>"
21 data-installation_url="<?php echo esc_url($plugin['installation_url']); ?>"
22 data-activation_url="<?php echo esc_url($plugin['activation_url']); ?>"
23 href="<?php echo $plugin['status'] == 'not_installed' ? esc_url($plugin['installation_url']) : esc_url($plugin['activation_url']); ?>"
24 data-installing_text="<?php echo esc_attr__('Installing...', 'elementskit-lite'); ?>"
25 data-activating_text="<?php echo esc_attr__('Activating...', 'elementskit-lite'); ?>"
26 data-activated_text="<?php echo esc_attr__('Activated', 'elementskit-lite'); ?>"
27 class="ekit-install-btn ekit-cta ekit-cta-primary ekit-form-btn">
28 <?php echo esc_html($plugin['title']); ?>
29 </a>
30 <a href="https://wpmet.com/plugin/metform/" target="_blank" rel="noopener noreferrer" class="ekit-cta ekit-cta-outline">
31 <?php esc_html_e('Learn More', 'elementskit-lite'); ?>
32 <span class="ekit-external-link-icon" aria-hidden="true">
33 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
34 <path d="M1 9L9 1" stroke="#13151D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
35 <path d="M1 1H9V9" stroke="#13151D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
36 </svg>
37 </span>
38 </a>
39 </div>
40 </div>
41
42 <div class="ekit-hero-media">
43 <!-- <iframe width="560" height="400" src="https://www.youtube.com/embed/8R4-Q14cu-w?si=NImN8i9XxDv1CCsN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> -->
44
45 <iframe width="560" height="315" src="https://www.youtube.com/embed/zg1QIouKO_Q?si=7GlN214sDCBq6Wk3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
46 </div>
47
48 <script>
49 (function(){
50 'use strict';
51
52 try {
53 // Install/Activate button behavior with error handling
54 var installBtn = document.querySelector('.ekit-install-btn');
55
56 if (installBtn) {
57 installBtn.addEventListener('click', function(e){
58 try {
59 var original = installBtn.textContent.trim();
60 var isInstalling = installBtn.classList.contains('installing');
61
62 if (isInstalling) {
63 e.preventDefault();
64 return false;
65 }
66
67 installBtn.classList.add('installing');
68 installBtn.textContent = '<?php echo esc_js( __( 'Installing...', 'elementskit-lite' ) ); ?>';
69 installBtn.setAttribute('disabled', 'disabled');
70
71 setTimeout(function(){
72 if (installBtn) {
73 installBtn.textContent = '<?php echo esc_js( __( 'Activating...', 'elementskit-lite' ) ); ?>';
74 }
75 }, 1200);
76
77 setTimeout(function(){
78 if (installBtn) {
79 installBtn.textContent = '<?php echo esc_js( __( 'Activated', 'elementskit-lite' ) ); ?>';
80 installBtn.classList.remove('installing');
81 installBtn.classList.add('activated');
82 }
83 }, 2600);
84 } catch (error) {
85 console.error('MetForm template: Error handling install button:', error);
86 if (installBtn) {
87 installBtn.classList.remove('installing');
88 installBtn.removeAttribute('disabled');
89 }
90 }
91 });
92 }
93
94 } catch (error) {
95 console.error('MetForm template: Initialization error:', error);
96 }
97
98 })();
99 </script>
100 </section>
101
102 <section class="ekit-feature-sections">
103 <article class="feature feature-contact">
104 <div class="feature-content-box">
105 <div class="feature-content">
106 <h2><?php esc_html_e('Contact Form Builder', 'elementskit-lite'); ?></h2>
107 <ul>
108 <li>
109 <span class="check-icon" aria-hidden="true">
110 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
111 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
112 </svg>
113 </span>
114 <?php esc_html_e('40+ input styles for WordPress forms.', 'elementskit-lite'); ?>
115 </li>
116 <li>
117 <span class="check-icon" aria-hidden="true">
118 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
119 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
120 </svg>
121 </span>
122 <?php esc_html_e('GDPR compliant form-building.', 'elementskit-lite'); ?>
123 </li>
124 <li>
125 <span class="check-icon" aria-hidden="true">
126 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
127 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
128 </svg>
129 </span>
130 <?php esc_html_e('Confirmation email on form submission', 'elementskit-lite'); ?>
131 </li>
132 </ul>
133 </div>
134 <div class="feature-media">
135 <div class="media-mock media-contact">
136 <img src="<?php echo esc_url( plugins_url( '../assets/images/contact-form.png', __FILE__ ) ); ?>" alt="<?php esc_attr_e( 'Contact Form', 'elementskit-lite' ); ?>" />
137 </div>
138 </div>
139 </div>
140 </article>
141
142 <article class="feature feature-conditional">
143 <div class="feature-content-box">
144 <div class="feature-content">
145 <h2><?php esc_html_e('Conditional Logic Form', 'elementskit-lite'); ?></h2>
146 <ul>
147 <li>
148 <span class="check-icon" aria-hidden="true">
149 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
150 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
151 </svg>
152 </span>
153 <?php esc_html_e('Build smart forms with conditional logic', 'elementskit-lite'); ?>
154 </li>
155 <li>
156 <span class="check-icon" aria-hidden="true">
157 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
158 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
159 </svg>
160 </span>
161 <?php esc_html_e('Form fields appear dynamically for users.', 'elementskit-lite'); ?>
162 </li>
163 <li>
164 <span class="check-icon" aria-hidden="true">
165 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
166 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
167 </svg>
168 </span>
169 <?php esc_html_e('Conditional fields based on the user input.', 'elementskit-lite'); ?>
170 </li>
171 </ul>
172 </div>
173 <div class="feature-media">
174 <div class="media-mock media-conditional">
175 <img src="<?php echo esc_url( plugins_url( '../assets/images/conditional-form.png', __FILE__ ) ); ?>" alt="<?php esc_attr_e( 'Conditional Logic', 'elementskit-lite' ); ?>" />
176 </div>
177 </div>
178 </div>
179 </article>
180
181 <article class="feature feature-multistep">
182 <div class="feature-content-box">
183 <div class="feature-content">
184 <h2>
185 <?php esc_html_e('Multi-step', 'elementskit-lite'); ?>
186 <br>
187 <?php esc_html_e('WordPress form', 'elementskit-lite'); ?>
188 </h2>
189 <ul>
190 <li>
191 <span class="check-icon" aria-hidden="true">
192 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
193 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
194 </svg>
195 </span>
196 <?php esc_html_e('Convert long forms into multiple steps.', 'elementskit-lite'); ?>
197 </li>
198 <li>
199 <span class="check-icon" aria-hidden="true">
200 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
201 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
202 </svg>
203 </span>
204 <?php esc_html_e('More user-friendly and engaging forms.', 'elementskit-lite'); ?>
205 </li>
206 <li>
207 <span class="check-icon" aria-hidden="true">
208 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
209 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
210 </svg>
211 </span>
212 <?php esc_html_e('Nav bar/ progress bar for better attention.', 'elementskit-lite'); ?>
213 </li>
214 </ul>
215 </div>
216 <div class="feature-media">
217 <div class="media-mock media-multistep">
218 <img src="<?php echo esc_url( plugins_url( '../assets/images/multistep-form.png', __FILE__ ) ); ?>" alt="<?php esc_attr_e( 'Multi-Step Forms', 'elementskit-lite' ); ?>" />
219 </div>
220 </div>
221 </div>
222 </article>
223
224 <article class="feature feature-advanced-integrations">
225 <div class="feature-content-box">
226 <div class="feature-content">
227 <h2>
228 <?php esc_html_e('18+ Advanced', 'elementskit-lite'); ?>
229 <br>
230 <?php esc_html_e('Integrations', 'elementskit-lite'); ?>
231 </h2>
232 <ul>
233 <li>
234 <span class="check-icon" aria-hidden="true">
235 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
236 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
237 </svg>
238 </span>
239 <?php esc_html_e('reCAPTCHA spam protection for forms.', 'elementskit-lite'); ?>
240 </li>
241 <li>
242 <span class="check-icon" aria-hidden="true">
243 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
244 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
245 </svg>
246 </span>
247 <?php esc_html_e('Google Maps and Sheets integration.', 'elementskit-lite'); ?>
248 </li>
249 <li>
250 <span class="check-icon" aria-hidden="true">
251 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
252 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
253 </svg>
254 </span>
255 <?php esc_html_e('Support PayPal and Stripe payments.', 'elementskit-lite'); ?>
256 </li>
257 </ul>
258 </div>
259 <div class="feature-media">
260 <div class="media-mock media-advanced-integrations">
261 <img src="<?php echo esc_url( plugins_url( '../assets/images/advanced-integrations.png', __FILE__ ) ); ?>" alt="<?php esc_attr_e( 'Advanced Integrations', 'elementskit-lite' ); ?>" />
262 </div>
263 </div>
264 </div>
265 </article>
266
267 <article class="feature feature-crm-integrations">
268 <div class="feature-content-box">
269 <div class="feature-content">
270 <h2>
271 <?php esc_html_e('CRM and Newsletter', 'elementskit-lite'); ?>
272 <br>
273 <?php esc_html_e('Integrations', 'elementskit-lite'); ?>
274 </h2>
275 <ul>
276 <li>
277 <span class="check-icon" aria-hidden="true">
278 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
279 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
280 </svg>
281 </span>
282 <?php esc_html_e('Integrates with 7+ CRMs and Newsletters.', 'elementskit-lite'); ?>
283 </li>
284 <li>
285 <span class="check-icon" aria-hidden="true">
286 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
287 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
288 </svg>
289 </span>
290 <?php esc_html_e('HubSpot, Zoho, MailChimp, integration', 'elementskit-lite'); ?>
291 </li>
292 <li>
293 <span class="check-icon" aria-hidden="true">
294 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none"><rect width="20" height="20" fill="#3B67FE" rx="10"/>
295 <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.333 7.708 8.75 12.292l-2.083-2.084"/>
296 </svg>
297 </span>
298 <?php esc_html_e('MailChimp, AWeber, ConvertKit, and more.', 'elementskit-lite'); ?>
299 </li>
300 </ul>
301 </div>
302 <div class="feature-media">
303 <div class="media-mock media-crm-integrations">
304 <img src="<?php echo esc_url( plugins_url( '../assets/images/crm-integrations.png', __FILE__ ) ); ?>" alt="<?php esc_attr_e( 'CRM Integrations', 'elementskit-lite' ); ?>" />
305 </div>
306 </div>
307 </div>
308 </article>
309 </section>
310
311 <!-- Info table: Free vs Pro -->
312 <section class="ekit-info-table" aria-labelledby="metform-compare">
313 <div class="ekit-info-title-wrap">
314 <h3 id="metform-compare" class="ekit-info-title"><?php esc_html_e('MetForm Free vs Pro', 'elementskit-lite'); ?></h3>
315 <p class="ekit-info-desc"><?php esc_html_e('Want full freedom while designing WordPress forms? Switch to PRO! Here is what you will be getting with MetForm Pro.', 'elementskit-lite'); ?></p>
316 </div>
317
318 <div class="info-table-wrap">
319 <table class="info-table" role="table" aria-describedby="metform-compare">
320 <thead>
321 <tr>
322 <th><?php esc_html_e('Features', 'elementskit-lite'); ?></th>
323 <th><?php esc_html_e('Free', 'elementskit-lite'); ?></th>
324 <th><?php esc_html_e('Pro', 'elementskit-lite'); ?></th>
325 </tr>
326 </thead>
327 <tbody>
328 <?php
329 // Import icons from assets/images
330 $check_icon_url = plugins_url( '../assets/images/check-icon.svg', __FILE__ );
331 $cross_icon_url = plugins_url( '../assets/images/cross-icon.svg', __FILE__ );
332
333 $check_icon = '<img src="' . esc_url($check_icon_url) . '" alt="' . esc_attr__('Available', 'elementskit-lite') . '" width="22" height="22" />';
334 $cross_icon = '<img src="' . esc_url($cross_icon_url) . '" alt="' . esc_attr__('Not Available', 'elementskit-lite') . '" width="22" height="22" />';
335
336 $info_rows = array(
337 array('Form Templates','4+','40+'),
338 array('Contact Form', $check_icon, $check_icon),
339 array('Booking Form', $check_icon, $check_icon),
340 array('Multi-Step Form', $cross_icon, $check_icon),
341 array('Quiz Form', $cross_icon, $check_icon),
342 array('Conditional Logic', $cross_icon, $check_icon),
343 array('Calculations', $cross_icon, $check_icon),
344 array('Field Validation', $cross_icon, $check_icon),
345 array('Login / Register', $cross_icon, $check_icon),
346 array('WooCommerce Checkout', $cross_icon, $check_icon),
347 array('reCAPTCHA', $check_icon, $check_icon),
348 array('GDPR Consent', $check_icon, $check_icon),
349 array('Entry Restrictions', $check_icon, $check_icon),
350 array('Google Map', $cross_icon, $check_icon),
351 array('Google Sheet', $cross_icon, $check_icon),
352 array('PayPal Payment', $cross_icon, $check_icon),
353 array('Stripe Payment', $cross_icon, $check_icon),
354 array('MailChimp', $check_icon, $check_icon),
355 array('Hubspot', $check_icon, $check_icon),
356 array('Zoho', $cross_icon, $check_icon),
357 array('Aweber', $cross_icon, $check_icon),
358 array('ConvertKit', $cross_icon, $check_icon),
359 );
360
361 foreach($info_rows as $r){
362 $col1 = esc_html($r[0]);
363 $col2 = (strpos($r[1], '<img') !== false) ? $r[1] : esc_html($r[1]);
364 $col3 = (strpos($r[2], '<img') !== false) ? $r[2] : esc_html($r[2]);
365 // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- $col1, $col2 and $col3 are escaped above.
366 echo '<tr><td>'.$col1.'</td><td class="center">'.$col2.'</td><td class="center">'.$col3.'</td></tr>';
367 }
368 ?>
369 </tbody>
370 </table>
371 </div>
372 </section>
373
374 <!-- Newsletter / final CTA -->
375 <section class="ekit-newslater">
376 <div class="newslater-inner">
377 <div class="newslater-copy">
378 <h3 class="newslater-title">
379 <?php esc_html_e('Switch to MetForm Pro and start creating', 'elementskit-lite'); ?>
380 <br>
381 <?php esc_html_e('your WordPress forms with', 'elementskit-lite'); ?>
382 <span class="limitless-link"><?php esc_html_e('Limitless Options', 'elementskit-lite'); ?></span>.
383 </h3>
384 </div>
385 <div class="newslater-cta">
386 <a
387 href="https://wpmet.com/plugin/metform/pricing/"
388 target="_blank"
389 class="ekit-premium-btn"
390 >
391 <?php echo esc_html__('Go Premium', 'elementskit-lite'); ?>
392 </a>
393 </div>
394 </div>
395 </section>
396 </div>
397
398 </div>
399