Эта страница содержит документацаю к устаревшей версии шаблонизатора, поддержка которой вскоре будет прекращена. Мы настоятельно рекомендуем вам обратиться к актуальной версии
Рекомендуем ознакомиться со страницей перенос лендинга для понимания общих принципов работы. Также рекомендуем ознакомиться с кодом этого демо-лендинга - в нем используются все возможности шаблонизатора.
Не забывайте, что у нас есть эмулятор нашего шаблонизатора

Возможности шаблонизатора

Системные
При создании собственных шаблонов обязательно учитывайте следующие особенности:

Все подключаемые ресурсы (стили, скрипты, изображения) должны находиться в папке files/
files - возвращает путь к папке «files» шаблона. Имейте ввиду, что простое прописывание в html-коде пути вида <img src="files/image.jpg" /> приведет к недоступности подключаемого ресурса. Необходимо использовать следующую конструкцию <img src="files/image.jpg" />

jquery - подключает jQuery 1.9.1. Можете не использовать его если вам нужна альтернативная версия jQuery. В любом случае, для более быстрой загрузки лендинга рекомендуем загружать jQuery c CDN. Например, отсюда http://api.yandex.ru/jslibs/libs.xml#jquery

Ваши шаблоны должны быть в кодировке UTF-8

domain - возвращает текущий домен. Текущее значение: «http://demo-1.leadvertex.info»

upsell - возвращает параметры url для апселов. Текущее значение:

?f=0
Используется в тех случаях, когда на странице успешного заказа предлагается посмотреть другие офферы. В таком случае, вы можете сделать ссылки на эти офферы партнерскими, и лиды, совершенные на них будут засчитаны от веб-мастера, который привел текущего покупателя, в метках будет указано то, что это upsell, а также форма заказа на upsell-оффере уже будет заполнена ранее введенными данными. Пример того, что может возвращать параметр upsell:
?f=2&utm_source=offer&utm_medium=upsell&fio=Иванов Иван Иванович&phone=+79871234567

webmaster - возвращает ID вебмастера. Текущее значение: «0». Используется в тех случаях, когда на странице успешного заказа предлагается посмотреть другие офферы. В таком случае, вы можете сделать ссылки на эти офферы партнерскими, и лиды, совершенные на них будут засчитаны от веб-мастера, который привел текущего покупателя. Например, ссылка на другой оффер может быть вида http://demo-1.leadvertex.info/?f=0


utm_source - возвращает метку utm_source. Текущее значение: «»

utm_medium - возвращает метку utm_medium. Текущее значение: «»

utm_term - возвращает метку utm_term. Текущее значение: «»

utm_content - возвращает метку utm_content. Текущее значение: «»

utm_campaign - возвращает метку utm_campaign. Текущее значение: «»


order_number - возвращает номер текущего заказа пользователя. Текущее значение: «нет»

order_total - возвращает итоговую стоимость оформленного заказа пользователя. Текущее значение: «0»


content - В корне папки каждого домена есть главный файл layout.html - это шаблон основной страницы, в которую обычно включается шапка и подвал, а контент прочих страниц загружается из отдельных файлов. Тег content включает в содержимое главного файла layout.html содержимое файла, находящегося в папке pages. Т.е. запрос вида http://demo-1.leadvertex.info/page.html выведет внутри главного файла layout.html содержимое файла pages/page.html

no_layout - если этот тег прописан в коде страницы из папки pages/, то содержимое этой страницы будет отображено само по себе, т.е. без использования главного файла index.html
Пример можете посмотреть на странице успешного заказа

Настраиваемые переменные

title - возвращает заголовок, указанный в конфигурации проекта. Текущее значение: «Демо-оффер»

meta_description - возвращает мета-описание страницы, указанное в конфигурации проекта. Текущее значение: «Готовая система для онлайн-продаж на одностраничных сайтах с возможностью расширенного управления заказами, учетом работы операторов прозвона клиентов и возможностью приглашения веб-мастеров для работы по система CPA»

meta_keywords - возвращает мета-ключевые слова страницы, указаные в конфигурации проекта. Текущее значение: «продажник, одностраничник, движок одностраничника, продажи в интернете, продажа инфотоваров»

email - возвращает email администратора, указаный в конфигурации проекта. Текущее значение: «email@example.com». Может принимать следующие параметры:

  • email|protected - возвращает email-адрес, защищенный от спам-ботов. Выглядит на странице как обычно: «info@example.com», но посмотрите код страницы
  • email="email@example.com" - возвращает значение: «»
  • email="email@example.com"|protected" - возвращает произвольный email, защищенный от спама: «email@example.com»

phone - возвращает телефон, указаный в конфигурации проекта. Текущее значение: «8-800-2000-600»

Вы можете переопределять переменные из файлов шаблонов. Например, вы хотите изменить title для страницы. Для этого в начале страницы пропишите title="Ваш текст"
Рекомендуем посмотреть код этого демо-лендинга. Он наглядно это иллюстрирует на примере заголовков страниц и активных пунктов меню
Цены

price - возвращает стоимость товара, указанную в конфигурации проекта. Текущее значение: «1000». Возможны варианты: price+500, price*2, price-500, price/2,price+30%

price_old - возвращает старую стоимость товара, указанную в конфигурации проекта. Текущее значение: «3900». Также возможны арифметические операции.

price for=5 - возвращает стоимость пяти единиц товара c учетом скидок. Текущее значение: «3500»

diff_price_sum - Возвращает разницу между старой и новой ценой. Текущее значение: «2000»

diff_price_percent - Возвращает разницу между старой и новой ценой в процентах. Текущее значение: «67»

Ценовые опции

На тарифах линейки «Професиональный» можно устанавливать ценовые опции в зависимости от выбранных параметров заказа. Например, можно сделать параметр «комплектация» с 3-мя вариантами:

  • Базовая + 0 руб
  • Расширенная + 1000 руб
  • Топовая + 3500 руб

price_multi - Возвращает стоимость единицы товара с выбранными ценовыми опциями. Текущее значение: «1000». При смене ценовых опций сумма пересчитывается и обновляется на лендинге автоматически

price_option additional1="Расширенная" - Возвращает стоимость ценовой опции. Текущее значение: «1000». Не изменятся на лендинге. Параметр additional1 - название поля формы. Может принимать значения, указанные в списке ниже. Значение параметра - название ценовой опции, указанное в настройках полей формы. Если хотите получить сумму цены товара и его ценовой опции, то выберите price additional1="Расширенная", пример значение: 2000

  • fio
  • country
  • postIndex
  • region
  • city
  • address
  • house
  • flat
  • phone
  • email
  • quantity
  • comment
  • checkboxPersonalData
  • checkboxAgreeTerms
  • additional1
  • additional2
  • additional3
  • additional4

Цена доставки

Цена доставки может зависеть от количества товаров. Например, в настройках может быть установлен параметр «Применять цену доставки к каждому товару» - в таком случае, цена доставки будет умножаться на количество товаров. В связи с этим есть несколько особенностей использования данного тега:

  • price_delivery - возвращает стоимость доставки товара. Текущее значение: «100». Изменяется автоматически при смене количества товара. Использование данного тега целесообразно в форме заказа для того, чтобы ваш клиент видел сколько и на что он тратит.
  • price_delivery=1 - возвращает стоимость доставки одной единицы товара. Текущее значение: «100». Не изменяется автоматически. Целесообразно использовать например в описании условий доставки в тексте страницы

price_total - возвращает цена_товара*количество - скидка +доставка. Текущее значение: «1100». При смене количества сумма пересчитывается и обновляется автоматически

В настройках оффера предприниматель может устанавливать скидки на товар, в зависимости от его количества

  • quantity_discount_sum - возвращает текущую сумму скидки за выбранное количество товара. Текущее значение: «0». Изменяется автоматически при смене количества товара.
  • quantity_discount_sum=5 - возвращает текущую сумму скидки за 5 единиц товара. Текущее значение: «1500». Не изменяется автоматически.
  • quantity_discount_percent - возвращает текущую сумму скидки в процентах за выбранное количество товара. Текущее значение: «0». Изменяется автоматически при смене количества товара.
  • quantity_discount_percent=5 - возвращает текущую сумму скидки в процентах за 5 единиц товара. Текущее значение: «30». Не изменяется автоматически.

currency - возвращает валюту продаваемого товара. Текущее значение: «руб».

Дата и время

today - возвращает текущую дату. Текущее значение: «19 февраля»

year - возвращает текущий год. Текущее значение: «2019»

from_to - возвращает диапазон дат (по умолчанию за 7 дней), где последний день является текущим. Текущее значение: «12 по 19 февраля»

from_to=5 - возвращает диапазон дат за 3 дня (параметр изменяемый). Текущее значение: «14 по 19 февраля»

only_to - возвращает текущую дату + 2 дня. Текущее значение: «21 февраля»

only_to=5 - возвращает текущую дату + 5 дней (параметр изменяемый). Текущее значение: «24 февраля»

География
Если определить географию невозможно, то возвращается «Москва, Московская область»

geo_city - возвращает город пользователя по IP. Текущее значение: «Хьюстон»

geo_region - возвращает регион пользователя по IP. Текущее значение: «Техас»

geo_country - возвращает страну пользователя по IP. Текущее значение: «США»

geo_country_code - возвращает ISO-код страны пользователя по IP. Текущее значение: «US»

О том, как реализовать простейший гео-таргетинг смотрите в FAQ

Форма заказа
При отображении формы заказа к ней автоматически подключаются некоторые стили. В большинстве случаев эти стили нужны чтобы не стилизовать форму «с нуля». Однако иногда некоторые из них (например, border и box-sizing: border-box;) могут мешать. Чтобы исключить мешающие стили, подключайте форму form|no_css или form_2|no_css

  • Цена: 1000 руб
  • Скидка: 0%
  • Скидка при заказе 5 шт: 30%
  • Вы экономите: 0 руб
  • При заказе 5 шт вы экономите: 1500 руб
  • Доставка: 100 руб
  • Доставка 5 шт: 500 руб
  • Итого (+ доставка и НДС): 1100 руб

На одной странице возможно размещать не более девяти форм заказа используя form, form2, form3 ...
Форма уточнения заказа

Форма уточнения заказа используется на странице успешного оформления заказа, и служит для того, чтобы предложить клиентам дополнить данные о себе (например, город, адрес и индекс) или совершать апселы, которые будут добавлены в заказ.

Важно Форма уточнения заказа не может быть выведена на одной странице с формой заказа. Также, форма уточнения заказа выводится только в течение 10 минут после того, как основной заказ уже был совершен. Это сделано для того, чтобы избежать конфликтов у операторов прозвона и клиентов, уточняющих данные заказа. После использования формы уточнения заказа или по истечению 10 минут она исчезнет, и не появится у клиента до тех пор, пока он не сделает новый заказ

Для вывода формы уточнения заказа используйте тег form_update. Пример вывода такой формы вы можете увидеть, если сделаете заказ здесь, либо включите в настройках полей формы в своём демо оффере какое-либо из уточняющих полей

Пример кода: Как лучше вставлять форму уточнения заказа

Часто возникает необходимость вывести вместе с формой уточнения заказа дополнительный контент, при этом отображать этот контент нужно только в случае, если сама форма уточнения видима. Для этого просто оберните дополнительный контент и форму уточнения в любой html-элемент, указав ему id #lv-update

                    <div id="lv-update">
                        <p>Помогите нам ускорить отправку. Укажите ваш город, адрес и почтовый индекс</p>
                        [[form_update]]
                    </div>

При отсутствии формы уточнения заказа весь блок #lv-update будет скрыт


По аналогии с формой заказа при отображении формы уточнения заказа к ней автоматически подключаются некоторые стили. Чтобы исключить мешающие стили, подключайте используйте следующий модификатор form_update|no_css. Также, доступны методы window.leadvertex.form описанные на странице примерами форм заказа. Единственное отличие - вместо номера формы нужно передавать строку 'update'
JavaScript, CSS и сторонние библиотеки

О том, как подключить к проекту jQuery, описано выше

Подключать сторонние, популярные библиотеки типа bootstrap и moderniz мы рекомендуем с Яндекс CDN - такой подход поможет вам обеспечить более высокую скорость загрузки страниц, что повысит вашу конверсию и снизит нагрузку на наши сервера


Есть определенные вещи, которые очень часто используются в лендингах. Например, обратный отсчет времени для стимулирования клиента заказать товар/услугу быстрее. Ниже приведены готовые скрипты, которые позволят вам проще подключать часто требуемый функционал. Список будет пополняться.
Обратный отсчет времени

countdown.js - подключает скрипт таймера обратного отсчета.

Время отсчета таймера задается в секундах в любом месте страницы (или в вашем скрипте). В данном примере: 560 секунд <script>window.leadvertex.seconds = 560</script>

Далее, прописав классы к нужным элементам их содержимое будет заменяться соответствующими значениями:

  • .lv_countdown_days Дней:
  • .lv_countdown_hours Часов:
  • .lv_countdown_minutes Минут:
  • .lv_countdown_seconds Секунд:

После истечения времени счетчик пойдет повторно

FAQ
Примеры разных конфигураций формы заказа
Разметка формы заказа содержит достаточно вложенных друг в друга элементов, что позволяет придавать ей практически любой вид средствами CSS, будь то раположение полей в 2 колонки или изменение любых параметров отдельного поля.
Кроме того, вы можете испольовать javascript для более тонкой кастомизации
Используя географические теги вы можете сделать простейший редирект на другой сайт если страна посетителя не соответствует заданной. Например, вы работаете по России, и к вам заходит пользователь с Украины. Вы можете перенаправить пользователя с украины на другой сайт используя следующий код
<script>
  if ('{{geo_country_code}}'=='UA')
    window.location.href = 'http://другой-сайт.ru/?f={{webmaster}}';
</script>
Вы можете использовать эмулятор нашего шаблонизатора у себя на компьютере