Шорткоды

Список всех шорткодов, доступный в плагине My Popup

Шорткод добавления кнопки

Добавляет кнопку с выбранным тегом (например, button или a для ссылок) и заданными значениями по внешнему виду (фон, рамка, отступы и др).

Примеры:

Кнопка-ссылка:
[mypopup_button tag="a" href="https://wpshop.ru/"]

Кнопка-ссылка в новой вкладке:
[mypopup_button tag="a" target="_blank" href="https://wpshop.ru/"]

Кнопка, которая закрывает попап:
[mypopup_button class="js-mypopup-modal-close"]

Кнопка с оранжевым фоном и белым текстом:
[mypopup_button class="js-mypopup-modal-close" background="#eea800" color="#fff"]Согласен[/mypopup_button]

Атрибуты:

tag – по умолчанию значение button, можно задать другой, например a
href – ссылка
class – css класс, по умолчанию js-mypopup-modal-close, этот класс превращает вставленную кнопку в кнопку закрытия попапа
background – цвет фона
color – цвет текста
border – рамка, например 1px solid red
padding – внутренний отступ
border-radius – скругление рамки
target — в какой вкладке открывать ссылку, например _blank, чтобы открывать в новой вкладке
close – значение 1 добавляет кнопке свойство onclick="myPopupClose(this)"

Чтобы по кнопке закрыть попап, добавьте в атрибут class значение js-mypopup-modal-close.

Шорткод таймера обратного отсчета

Таймер обратного отчета можно задать как до определенной даты, так и просто на определенное количество дней, часов и т.д.

Например, вы хотите мотивировать посетителя оставить заявку, вы можете создать таймер на 10 минут. Либо вам нужно установить таймер до 5 октября 17:00, тогда можно установить дату, до которой будет идти отсчет.

Если вы установили время 10 минут, то это время запишется в cookie и при обновлении страницы будет продолжаться с сохраненного значения.

Таймер на 10 минут:
[mypopup_countdown minutes=10]

Таймер на 3 дня и 1 час:
[mypopup_countdown days=3 hours=1]

Таймер до 12 сентября 2022 до конца дня:
[mypopup_countdown expire_date="2022-09-12 23:59:59"]

Таймер на 1 день с заданным фоном и цветом:
[mypopup_countdown days=1 background="#f56" color="#fff"]

Таймер на 10 минут с дополнительным стилем:
[mypopup_countdown minutes=10 style=2]

Атрибуты:

seconds — на сколько секунд установить таймер
minutes — минуты
hours — часы
days — дни
weeks — недели
months — месяцы
years — годы
expire_date — до какой даты установить таймер, формат YYYY-MM-DD HH:MM:SS, например: 2022-09-12 23:59:59. Важно, если установлен этот параметры, то параметры secodns, minutes, days, weeks, months и years игнорируются
hide_empty_counters — спрятать на старте секции с 00, по умолчанию Да (1), если таймер задан на 10 минут, то дни и часы не будут выведены. Если нужно показать все секции, добавьте в шорткод hide_empty_counters=0
style — стиль таймера, сейчас доступно 3 стиля, например: style=3
background — фоновый цвет
color — цвет текста

Шорткод социальных кнопок

[mypopup_social_buttons]

Позволяет выводить социальные кнопки, у которых заданы ссылки.

Дополнительные параметры

post_id – по умолчанию id текущего попапа в котором выводится шорткод.

Шорткод социальных виджетов

[mypopup_social_widget type="fb"]

Атрибуты:

type – тип подключаемого виджета, сейчас доступны значения:

  • fb или facebook для Facebook
  • vk или vkontakte для Vk
  • ok или odnoklassniki для одноклассников
  • tw или twitter для Twitter
  • pn или pinterest для Pinterest

Дополнительные параметры

post_id – по умолчанию id текущего попапа в котором выводится шорткод.

[mypopup_related_posts]

Дополнительные параметры

post_id – по умолчанию id текущего попапа в котором выводится шорткод.

Шорткод вставки html кода

[mypopup_html id=1]

Атрибуты:

id – по умолчанию 1, указывает порядковый номер блока с html кодом для вставки в контент

Дополнительные параметры

post_id – по умолчанию id текущего попапа в котором выводится шорткод.

Шорткод данных записи

[mypopup_post_data post_id="123" key="post_content"]

Позволяет выводить частично данные поста.

Атрибуты:

post_id – id записи или страницы, данные которой нужно выводить. Если не задан, то будет использоваться id текущей записи, в которой показывается попап (но только в режиме прямого вывода)

key – какие данные выводить, доступны значения:

  • ID – id записи или страницы
  • post_content – контент
  • post_title – заголовок
  • post_excerpt – отрывок
  • post_status – статус
  • post_name – название
  • post_date – дата создания
  • post_modified – дата редактирования
  • post_date_gmt – дата создания GMT
  • post_modified_gmt – дата редактирования GMT
  • post_author – автор поста
  • * – любой другой ключ, который может быть распознан как метаполе и получается с помощью функции get_post_meta(), например views

Шорткод встроенной обработки формы

[mypopup_form_options]

В версии 2.1.0 добавлен минимальный функционал обработки данных формы – они отсылаются на почту администратора. Шорткод нужен для добавления необходимых параметров, чтобы форма смогла корректно обработаться, её можно встроить с помощью блока “HTML-код”. Например, простейшая форма добавляется вот таким кодом

<form class="mypopup-modal__form">
    <label for="my_popup_name">Имя:</label>
    <input type="text" id="my_popup_name" name="Имя" placeholder="Имя" required>
    <label for="my_popup_email">Email:</label>
    <input type="email" id="my_popup_email" name="Email" placeholder="Email" required>
    [mypopup_form_options close-time=650]
    <button type="submit" class="button">Подписаться</button>
</form>

и выглядит так

Можно сделать её ещё компактней, убрав тэги <label>

<form class="mypopup-modal__form">
    <input type="text" name="Имя" placeholder="Имя" required>
    <input type="email" name="Email" placeholder="Email" required>
    [mypopup_form_options close-time=3500]
    <button type="submit" class="button">Подписаться</button>
</form>

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

<form class="mypopup-modal__form">
    <p>Любите креветки?</p>
    <label> <input type="radio" name="Любите креветки" value="да" required>Да</label>
    <label> <input type="radio" name="Любите креветки" value="нет" required>Нет</label>
    <input type="text" name="Имя" placeholder="Имя" required>
    <input type="email" name="Email" placeholder="Email" required>
    [mypopup_form_options close-time=3500]
    <button type="submit" class="button">Отправить ответ</button>
</form>