Как организовать работу Popup Builder плагина для WordPress в php (HTML), что бы попандер сработал по клику?

Question

[Сергей Dydaevskiy]

Здравствуйте друзья, имеется сайт на WordPress на нем необходимо организовать показ форм (плагин Formidable) в попандере через клик по кнопке. Так как плагин при помощи которого созданы формы нуждается в перезагрузке страницы был найден плагин всплывающих окон Popup Builder, который дает ответное окно после окончания заполнения формы.
В общем мне необходимо добавить в header.php темы для WordPress ссылку по которой будет показано окно с формой, я сделал так:

<?php echo do_shortcode( '[sg_popup id="1" event="click"]
	<div style="" id="c4s_widget_button_53e60ebb407324d54332dd7de2257047" class="c4s-widget-btn">
<button id="votcallback_btn_open" class="c4s-modal-btn" onclick="">
<span class="c4s-turnInf-span">
</span>
<span class="c4s-txtRu-span">
</span>
</button>
<div class="c4s-circle-flat">
 </div>
<div class="c4s-prompt left-prompt ">
<span>
Заказать обратный звонок</span>
<span>
* Бесплатный сервис связи</span>
</div>

</div>
[/sg_popup]')
 ?>

Но без вставки в Functio.php данного кода:

function showPopupInChildTheme() {
     echo do_shortcode('[sg_popup id="1" event="click"][/sg_popup]');
}

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

Answer 1

[Laid]

if( is_front_page() ) {
echo do_shortcode( '[sg_popup id="1" event="click"]
  <div style="" id="c4s_widget_button_53e60ebb407324d54332dd7de2257047" class="c4s-widget-btn">
<button id="votcallback_btn_open" class="c4s-modal-btn" onclick="">
<span class="c4s-turnInf-span">
</span>
<span class="c4s-txtRu-span">
</span>
</button>
<div class="c4s-circle-flat">
 </div>
<div class="c4s-prompt left-prompt ">
<span>
Заказать обратный звонок</span>
<span>
* Бесплатный сервис связи</span>
</div>

</div>
[/sg_popup]')
}

Comments

[Сергей Dydaevskiy]

Приветствую, спасибо за ответ.
Во первых я опечатался, в function.php код другой:

function showPopupInChildTheme() {
echo do_shortcode('[sg_popup id="1" event="click"][/sg_popup]');
}

Во вторых вставя Ваш код не чего не изменилось, попандер все равно всплывает на всех страницах.

Но все равно огромное спасибо.

[Сергей Dydaevskiy]

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

[Laid]

dydikson: Кнопки оставьте также в header.php
А сам попандер перенесите в файл index.php (шаблон главной страницы) и он будет всплывать соответственно только на главной

[Сергей Dydaevskiy]

Привет, нет это совсем не то. Нужно как-то переделать:
function showPopupInChildTheme() {
echo do_shortcode('[sg_popup id="1" event="click"][/sg_popup]');
}

Так что б попандер не отображался при загрузке каждой страницы, но отображался при клике по кнопке. Как-то так.

[Сергей Dydaevskiy]

То есть при клике по кнопке (так как кнопка прописана в header) попандер должен появляться на любой странице сайта.

[Сергей Dydaevskiy]

Заметил еще один момент, если я вставляю шорт код в тело записи или страницы (в визуальном редакторе текста). То на этой странице или записи кнопка работает правильно. Значит кнопка подтягивает какието скрипты и классы которые вытягивает правильно вставленный шорт код.