RSForm Pro, всплывающее окно fancybox, thankyoumessage, сообщение благодарности

Среда, 26 апреля 2017 06:56

Как долго я искал решение простой задачи: Как вывести сообщение благодарности в окне fancybox 3? Вывести сайму форму во всплывающем окне не сложно. Лично я делал так:

Но как оказалось, форма отправляется, а окно закрывается. А нужно, чтобы вместо формы после отправки отображалось сообщение благодарности.

Итак решение нашлось в использовании iframe:

  1. Создаем форму RSForm (как это делать - гуглите). Запоминаем её ID.
  2. В свойствах формы добавьте CSS для вашей формы
  3. Также в свойствах формы, в "информации о форме" включите "Использовать AJAX проверку" и "Показывать сообщение благодарности". Так же задайте текст сообщения благодарности.
  4. В редакторе материала создаем ссылку следующего вида
    <a class="fancybox-iframe" data-src="/index.php?option=com_rsform&formId=3&tmpl=component" href="javascript:;">Ссылка на форму</a>

    Обратите внимание - в ссылке в части formId=3 вместо 3 укажите ID своей формы.

  5. Заметьте, что ссылке присвоен класс "fancybox-iframe". Для него важно инициализировать fancybox. В вашем шаблоне вставьте в файле JS следующий скрипт:
    jQuery(document).ready(function() {
    	jQuery('.fancybox-iframe').fancybox({
    		smallBtn : true,
    		closeBtn : false,
    		fullScreen : false,
    		type: 'ajax',
    		width: 320
    	});
    });

  6. Вот и всё. Если я пропустил какой-то пункт, собщите мне, я дополню ваш комментарий.

Оставить комментарий

Убедитесь, что вы вводите (*) необходимую информацию, где нужно
HTML-коды запрещены

Хотите заказать создание сайта?

Создание сайтов в Саранске и других городах России - это основное направление моей деятельности. Если вы решите создать интернет-ресурс, всегда разумно обратиться за помощью к профессионалу. Я предлагаю выгодную стоимость создания любого сайта, и если вы обратитесь ко мне, то получаете качественный ресурс с высокой конверсией.

Если у вас есть вопрос или хотите заказать сайт - заполните форму обратной связи или перезвоните мне. Всегда рад сотрудничеству с Вами!

Расчет стоимости проекта

Заказать сайт

Ваше имя(*) Только русские символы
Ваш email(*) Неверный ввод
Сообщение Только буквы и цифры