Перейти к содержимому
themeforge
RU
Начать бесплатно
Меню
  1. Главная
  2. Справочник атрибутов
  3. wp-shortcode
Основное Формы и плагины

Форма или виджет плагина прямо в вёрстке

wp-shortcode="[shortcode]"

Многие плагины WordPress показывают себя шорткодом: форма бронирования, календарь, слайдер. wp-shortcode ставит такой блок в нужное место макета, а настраивает его клиент в самом плагине.

Куда ставить

На блок, где должен оказаться виджет. Содержимое блока заменяется результатом шорткода.

Значение — шорткод целиком, со скобками и параметрами. В Webflow его вводят как есть; в HTML кавычки внутри пишутся как ".

Пример: форма бронирования

Вёрстка contacts.html
<div class="booking" wp-shortcode="[contact-form-7 id=&quot;42&quot; title=&quot;Booking&quot;]">
  <p>The booking form appears here</p>
</div>
В админке Contact → Contact Forms
Contact → Contact Forms
  • Booking — [contact-form-7 id="42" title="Booking"]
На сайте страница контактов

Your name

Date and time

Book a table

Поля и письма формы клиент меняет в плагине, вёрстку трогать не нужно.

Что важно

  • Плагин должен быть установлен и включён; без него на месте блока останется текст шорткода.
  • Для своих форм ThemeForge шорткод не нужен: размеченная форма работает сама.

Частые ошибки

Журнал сборки — вкладка «Логи» вашего проекта на themeforge.pro; те же замечания показывает бесплатная проверка разметки.

Так не надо
<div class="booking" wp-shortcode="contact-form-7 id=42">…</div>

Шорткод без квадратных скобок: на сайте окажется просто текст. Журнал промолчит.

Так правильно
<div class="booking" wp-shortcode="[contact-form-7 id=42]">…</div>

Значение — со скобками, как его даёт плагин.

Альтернативная запись

wp_shortcode работает так же: сборка даёт одинаковую тему.

Когда будете готовы

Посмотрите админку WordPress своего сайта до оплаты.