Как сделать уникальные формы во всплывающем окне в WordPress?

Question

[Alex]

Приветствую, дорогие друзья.

Передо мной встала следующая задача:
На сайте (WordPress) нужно сделать несколько кнопок, при нажатии на каждую из которых должен появляться fancybox с изображением товара и стандартной формой (Имя-Телефон-Заказать).

Подобные кнопки с формами нужно будет создавать и редактировать постоянно.
Сложность заключается в том, что я помогаю с сайтом девушкам, которые смогли освоить Divi Builder, но глубже разбираться в WP им сложно.
И вариант вроде "Зайти в Contact Form 7 - Создать форму - Получить шорткод - вставить в Popup Maker - Добавить там как-нибудь картинку" не подходит (да мне и самому он кажется костылями).

В общем, если вы сможете посоветовать какое-нибудь "элегантное и простое" решение, буду крайне благодарен!)

Answer 1

[pereyaslavskiy]

На сколько мне известно "элегантного и простого" готового решения нет (по крайней мере была у меня похожая задача и не нашел) Можете посмотреть в сторону "product enquiry for woocommerce" плагина, но я делал именно Contact Form 7 + dynamic text extension + немного кода, чтобы подгрузить изображение + свой popup.

Answer 2

[Сёмка Гавриленко]

Давайте посмотрим постановку задачи:
Зачем вам "уникальные формы", если во всех есть одинаковые поля и, как я думаю, они отправляются на один и тот же имэйл.
Если я правильно понимаю, то различаются они только тем, что в письме указывается товар. Если это так, тогда проще на PHP или JS определять на какой мы странице и в скрытое поле формы вставлять название товара. Тогда форма будет одна для всех страниц.

Comments

[Alex]

Вашу мысль уловил, но на одной странице по несколько товаров будет.

Можно, конечно, настроить подстановку данных в скрытое поле при нажатии на кнопку, но если я еще с горем пополам смогу с этим разобраться, то, с появлением новых позиций, девчонки не разберутся, где прописывать данные для скрытого поля в форме.

В идеале хотелось бы найти какой-то готовый плагин с формой в лайтбоксе, которую легко клонировать и настроить в визуальном редакторе вместе со скрытыми полями. Но, судя по вашему и другим советам, подобного решения не существует.

Чувствую, придется им делать интернет-магазин)

Answer 3

[id_baton4eg]

Использовать одну и ту же форму, при необходимости поля делать скрытыми, заполнять их значения динамически, в случае с CF7 например передавая их значения через шорткод либо напрямую через jquery

Comments

[Alex]

Не подскажете, каким образом можно настроить передачу значений через шорткод при нажатии на кнопку?

[id_baton4eg]

functions.php:

add_filter( 'shortcode_atts_wpcf7', 'custom_shortcode_atts_wpcf7_filter', 10, 3 );
function custom_shortcode_atts_wpcf7_filter( $out, $pairs, $atts ) {
	$my_attr = 'course-name'; //<---- ИД ВАШЕГО ПОЛЯ
	if ( isset( $atts[$my_attr] ) ) {
		$out[$my_attr] = $atts[$my_attr];
	}
	return $out;
}

В шорткоде:
[contact-form-7 id="694" course-name="ПЕРЕДАВАЕМОЕ_ЗНАЧЕНИЕ" title=""]

[id_baton4eg]

Alex, плагина такого как вы ищите нет. Динамические значения можно передавать в цикле, в шорткоде:
[contact-form-7 id="694" course-name="<?= get_the_title($post->ID) ?>" title=""]

[Alex]

id_baton4eg, большое спасибо, буду экспериментировать)