Выберите цвет:

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

Обратная связь

Задать вопрос

Стандартная форма

Если у вас возникли вопросы, используйте данную форму для обращения к нам.

Мы ответим на все интересующие вас вопросы касательно наших продуктов и услуг. В случае необходимости окажем помощь в настройке.

Если по какой либо причине вам не ответили в течение трёх часов (в рабочее время), напишите об этом в чате или на почту help@delaxa.site

Постарайтесь детально написать сообщение. Спасибо!

Ваше сообщение успешно отправлено

Ваше сообщение не отправлено

Форма с параллаксом

Если у вас возникли вопросы, используйте данную форму для обращения к нам.

Мы ответим на все интересующие вас вопросы касательно наших продуктов и услуг. В случае необходимости окажем помощь в настройке.

Если по какой либо причине вам не ответили в течение трёх часов (в рабочее время), напишите об этом в чате или на почту help@delaxa.site

Постарайтесь детально написать сообщение. Спасибо!

Ваше сообщение успешно отправлено

Ваше сообщение не отправлено

Светлый контакт-бар

Тёмный контакт-бар

Код блока «Обратная связь (стандартная форма)»

<section class="bg-white">
        <div class="container">
          <div class="request-a-callback clearfix">
            <div class="request-a-callback clearfix">
              <div class="request-a-callback-content">
                <h3>Стандартная форма</h3>
                <p>
                  Если у вас возникли вопросы, используйте данную форму для обращения к нам.
                  <br><br>
                  Мы ответим на все интересующие вас вопросы касательно наших продуктов и услуг. В случае необходимости окажем помощь в настройке.
                  <br><br>
                  Если по какой либо причине вам не ответили в течение трёх часов (в рабочее время), напишите об этом в чате или на почту <a href="mailto:help@delaxa.site">help@delaxa.site</a>
                  <br><br>
                  Постарайтесь детально написать сообщение. Спасибо!
                </p>
              </div>
              <div class="request-a-callback-form">
                <form id="callback" action="" method="post" onsubmit="return false">
                  <input type="text" name="name" placeholder="Ваше имя">
                  <input type="email" name="email" placeholder="Электронная почта">
                  <input type="text" name="phone" placeholder="Номер заказа">
                  <div class="styled-select">
                    <select type="text" name="subject">
                      <option>Выберите тему вопроса:</option>
                      <option>Найдена ошибка в тексте</option>
                      <option>Техническая ошибка</option>
                      <option>Я хочу внести предолжение</option>
                      <option>Я хочу оставить отзыв</option>
                    </select>
                  </div>
                  <textarea type="text" name="message" placeholder="Сообщение"></textarea>
                  <button type="submit" data-text="Отправить" class="btn btn-primary">Отправить</button>
                </form>
                <div id="success-feedback">
                  <p class="success-selector">Ваше сообщение успешно отправлено</p>
                </div>
                <div id="error-feedback">
                  <p class="error-selector">Ваше сообщение не отправлено</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

Код блока «Обратная связь (вариант с параллаксом)»

<section class="callback-bg parallax">
        <div class="container">
          <div class="request-a-callback clearfix">
            <div class="request-a-callback clearfix">
              <div class="request-a-callback-content">
                <h3>Форма с параллаксом</h3>
                <p>
                  Если у вас возникли вопросы, используйте данную форму для обращения к нам.
                  <br><br>
                  Мы ответим на все интересующие вас вопросы касательно наших продуктов и услуг. В случае необходимости окажем помощь в настройке.
                  <br><br>
                  Если по какой либо причине вам не ответили в течение трёх часов (в рабочее время), напишите об этом в чате или на почту <a href="mailto:help@delaxa.site">help@delaxa.site</a>
                  <br><br>
                  Постарайтесь детально написать сообщение. Спасибо!
                </p>
              </div>
              <div class="request-a-callback-form">
                <form id="callback" action="" method="post" onsubmit="return false">
                  <input type="text" name="name" placeholder="Ваше имя">
                  <input type="email" name="email" placeholder="Электронная почта">
                  <input type="text" name="phone" placeholder="Номер заказа">
                  <div class="styled-select">
                    <select type="text" name="subject">
                      <option>Выберите тему вопроса:</option>
                      <option>Найдена ошибка в тексте</option>
                      <option>Техническая ошибка</option>
                      <option>Я хочу внести предолжение</option>
                      <option>Я хочу оставить отзыв</option>
                    </select>
                  </div>
                  <textarea type="text" name="message" placeholder="Сообщение"></textarea>
                  <button type="submit" data-text="Отправить" class="btn btn-primary">Отправить</button>
                </form>
                <div id="success-feedback">
                  <p class="success-selector">Ваше сообщение успешно отправлено</p>
                </div>
                <div id="error-feedback">
                  <p class="error-selector">Ваше сообщение не отправлено</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

Код блока «Обратная связь (светлый контакт-бар)»

<div class="contact-us-bar">
        <div class="container">
          <div class="row">
            <div class="col-md-9">
              <h4>Светлый контакт-бар</h4>
            </div>
            <div class="col-md-3">
              <div class="text-right">
                <a href="#feedback" class="btn btn-primary get-in-touch" data-toggle="modal" data-target="#feedback" data-text="Заказать звонок"><i class="icon-telephone114"></i>Заказать звонок</a>
              </div>
            </div>
          </div>
        </div>
      </div>

Код блока «Обратная связь (тёмный контакт-бар)»

<div class="contact-us-bar dark">
        <div class="container">
          <div class="row">
            <div class="col-md-9">
              <h4>Тёмный контакт-бар</h4>
            </div>
            <div class="col-md-3">
              <div class="text-right">
                <a href="#feedback" class="btn btn-white get-in-touch" data-toggle="modal" data-target="#feedback" data-text="Написать сообщение"><i class="icon-pencil4"></i>Написать сообщение</a>
              </div>
            </div>
          </div>
        </div>
      </div>

Первоначальная настройка

Перейдите в приложение СайтБлокисоздайте новый блок . В поле ID введите например: «home.blockname», добавьте описание (необязательно) и вставьте полученный код в поле для ввода. Отредактируйте блок по своему усмотрению и сохраните его.

После создания блока появится пункт «Встроить на страницу или в шаблон:». Скопируйте код и вставьте его на страницу.

Важно! При вставке кода на страницу редактор должен быть в режиме HTML. Не забудьте что для кастомных страниц, должен быть указан дополнительный параметр страницы custom=1