Для изменения Contact Form 7 динамически в зависимости от определенных условий или критериев, вы можете использовать JavaScript или PHP скрипты.
Например, вы можете добавить скрипт JavaScript, который будет отслеживать изменение выбранного значения в выпадающем списке и в зависимости от этого значения будет показывать или скрывать соответствующую форму Contact Form 7 в блоке form-body.
Пример кода на JavaScript:
```javascript
document.getElementById('выпадающий список').addEventListener('change', function() {
var selectedForm = this.value;
// Скрыть все формы
document.querySelectorAll('.form-body .cf7-form').forEach(function(form) {
form.style.display = 'none';
});
// Показать нужную форму
document.querySelector('.form-body .cf7-form[data-form="' + selectedForm + '"]').style.display = 'block';
});
```
В HTML коде вы можете добавить data-атрибут к каждой форме Contact Form 7, чтобы легко идентифицировать их:
```html
<select id="выпадающий список">
<option value="form1">Форма 1</option>
<option value="form2">Форма 2</option>
...
</select>
<div class="form-body">
<div class="cf7-form" data-form="form1">
<!-- Вставьте код формы 1 Contact Form 7 сюда -->
</div>
<div class="cf7-form" data-form="form2">
<!-- Вставьте код формы 2 Contact Form 7 сюда -->
</div>
...
</div>
```
Таким образом, после клика на название в выпадающем списке будет отображаться соответствующая форма Contact Form 7 в блоке form-body.
Надеюсь, это поможет вам решить задачу по динамическому изменению форм Contact Form 7 на вашем сайте. Если у вас возникнут дополнительные вопросы, не стесняйтесь спрашивать.