Update pages.html
Browse files- pages.html +42 -86
pages.html
CHANGED
@@ -463,93 +463,49 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
463 |
</script>
|
464 |
|
465 |
<script>
|
466 |
-
// Создаем
|
467 |
-
editor.
|
468 |
-
model: {
|
469 |
-
defaults: {
|
470 |
-
// HTML-код формы
|
471 |
-
content: `
|
472 |
-
<div class="container">
|
473 |
-
<form id="contactForm">
|
474 |
-
<h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
|
475 |
-
<div class="form-group name-field">
|
476 |
-
<label for="name">Имя</label>
|
477 |
-
<input type="text" id="name" required>
|
478 |
-
</div>
|
479 |
-
<div class="form-group email-field">
|
480 |
-
<label for="email">Почта</label>
|
481 |
-
<input type="email" id="email" required>
|
482 |
-
</div>
|
483 |
-
<div class="form-group phone-field">
|
484 |
-
<label for="phone">Телефон</label>
|
485 |
-
<input type="tel" id="phone" required>
|
486 |
-
</div>
|
487 |
-
<div class="form-group options-field">
|
488 |
-
<label for="options">Выберите тариф</label>
|
489 |
-
<select id="options" required>
|
490 |
-
<option value="" disabled selected>Тариф</option>
|
491 |
-
<option>БИЗНЕС - 69 970р.</option>
|
492 |
-
<option>PREMIUM - 89 970р.</option>
|
493 |
-
<option>VIP - 149 990р.</option>
|
494 |
-
</select>
|
495 |
-
</div>
|
496 |
-
<div class="form-check newsletter-field">
|
497 |
-
<input type="checkbox" id="newsletter" required>
|
498 |
-
<label for="newsletter">Согласие на email рассылку</label>
|
499 |
-
</div>
|
500 |
-
<div class="form-group privacy-policy-link">
|
501 |
-
<a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
|
502 |
-
</div>
|
503 |
-
<button type="submit" class="btn-primary submit-button">ПЕРЕЙТИ К ОПЛАТЕ</button>
|
504 |
-
</form>
|
505 |
-
</div>
|
506 |
-
`,
|
507 |
-
// Скрипт для обработки отправки формы
|
508 |
-
script: function(props) {
|
509 |
-
const form = this.querySelector('#contactForm');
|
510 |
-
const avpInput = form.querySelector('input[name="avp_v"]');
|
511 |
-
const grupInput = form.querySelector('input[name="grup_v"]');
|
512 |
-
const red_urlInput = form.querySelector('input[name="red_url_v"]');
|
513 |
-
if (avpInput) {
|
514 |
-
avpInput.value = props.avp;
|
515 |
-
}
|
516 |
-
if (grupInput) {
|
517 |
-
grupInput.value = props.grup;
|
518 |
-
}
|
519 |
-
if (red_urlInput) {
|
520 |
-
red_urlInput.value = props.red_url;
|
521 |
-
}
|
522 |
-
},
|
523 |
-
// Свойства, которые будут передаваться в скрипт
|
524 |
-
'script-props': ['avp', 'grup', 'red_url'],
|
525 |
-
// Настройки для изменения URL отправки
|
526 |
-
traits: [
|
527 |
-
{
|
528 |
-
type: 'text',
|
529 |
-
name: 'avp',
|
530 |
-
label: 'AVP',
|
531 |
-
changeProp: true
|
532 |
-
},
|
533 |
-
{
|
534 |
-
type: 'text',
|
535 |
-
name: 'grup',
|
536 |
-
label: 'GRUP',
|
537 |
-
changeProp: true
|
538 |
-
},
|
539 |
-
{
|
540 |
-
type: 'text',
|
541 |
-
name: 'red_url',
|
542 |
-
label: 'RED_URL',
|
543 |
-
changeProp: true
|
544 |
-
}
|
545 |
-
]
|
546 |
-
}
|
547 |
-
}
|
548 |
-
});
|
549 |
-
// Создаем блок для компонента формы
|
550 |
-
editor.Blocks.add('custom-form-block', {
|
551 |
label: 'Custom Form',
|
552 |
-
content:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
553 |
});
|
554 |
|
555 |
// Добавляем возможность настройки каждого элемента формы
|
|
|
463 |
</script>
|
464 |
|
465 |
<script>
|
466 |
+
// Создаем блок формы
|
467 |
+
editor.Blocks.add('custom-form', {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
468 |
label: 'Custom Form',
|
469 |
+
content: `
|
470 |
+
<div class="form-container container">
|
471 |
+
<form id="contactForm">
|
472 |
+
<div class="form-group title-field">
|
473 |
+
<h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
|
474 |
+
</div>
|
475 |
+
<div class="form-group name-field">
|
476 |
+
<label for="name">Имя</label>
|
477 |
+
<input type="text" id="name" required>
|
478 |
+
</div>
|
479 |
+
<div class="form-group email-field">
|
480 |
+
<label for="email">Почта</label>
|
481 |
+
<input type="email" id="email" required>
|
482 |
+
</div>
|
483 |
+
<div class="form-group phone-field">
|
484 |
+
<label for="phone">Телефон</label>
|
485 |
+
<input type="tel" id="phone" required>
|
486 |
+
</div>
|
487 |
+
<div class="form-group options-field">
|
488 |
+
<label for="options">Выберите тариф</label>
|
489 |
+
<select id="options" required>
|
490 |
+
<option value="" disabled selected>Тариф</option>
|
491 |
+
<option>БИЗНЕС - 69 970р.</option>
|
492 |
+
<option>PREMIUM - 89 970р.</option>
|
493 |
+
<option>VIP - 149 990р.</option>
|
494 |
+
</select>
|
495 |
+
</div>
|
496 |
+
<div class="form-check newsletter-field">
|
497 |
+
<input type="checkbox" id="newsletter" required>
|
498 |
+
<label for="newsletter">Согласие на email рассылку</label>
|
499 |
+
</div>
|
500 |
+
<div class="form-group privacy-policy-link">
|
501 |
+
<a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
|
502 |
+
</div>
|
503 |
+
<div class="form-group submit-button">
|
504 |
+
<button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
|
505 |
+
</div>
|
506 |
+
</form>
|
507 |
+
</div>
|
508 |
+
`,
|
509 |
});
|
510 |
|
511 |
// Добавляем возможность настройки каждого элемента формы
|