Как настроить всплывающее окно с формой обратной связи на wordpress?

Question

[vagono]

Добрый день! Имеется рабочая форма обратной связи на SMTP Yandex. Сделана на Contact Form 7.

Решил завернуть ее во всплывающее окно при нажатии кнопки.
Установлена тема "Shapely", через ее виджеты сделал кнопку на главной, но вот добавить туда шорт-код ни в каком виде не получается. Не помогают и ссылки вроде:

<a href=”#” class=”popmake-106″>Открыть всплывающее окно</a>

Подскажите, как решить задачу? ссылка на сайт

Comments

[Евгений Самсонов]

> но вот добавить туда шорт-код ни в каком виде не получается.
Что за шорт код? Подробнее, как должна открываться эта форма? Через вызов javascript метода?

[vagono]

Евгений Самсонов, я имел ввиду шорт-код формы от Contact Form 7.

задача: сделать всплывающее окно с формой обратной связи по нажатию кнопки.
Можно любыми методами

[Евгений Самсонов]

vagono, можно предположить, что вам нужно в ссылке написать js, который форму сделает видимой. Вместо form_id подставить id формы

<a href=”#” class=”popmake-106″ onclick="document.getElementById('form_id').style.display = 'block'">Открыть всплывающее окно</a>

[vagono]

Евгений Самсонов, вот шорт код [contact-form-7 id="42" title="Контактная форма"]
с ним так получится?

Answer 1

[Орхан Гасанлы]

Здравствуйте!
Вероятнее всего вы используете плагин Popup Maker для создания модалки. При создании модалки шорткод CF7 вставляете туда.
Далее создаете триггер, который и будет запускать (показывать) вашу модалку.
Скрипт модального окна привязывается к классу или к id ссылки.
Могу предположить, что в вашем случае:

<a href=”#” class=”popmake-106″>Открыть всплывающее окно</a>

событие отображения модалки подвязано к классу .popmake-106