Код кнопки:
<a class="btn-price btn-zakaz" href="#hidden" data-title-service="<?php the_sub_field( 'products_cart_title' ); ?>">Подробнее</a>
Скрытые поля cf7
[hidden title-service class:hide-title id:title-service]
вставляем код после футора не забываем указать id кнопки заказа
<script>
$('.btn-zakaz') .click(function (){
titleService = $(this).attr('data-title-service');
priceService = $(this).attr('data-price-service');
$('.hide-title').val(titleService);
$('.hide-price').val(priceService);
});
</script>
Модальное окно
<div style="display: none; width: 500px;" id="hidden2">
<h2>Заказать медсестру</h2>
<p>или позвоните по номеру:</p>
<a href="tel:+79189810015" class="btn-sestra2">+7(918)918-00-15</a>
<div class="fomcontact">
<?php echo do_shortcode('[contact-form-7 id="8ab46d0" title="Услуга1"]'); ?>
</div>
</div>
СПОСОБ 2
Добавляем к кнопке
data-title="Название услуги"
В cf7 добавляем скрытое поле
[hidden service_title id:cf7-service-title]
В футере вставляем скрипт и не забываем указать класс кнопки
<script>
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('.order-button').forEach(function(button) {
button.addEventListener('click', function() {
var serviceTitle = button.getAttribute('data-title');
var formField = document.querySelector('#cf7-service-title');
if (formField) {
formField.value = serviceTitle;
}
});
});
});
</script>