Отправка значений HTML в контактную форму 7 (CF7)

Question

В настоящее время у меня есть страница с несколькими кнопками JS и контактной формой CF7 под кнопками

У меня есть поле на этой странице, которое показывает значение, установленное кнопками <input type="number" id="price"/>

Мне было интересно, есть ли простой способ отправить значение цены в электронном письме CF7, используя что-то вроде document.getElementById('price').value

Буду признателен за помощь!

Answer 1

Вы можете создать скрытое поле для цены в cf7:

// hidden was css class for hidding field, id is your input price id for cf7
[number price class:hidden  id:price_to_send]

, а затем добавить значение из вашей входной цены вне cf7 в скрытое поле

$('#price').change(function() {
    $('#price_to_send').val($(this).val());
});

note: Если вам нужно было проверить ввод перед отправкой, вы можете использовать действие wpcf7_before_send_mail или другое действие / фильтр: http://hookr.io/plugins/contact-form-7/4.7/