Как связать Contact Form и отдельный скрипт js?

Question

[devlad1]

Есть отдельный файл со скриптом js - калькулятор цены
Есть установленный плагин на сайт wordprees - Contact Form 7

Как мне их объединить/интегрировать между собой?

вот пример на сайте

Добавить скрипт на страницу или прям в форму в плагине?

Подскажите плз, спасибо!

Answer 1

[Александр Грач]

Смотря что ты хочешь
Если тебе надо данные передать из калькулятора в форму, то в CF7 закидываешь скрытое поле, а через JS присваиваешь ему значение которое ты берешь из калькулятора
Можешь на страницу добавить скрипт
Вот простой пример

var dlina = jQuery('.irs-single').text()
var color = jQuery('.custom-radio--calc-property.checked span').text()
jQuery('input[name="dlina_volos"]').val(dlina)
jQuery('input[name="color_volos"]').val(color)

В форму добавляешь 2 шорткода
[hidden dlina_volos]
[hidden color_volos]
===
Так же их и в письмо не забудь

Comments

[devlad1]

Ок это я понял, но мне нужно просто вывести калькулятор на страницу, в контакт форм 7 нельзя собрать калькулятор, там только обычные поля

[Александр Грач]

devlad1, а просто через код не вставить его? Я просто не совсем понял что ты хочешь

[devlad1]

вот вот я не знаю куда его вставить

[Александр Грач]

А куда надо?

[devlad1]

в контакт форм 7

[Александр Грач]

devlad1, значит просто берешь код калькулятора и пихаешь его в форму. Он будет там работать так