Что такое страница-заглушка для сайта и как ее сделать? Заглушка вордпресс
зачем нужна и как создать?
Заглушка для сайта – это отдельная страница, которая остается в рабочем состоянии единственной, когда ведутся технические работы, возникают разного рода сбои сети, модернизация проекта, а также его перемещение на сторонний сервер. Эти страницы предоставляют пользователям сведения о том, что проект недоступен временно и по уважительной причине.
Что такое заглушка для сайта и зачем ее создавать?
Если вам когда-то приходилось переходить по ссылкам и попадать на страницы с надписью по типу «Сайт временно недоступен. Приносим свои извинения за неудобства, в скором времени проблема будет устранена», то это и есть та самая страница-заглушка.
На практике существует как минимум две отдельные причины, из-за которых уважающие себя сайты должны обзавестись страницей-заглушкой, которая будет работать бесперебойно:
- Стремление к удержанию аудитории сайта в период его недоступности. Пользователи негативно реагируют на ситуацию, когда при переходе по ссылке они видят какую-то ошибку, не понимая причин ее возникновения. Это приведет к уходу на конкурентный сайт, чего нам не нужно.
- Реклама проекта, которые на данный момент не запущен. Посредством заглушки можно рассказать будущим потенциальным посетителям о том, что ваш сайт будет в скором времени доступен. Можно указать обзор проекта, опубликовать прогнозы, предоставить ссылки на сообщества, предложить оформить подписку на уведомление о старте проекта и указать контактную информацию.
Основные компоненты страницы-заглушки для сайта
Всегда можно сделать страницу заглушку более интересной, например, трансформировать ее в продающий одностраничный сайт, где будет размещена не только информация, но и инструменты создания клиентской базы. На этом этапе можно пользоваться всеми ключевыми особенностями разработки лендингов.
Рекомендуется прибегнуть к реализации следующих методов:
- Страница-заглушка не должна быть нагроможденной и сложной для восприятия. Не нужно формировать и излишнее ощущение пустоты, указав слишком скудную информацию.
- Разместите качественно исполненный логотип своей компании и укажите сферу деятельности.
- Опубликуйте контент, информирующий посетителей о сроках запуска проекта.
- Предоставьте контактные данные, оставьте ссылки на профили в социальных сетях. Важно, чтобы они тоже содержали профильную информацию.
- Разместите предложение подписаться на рассылку, побудите посетителей к действию.
- Разместите таймер, отсчитывающий время до начала работы проекта.
10 шаблонов адаптивных заглушек для сайта
Один из самых простых способов обзавестись хорошей заглушкой для сайта – воспользоваться готовым решением, то есть шаблоном. Они могут быть реализованы в разных стилях, каждый вебмастер выберет оптимальный для себя вариант. Ниже мы рассмотрим 10 актуальных шаблонов страниц-заглушек:
Coming Soon
Этот вариант придется по нраву всем ценителям современного дизайна и анимированных элементов. Произведена качественная SEO-оптимизация.
Посмотреть демо и скачать шаблон.
AfterWork
Шаблон, который будет уместно использовать для проектов, посвященных тематике программного обеспечения. Имеется хороший таймер, два отдельных стиля оформления. Интегрирована форма подписки. Дизайн яркий и привлекательный.
Посмотреть демо и скачать шаблон.
Heartbeat
Этот вариант подкупает не только своей адаптивностью, но и бесплатностью. Это относительно простой шаблон с броским фоновым изображением. Имеется таймер обратного отсчета. Шаблон будет отличным решением для использования перед запуском проекта.
Посмотреть демо и скачать шаблон.
Zoon
Адаптивный, относительно простой и чистый шаблон страницы заглушки, который отличается поддержкой мобильных устройств. Тут можно разместить данные о компании, таймер и другие полезные элементы. С настройкой не возникнет никаких проблем. Хорошая совместимость с современными браузерами.
Посмотреть демо и скачать шаблон.
Moon Free
Еще один бесплатный шаблон страницы заглушки для сайта, где были применены HTML5 и CSS3. Имеет адаптивный слайдер и качественный таймер. Присутствует форма обратной связи.
Посмотреть демо и скачать шаблон.
New Year
Это качественный новогодний шаблон страницы-заглушки с хорошей музыкой. Имеется таймер обратного отсчета. Есть возможность указать сведения о компании. Присутствует форма обратной связи.
Посмотреть демо и скачать шаблон.
Layla
Этот шаблон станет отличным решением для всех ценителей элегантного внешнего вида. Есть форма для размещения видеоролика.
Посмотреть демо и скачать шаблон.
Sunrise
Стильное решение, проверенное тысячами вебмастеров. Дизайн выполнен в классическом стиле.
Посмотреть демо и скачать шаблон.
Incidentally
Адаптивный шаблон с таймером обратного отсчета и формой подписки.
Посмотреть демо и скачать шаблон.
Launch Soon
Стильный шаблон с изображением большого города ночью и анимированным эффектом Canvas.
Посмотреть демо и скачать шаблон.
Создание заглушки для сайта с помощью кода HTML
Заглушку для сайта можно сделать и самому. Никаких специальных инструментов для этого не потребуется — достаточно простого текстового редактора.
На большинстве хостингов есть свой онлайн-редактор для создания html-файлов, но чтобы не разбираться с его настройками и функциями, мы воспользуемся обычным «Блокнотом» из стандартного набора программ Windows.
По умолчанию пользователю при обращении к сайту показывается страница index.html, если иное не прописано в настройках хостинга. Эту страницу нам и нужно создать.
Запускаем программу «Блокнот» на компьютере и вставляем в неё следующий код:
<html><head><meta content="text/html; charset=Windows-1251" http-equiv="content-type"><title></title></head><body></body></html>
Это код пустой html-страницы. Сохраняем созданный файл, присвоив ему название «index». Важно помнить, что «Блокнот» присваивает файлам расширение *txt. В данном случае нужно заменить его на *html.
Если сохранённый файл загрузить на хостинг, то при обращении к сайту браузер покажет пустую страницу. Можно оставить так, а можно код доработать.
Между тэгами title вписываем название сайта, которое должно отображаться в заголовке страницы. А между тэгами body — любой текст, который хотим показать посетителям. Текст можно отформатировать с помощью тэгов. Например, с помощью тэгов h2, h3 и align=«center» превратить его в заголовок, подзаголовок и выровнять по центру.
Теперь код будет выглядеть так:
<html><head><meta content="text/html; charset=Windows-1251" http-equiv="content-type"><title><h2 align="center">Название сайта</h2></title></head><body><h3 align="center">Сайт на реконструкции</h3></body></html>
Теперь пользователь, зайдя на вашу страницу, увидит надпись «Сайт на реконструкции».
При желании можно добавить на страницу-заглушку фоновую картинку. Для этого в папку с картинками (images) нужно загрузить заранее скачанное изображение (шириной 1920px, формат jpg). Допустим, картинка называется fon.jpg.
Чтобы закрепить картинку за страницей-заглушкой, в коде нужно прописать путь к фоновому изображению и задать стили отображения текста (ширина, шрифт, цвет):
<html><head><meta content="text/html; charset=Windows-1251" http-equiv="content-type"><title><h2 align="center">Название сайта</h2></title></head><body><div><h3 align="center">Сайт на реконструкции</h3></div></body></html>
Плагины для создания страниц-заглушек для сайта
Также можно создать заглушку для сайта посредством специальных плагинов для CMS WordPress. Этот вариант хорош тем, что не отнимает много времени. Плагины устанавливаются всего за несколько минут, а их настройка осуществляется в соответствии с потребностями вебмастера.
Работа с каждым из плагинов начинается с процесса его установки. Следует по названию отыскать его в репозитории WordPress, а потом распаковать архив в папку с плагинами. Теперь можно приступать к настройке, попутно изучая доступный функционал.
Рассмотрим два популярных плагина для создания страницы-заглушки:
Fancy Coming Soon & Maintenance Mode
Данный плагин служит для создания качественной страницы заглушки с минимальными временными издержками. Многие вебмастера сходятся во мнении, что здесь присутствует отличный набор доступных параметров, которые позволяют создавать яркие и информативные заглушки. Они могут содержать в себе анонсы новой продукции, сообщения о техническом обслуживании сайта. Есть все необходимые опции, чтобы самостоятельно создать уникальную в своем роде заглушку для сайта.
Теперь давайте внимательно изучим, какие именно параметры можно редактировать в этом плагине и какие имеются функции:
- активация и деактивация страницы-заглушки в один клик;
- замена фонового изображения, возможность выбора фона определенного тона;
- возможность использования собственного CSS-кода;
- редактирование контента на странице без использования языка HTML;
- включение подписки на новостную рассылку;
- подключение трех социальных сетей для распространения новостей.
Как быстро и просто создать и установить заглушку для сайта с помощью WordPress-плагина Fancy Coming Soon & Maintenance Mode, смотрите в этом видеоролике:
Страница плагина.
Maintenance Mode
Второй качественный и эффективный плагин для создания заглушки для сайта. Он отвечает всем требованиям вебмастеров, отличается легкостью в освоении и понятностью интерфейса. За несколько минут работы с этим плагином можно закрыть свой проект от посетителей и создать хорошую страницу-заглушку.
Меню плагина содержит массу нужных настроек. Есть возможность включения и отключения созданной страницы-заглушки. Имеется возможность вывода на экран таймера, отсчитывающего время до полного возобновления работы проекта.
По истечении указанного на таймере временного отрезка страница-заглушка не будет отключена, а появится сообщение о том, что проект начнет работу очень скоро. Некоторым это может показаться минусом, однако большинство вебмастеров сходится во мнении, что это не самая большая проблема, с которой приходится сталкиваться.
В блоке написания сообщения следует ввести текст, который будут видеть посетители сайта. Здесь прописывается отдельно заголовок и текст. Есть возможность использования языка HTML, так что сделать страницу оригинальной и красивой не составит труда.
Изначально на этапе оформления визуального вида веб-страницы будет доступно три отдельных шаблона:
- Шаблон по умолчанию.
- Страница входа в админку сайта, но вместо данных для авторизации будет вводиться текст сообщения, которое адресуется пользователям.
- Страница 503 – лучший вариант, если цель стоит в создании уникальной страницы. Создайте страничку с таким названием и переместите в папку шаблона. Здесь не допускается применение базовых функций вызова Word Press
Функционала этого плагина вполне достаточно для того, чтобы создать качественную заглушку для сайта и настроить ее так, как это требуется.
Страница плагина.
Заглушка для сайта может быть реализована по-разному. Главное, чтобы она была качественной и давала пользователям развернутую информацию о том, что ваш проект скоро начнет или возобновит работу. Все мероприятия по разработке заглушек для сайта, описанные выше, помогут решить вопрос быстро и грамотно.
blogwork.ru
SeedProd Coming Soon Pro v5.5.8
SeedProd Coming Soon Pro – это лучший в своем роде Wordpress плагин, который позволят скрыть контент на своем сайте, либо весь сайт и сообщить о ближайшем открытии с возможностью получить уведомление.
Особенности:
- Работает с любой Wordpress темой;
- Автоматическое обновление через WordPress Dashboard;
- Многоуровневая поддержка;
- Поддержка WPML;
- Готовый перевод с возможностью создавать собственные;
- Все текстовые строки отображаются и могут быть переведены на ваш язык;
- Построенный на HTML5 и CSS3 с использованием Bootstrap.
Особенности в использовании:
- Виден для незарегистрированных пользователей;
- Позволяет вести работу над сайтом, запретив пользователям доступ;
- Возможность предоставить некоторым пользователям секретную ссылку, которая позволит обойти запрет на вход;
- Разрешите пользователям просматривать сайт по IP;
- Добавить запрет на определенные URL адреса;
- Возможность показывать не целую страницу, а только часть сайта.
E-mail маркетинг и сбор данных:
- Интеграция с MailChimp;
- Интеграция с Mad Mimi;
- Интеграция с Aweber;
- Интеграция с Constant Contact;
- Интеграция с Campaign Monitor;
- Интеграция с GetResponse;
- Интеграция с MailPoet;
- Интеграция с Gravity Forms;
- Интеграция с Sendy.co;
- Интеграция с iContact;
- Интеграция с Infusionsoft;
- Возможность использования форм других сервисов для почтовых рассылок;
- Храните сообщения электронной почты в базе WordPress;
- Возможность захвата имени пользователя вместе с E-mail.
Дизайн:
- Возможность менять цвета, шрифты, размеры, расположение и многое другое. Все изменения проводятся в визуальном редакторе, без программирования;
- Отзывчивый на мобильных устройствах;
- С поддержкой Retina экранов;
- Поддерживает Google шрифты;
- Интеграция с Typekit от Adobe;
- Отзывчивое отображение на любом браузере;
- Видео обои на весь экран;
Социальные возможности:
- Наличие социальных иконок;
- Поддержка Twitter, Facebook, LinkedIn, Google+, YouTube, Flickr, Vimeo, Pinterest, Instagram, Fouraquare, Tumblr, RSS, Email;
- Социальные кнопки для репоста;
- Возможность вирусной раскрутки в социальных сетях;
- Возможность создать конкурсы с отслеживанием реферальных ссылок;
Другие особенности:
- Оптимизация для поисковых систем;
- Легко вставлять фото и видео;
- Вставить фотографии с Flickr или видео с YouTube и многое другое, просто вставив URL в описании;
- Таймер обратного отсчета;
- Поддержка Google Analytics;
- Пользовательские Favicon;
- Экспорт и импорт настроек;
- Уведомить поисковые системы не индексировать ваш сайт;
cmsheaven.org
10 лучших Wordpress-плагинов для создания посадочных страниц
В интернет-маркетинге, посадочная страница (которую также зачастую называют «страница привлечения лидов» или «лэндинг») представляет собой отдельную веб-страницу, которая отображается посетителю после нажатия по рекламе или по ссылке на странице результатов поиска (SERP) в Google или других системах.
На посадочные страницы часто ссылаются из социальных сетей, email-рассылок или рекламных кампаний в поисковых системах, чтобы повысить эффективность рекламы. Главная цель посадочной страницы в том, чтобы конвертировать посетителей сайта в покупателей или как минимум лидов, с которыми можно будет поработать в дальнейшем.
Сегодня мы хотим представить вам подборку из 10 лучших WordPress-плагинов для создания посадочных страниц, которые помогут вам раскрутить собственный бизнес и увеличить доход. Ознакомьтесь с подборкой, и расскажите нам, что вы думаете по поводу представленных плагинов! Наслаждайтесь!
1. Landing Pages
Этот плагин позволяет создавать посадочные страницы (или страницы-заглушки) для сайта на CMS WordPress. Он предоставляет владельцам сайтов возможность отслеживать показатели конверсии, проводить сплит-тестирование. При разработке плагина особое внимание уделялось внутренней оптимизации сайтов, за счет чего он поможет вам увеличить количество лидов и конвертировать их в постоянных клиентов!
2. Ultimate Landing Page
Данный плагин включает в себя конструктор посадочных страниц, который позволит вам создать заглушки с высоким показателем конверсии, и при этом вам не придется писать ни строчки кода! Учитывая наличие множества готовых шаблонов, вы можете быстро повысить показатели вашего сайта. Не забудьте протестировать несколько шаблонов, чтобы понять, какой из них лучше подходит вашему сайту или продукту.
3. Ultimate Coming Soon Page
Ultimate Coming Soon Page поможет быстро и просто настроить страницу с оповещением о скором открытии или запуске вашего проекта. Плагин Ultimate Coming Soon Page будет работать с любой темой оформления WordPress.
Посетители, которые не авторизовались на сайте, будут видеть именно эту страницу, в то время как администрация и сотрудники смогут просматривать обычную версию сайта и использовать консоль для настройки или публикации контента.
4. Beaver Builder
Beaver Builder – это drag and drop конструктор страниц, который работает через интерфейс WordPress и позволяет создавать красивые шаблоны и посадочные страницы без необходимости писать какой-либо код.
Стоит отметить, что все элементы страниц, созданных при помощи Beaver Builder, полностью адаптивны, а, значит, будут прекрасно смотреться на любых экранах и любом разрешении. Просто перетащите несколько элементов на страницу, и они автоматически подстроятся под размер экрана. Если вы не любитель адаптивного дизайна, то этот функционал по желанию можно отключить.
5. Coming Soon Page
Инструмент, который позволит «включать» на сайте режим технического обслуживания или показать страницу с оповещением о скором запуске проекта.
6. Landing Pages Builder
Создавайте посадочные страницы, проводите A/B-тестирование и многое другое. Привлекайте новых лидов, повышайте уровень конверсии и управляйте вашими посадочными страницами при помощи единого интерфейса. Теперь вы можете запускать рекламные объявления с функцией автоматической оптимизации для получения лучшего результата.
7. Bulk City Landing Page Creator
Плагин создает несколько страниц на WordPress, в заголовках и содержимом которых будет упоминаться заданный вами город. Плагин умеет работать с родительскими страницами, шаблонами, а также с заголовками и контентом страниц. Количество создаваемых страниц напрямую зависит от количества строк в тексте с указанием города и штата (пример строки: Athens,GA).
8. Site Offline or Coming Soon
Вы можете использовать этот плагин для включения/выключения режима «оффлайн» на сайте. Если включить режим «оффлайн», то обычные посетители с помощью страницы-заглушки будут оповещены о ведущихся на сайте технических работах, в то время как администраторы смогут видеть полную версию сайта. Удобный плагин для тех, кому нужно оповестить пользователей о скором запуске проекта.
9. Coming Soon Page
Coming Soon Page – отличный способ дать понять, что ваш проект скоро начнет свою работу. Когда плагин Coming Soon Page активирован, он позволяет вам собирать email-адреса заинтересованных посетителей. Кроме того, следует отметить, что этот плагин не привязан к определенной теме оформления, и поэтому будет прекрасно работать с любым установленным шаблоном.
10. Maintenance Page
Данный плагин позволит вам без труда установить на сайт страницу с информацией о технических работах или заглушку с обратным отсчетом до запуска проекта. Maintenance Page можно использовать при исправлении критических ошибок или обновлении сайта. Встроенный функционал плагина позволит отобразить логотип, фоновое изображение, кнопки социальных сетей, изменять цвета фона и элементов, предоставить посетителям форму подписки, а также многое другое.
Перевод статьи “10 BEST WORDPRESS PLUGINS FOR CREATING LANDING PAGES” был подготовлен дружной командой проекта Сайтостроение от А до Я.
www.internet-technologies.ru
