Landing Page remsantehstroy.ru

Блог Юлии Гусарь

Сайт: remsantehstroy.ru

Тип сайта: Landing Page

Сделано:

  • дизайн
  • вёрстка
  • форма обратной связи
  • таймер обратного отсчёта
  • программирование калькулятора расчёта стоимости
  • анимация при прокрутке страницы
  • карусель с примерами работ

Сайт создавался для фирмы «Ремсантехстрой», занимающейся ремонтом ванных комнат и санузлов.


Блог Юлии Гусарь

Блог Юлии Гусарь

Блог Юлии Гусарь

Блог Юлии Гусарь

Разработка сайтов

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

6 комментариев

  1. Здравствуйте Юля! Подскажите как можно сделать форму обратной связи, с таймером обратного отсчета в блоге заголовка. Так же как на этом Landing Page.

    • Здравствуйте, Наталья!

      Подскажите пожалуйста на каком движке сделан Ваш сайт?

      Данный Landing Page я делала без движка и там этот счётчик сделан при помощи кода.

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

      Если сайт на WordPress, то там есть специальные плагины. 

      Что касается того как сделать такую форму со счётчиком в верхнем блоке. Мне нужно прежде всего знать на какой CMS работает Ваш сайт. А дальше нужно смотреть сам шаблон. Какого то универсального решения для любых сайтов здесь нет.

  2. Сайт работает на движке WordPress. Вот ссылка на сайт [ссылка] Буду очень признательна если подскажите как сделать контактную форму со счетчиком в верхнем блоке…

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

      А как Вы сам текст «Кнопка» выводили? В шаблоне нет возможности вместо этого текста вставить шоткод формы к примеру?

  3. Да кнопку сбоку легко сделала прописала код     <div class=»knopka_zakaza_sboku»><a href=»#contact_form_pop_up» class=»fancybox-inline»>ОФОРМИТЬ ЗАЯВКУ</a></div>  (в header.php и все),  плавающую кнопку легче сделать. А вот как форму в верхнем блоке  со счетчиком прописать не знаю.

    А как можно вывести через код шаблона? А то я пробовала по разному вставлять код не получается. Контактна форма не выводиться, показывает только код в верхнем блоке который прописывала и все…

  4. Как вариант можно в header.php создать блок в который вставить шоткод формы, а потом для этого блока прописать стили: position:absolute; z-index:999;

    А потом при помощи свойств left и top устанавливать позиционирование.

    Только шоткод нужно вставлять через специальные php код.

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

    Для этого блока написать position:relative;  а для блока с формой position:absolute;

     

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif