Вы строите новый сайт. домен направлен, WordPress установлен, но фактический сайт находится в днях или неделях. тем временем посетители и Google не должны приземляться на сломанную полузавершенную домашнюю страницу. Они должны увидеть Элементор скоро появится на странице это говорит людям о том, что что-то уже в пути, фиксирует ранний интерес через электронную почту или социальные сети и не позволяет поисковым системам индексировать неполный сайт.
В этом руководстве создается полная предстоящая страница с использованием бесплатной версии Elementor, бесплатной версии Мастер-аддоны для Elementor, и встроенный параметр WordPress, чтобы сделать его первой страницей. Нет лицензии Elementor Pro, нет выделенного плагина скоро, нет ежемесячной платы. вы получаете таймер обратного отсчета, пользовательский фон, заголовок и описание, социальные ссылки, и опциональная регистрация электронной почты.
К концу, у вас будет фирменная страница запуска, сидящая в корне вашего домена, рендеринг чисто на мобильном. когда ваш реальный сайт готов, отбрасывание его является одним изменением настройки.
Почему вам нужна скоро появится страница
Новый домен с наполовину построенным сайтом - плохое первое впечатление Посетители, которые приземляются рано, либо отскакивают, либо вспоминают о сломленном опыте. Ан Элементор скоро появится на странице решает сразу несколько практических задач:
- Останавливает плохое первое впечатление. Вместо страниц WordPress по умолчанию или сломанного черновика Elementor посетители видят отполированную страницу запуска.
- Строит предпусковой список. Добавление регистрации по электронной почте вызывает интерес со стороны раннего трафика, поэтому у вас есть подписчики, готовые к запуску.
- Сигнализирует о дате запуска. Таймер обратного отсчета создает срочность и сообщает посетителям, когда вернуться.
- Защищает SEO. Минимальную страницу с одной четкой целью Google легче понять, чем сайт, полный контента-заполнителя.
- Зарабатывает раннее социальное. Значки в социальных сетях позволяют людям следить за вами сейчас и узнавать о запуске через свою ленту позже.
Если вы проводите ребрендинг существующего сайта вместо запуска нового, та же настройка работает как Режим обслуживания Элементора страница. Поменяйте обратный отсчет на короткое объяснение, и вы закончите.
Что вы построите
Конечным результатом является одна полноэкранная страница Фоновое изображение или цвет, ваш логотип или торговая марка, короткое сообщение о том, что будет дальше, таймер обратного отсчета в реальном времени до дня запуска, ссылки в социальных сетях и (необязательно) форма регистрации по электронной почте. Плюс один параметр WordPress, который прикрепляет эту страницу к передней части вашего сайта, пока вы не отключите ее.
Предварительные условия (плагины, которые вам нужны)
Три штуки. Все бесплатно:
- ВордПресс. Предполагается, что установлен уже.
- Элементор (бесплатно). Возьмите бесплатную версию с сайта WordPress.org или каталога плагинов администратора WordPress.
- Основные дополнения для Elementor (бесплатно). Добавляет виджет "Таймер обратного отсчета", виджет "Иконки социальных сетей" и другие элементы, ориентированные на преобразование. Установите с сайта WordPress.org или посмотрите установка Master Addons док для прохода.
Вам не нужен Elementor Pro для этого урока. Elementor Pro включает встроенный режим обслуживания/скоро, но бесплатный подход ниже дает вам больше контроля над дизайном и не блокирует вас в подписке.
Как создать предстоящую страницу (шаг за шагом)
Восемь шагов от пустой страницы до рабочей страницы запуска. Следуйте по порядку.
Шаг 1: Создайте новую страницу в WordPress
В администраторе WordPress перейдите по адресу Страницы → Добавить новое. Назовите его “Coming Скоро” (или что-нибудь, что вы помните).Нажмите “Править с помощью Elementor”, чтобы открыть страницу в редакторе Elementor.
Шаг 2: Установите шаблон страницы холста Элементор
Прежде чем добавлять какой-либо контент, щелкните механизм настроек в левом нижнем углу панели Elementor и измените его Макет страницы чтобы Элементор Холст. Холст разграничивает заголовок и нижний колонтитул вашей темы и дает вам чистый лист. Это важно для стартовой страницы, потому что меньше всего вам нужно, чтобы ваше полузавершенное меню располагалось над обратным отсчетом.
Шаг 3: Добавьте раздел, соответствующий высоте экрана
Нажмите розовую кнопку “+”, чтобы добавить новый раздел Выберите любую структуру столбца (один столбец проще всего).Откройте настройки макета и установите Высота чтобы Подходит для экрана. Это блокирует секцию на 100% высоты смотрового окна, поэтому предстоящий контент вскоре заполняет весь экран без прокрутки.
Шаг 4: Добавьте фон (изображение или цвет)
Еще в настройках раздела переключитесь на Стиль вкладка и открыть Фон. У вас есть два варианта, которые оба хорошо работают:
- Фоновое изображение. Загрузите фотографию высокого разрешения, на которой изображен ваш бренд. набор Должность: Центр Центр, Вложение: Фиксированное (для тонкого параллакса на свитке), и Размер: Крышка. Добавьте темное наложение в раздел "Фон наложения", чтобы ваш текст оставался читабельным.
- Цвет фона или градиент. Сплошной цвет или линейный градиент поддерживает быструю загрузку страницы и выглядит чистым на мобильном. хорошо для минималистских брендов.
Для подхода, основанного только на цвете, Тип фона дает вам варианты цвета и градиента. двухступенчатый градиент (цвет вашей марки, переходящий в более темный оттенок) читается современно, без необходимости фотографирования.
Дополнительные фоновые методы (анимированные градиенты, частицы, видео) см. в нашей статье Справочник по страницам Elementor.
Шаг 5: Добавьте название и описание
Перетащить а Заголовок виджет в раздел Введите название бренда или короткий заголовок вроде “Something is comething.” Ниже него перетащите a Текстовый редактор виджет для описания из одного предложения, объясняющего, что запускается.
Держите заголовок на 47 слов. придерживайте описание в одном предложении. весь смысл предстоящей скоро страницы интрига, а не полный маркетинговый шаг. если вы хотите что-то более привлекательное, чем статический заголовок, Анимированный виджет заголовка из Master Addons бесплатно вращает слова, а Master Addons Pro добавляет эффект типизации.
Шаг 6: Добавьте таймер обратного отсчета
Здесь Master Addons зарабатывает свое место В панели виджетов найдите “Countdown Timer” и перетащите MA Countdown Timer в раздел под вашим описанием.
В настройках виджета установите Дата сдачи к дате и времени запуска. выберите макет таймера (блоки в виде карт хорошо смотрятся на темных фонах, встроенный текст подходит для минималистского дизайна), пометьте единицы (дни, часы, минуты, секунды) и установите, что происходит, когда таймер достигает нуля: перенаправьте на свой реальный сайт, спрячьте виджет или покажите сообщение. Полные настройки описаны в Документация по таймеру обратного отсчета.
Шаг 7: Добавьте ссылки на социальные сети
Ниже обратного отсчета перетащите a Социальные иконы виджет (работает Elementor по умолчанию, или используйте версию Master Addons для большего количества опций библиотеки значков).Добавляйте каждую платформу, на которой вы активны, и ссылайтесь на свой профиль.Сопоставьте цвета значков с общей палитрой, чтобы они ощущались как часть дизайна, а не вложенные логотипы.
Шаг 8: Добавьте форму регистрации по электронной почте (необязательно)
Если вы хотите захватить электронные письма из трафика перед запуском, перетащите Виджет MA Mailchimp в раздел. отображает форму из бесплатного плагина MC4WP: Mailchimp для WordPress, поэтому сначала подключите аудиторию Mailchimp в MC4WP. в полях формы MC4WP пометьте входной адрес “Email” и измените текст кнопки на “Notify me” или “Get updays.”
Совет профессионала: Если вы не используете Mailchimp, виджет Elementor Form тоже работает, но ему нужен Elementor Pro. Он может отправлять материалы на веб-крючок или отправлять их вам по электронной почте, и вы можете импортировать их в свою службу электронной почты позже.
Нажмите Опубликовать. страница существует сейчас, но еще не является первой страницей сайта. это следующий шаг.
Как активировать предстоящую страницу
Это часть большинство учебных пособий пропускать.Построение страницы - это половина работы. Сделать его фактической первой страницей вашего сайта - это другая половина.
В администраторе WordPress перейдите по адресу Настройки → Чтение. Под. Выводит домашнюю страницу, выберите Статичная страница. В раскрывающемся списке "Домашняя страница" выберите ближайшую страницу, которую вы только что создали. Сохранить.
Теперь, когда кто-либо посещает ваш корень домена (yoursite.com), он видит предстоящую скоро страницу. Другие страницы все еще существуют и доступны, если вы ссылаетесь на них напрямую, но никто не просматривает их с домашней страницы. Когда вы готовы к запуску, вернитесь к той же настройке чтения и переключите домашнюю страницу обратно на “Вашип последних сообщений или правильную домашнюю страницу.
Дополнительный шаг для SEO: Пока вы не готовы к запуску, добавьте a noindex тег на ближайшую страницу (или весь сайт).Установите бесплатный плагин SEO, такой как Rank Math или Yoast, и переключите “Осмешите поисковые системы индексировать этот сайт” в разделе "Настройки" → "Чтение". Не забудьте отключить его при запуске, иначе Google будет продолжать игнорировать ваши реальные страницы.
Советы по дизайну, которые сделают предстоящую скоро страницу конвертируемой
Скоро появится страница, которая получает подписку и социальные подписки, больше похожая на брендинг, чем на уведомление. Шаблоны, которые работают:
- Одно четкое действие. Либо “оставить свою электронную почту”, либо “follow us.” Не оба заметно. выберите тот, который вы будете использовать больше всего, и сделайте его самым большим элементом после заголовка.
- Высококонтрастный текст над любым фоновым изображением. 60 (60) 70% темное наложение делает светлый текст читаемым на занятых фотографиях Белый текст на сплошном фиолетовом градиенте столь же эффективен и загружается быстрее.
- Реальные активы бренда. Ваш фактический логотип, ваш фактический шрифт, ваш фактический цвет бренда. Заполнитель, который выглядит как общие сигналы, сам сайт будет выглядеть как общий.
- Типографика "мобиль-первый". Проверьте таймер заголовка и обратного отсчета на телефоне. если обратный отсчет крошечный или неловко завершается, уменьшите размер шрифта или переключитесь на сложенную раскладку для мобильных устройств.
- Рабочие социальные ссылки. Если социальные значки указывают на пустые профили, посетители отскакивают. размещайте хотя бы один раз на каждой платформе, прежде чем ссылаться на них.
- Обещание того, что грядет. “Что-то великое” слабо. “Новый дом [вашего продукта]” специфичен. “Лучший способ [решить проблему]” дает посетителям повод подписаться.
Чтобы больше виджетов, ориентированных на конверсию, было добавлено позже Руководство по маркетинговым виджетам Elementor охватывает те, которые окупаются на целевых страницах.
Бесплатно против профессионала: что вы получаете
Все в этом уроке работает в бесплатной версии Master Addons.Pro разблокирует другие виджеты и более широкий набор функций, а не конкретные виджеты, которые вам нужны здесь.
| Особенность | Бесплатно | Про |
|---|---|---|
| Виджет обратного отсчета таймера | Да | Да |
| Виджет регистрации электронной почты Mailchimp | Да | Да |
| Виджет социальных иконок | Да | Да |
| Анимированный виджет заголовка | Да | Да |
| Частицы/анимированный градиентный фон | Только частицы | Оба |
| Popup Builder (для всплывающего окна запуска с целью выхода) | Нет | Да |
| Наборы шаблонов (предварительно созданные стартовые страницы) | Нет | 30+ комплектов |
Если вы хотите фору, Наборы шаблонов главных дополнений (Pro) включают в себя предварительно созданные дизайны страниц запуска, которые вы можете импортировать и редактировать. более широкое сравнение пакетов дополнений см. в нашем разделе 100 лучших облав надстроек Elementor.
Готовы к запуску?
Присоединяйтесь к более чем 40 000 веб-создателей, которые быстрее доставляют сайты Elementor с помощью Master Addons. Бесплатно навсегда. обновляйте, когда вам нужно больше виджетов.
Часто задаваемые вопросы
Как мне создать ближайшую страницу в Elementor?
Создать новую страницу WordPress, установить её макет на Elementor Canvas, добавить полноэкранный раздел с фоновым изображением или цветом, затем перетащить заголовок, описание, таймер обратного отсчета, и социальные значки.Сделать страницу первой страницей сайта через Настройки → Чтение. полное прохождение выше.
Есть ли в Elementor встроенная функция "Скоро"?
В Elementor Pro есть режим обслуживания/скорости, а в бесплатной версии нет. Вы все равно можете создать пользовательскую предстоящую страницу с бесплатным Elementor, объединив шаблон Canvas с виджетами Master Addons (обратный отсчет, социальные сети, регистрация по электронной почте) и настройкой статической домашней страницы WordPress.
Могу ли я создать страницу Elementor, которая скоро появится бесплатно?
Да. бесплатный Элементор плюс бесплатные Master Addons дает вам шаблон Холст, таймер обратного отсчета, социальные значки, и виджет регистрации электронной почты Переключите домашнюю страницу на новую страницу в Настройках → Чтение. не требуется Elementor Pro или платный плагин.
Как активировать скоростной режим в WordPress?
Перейти к Настройкам → Чтение в WordPress admin.Под “Ваши отображения домашней страницы,” выбрать “A статическая страница,” затем выбрать предстоящую скоро страницу из раскрывающейся страницы Домашняя страница Сохранить. посетители корня сайта теперь видят предстоящую скоро страницу вместо вашей обычной домашней страницы.
Должен ли я заблокировать поисковые системы на своей ближайшей странице?
Да. пока реальный сайт не будет готов, включите Настройки → Чтение → “Discourage поисковые системы”, или установите предстоящую скоро страницу в noindex через SEO-плагин, как Rank Math. в противном случае Google может кэшировать версию заполнителя и продолжать показывать ее после запуска.
Какой плагин WordPress появится в ближайшее время?
Если вы уже используете Elementor, вам не нужен выделенный плагин скоро. шаблон Canvas плюс виджеты Master Addons дает вам больше контроля над дизайном, чем большинство плагинов скоро. если вы не используете Elementor, плагины, такие как SeedProd и Coming Скоро & Maintenance Mode, работают хорошо.
Завершение
Хороший Элементор скоро появится на странице является больше, чем заполнитель. он поддерживает вовлеченный ранний трафик, строит список электронной почты перед запуском и задает тон для бренда за ним. сочетание бесплатного Elementor, бесплатных Master Addons, и параметр WordPress статическая домашняя страница покрывает все это без платного плагина или лицензии Elementor Pro.
Когда наступит день запуска, переверните настройку домашней страницы Настройки → Чтение и ваш реальный сайт берет на себя. грядущая скоро страница остается в списке ваших страниц для следующего запуска или будущего ребрендинга. о соответствующей работе на целевой странице см. наш создайте страницу блога с помощью Elementor учебник и руководство по липкому заголовку.
Связанное чтение: Эффекты анимации элементара | Лучшие плагины для создания всплывающих окон | Маркетинговые виджеты Elementor
