Создание Hello Bar с помощью WordPress

3) Измените ваш верхний бар.

Теперь мы доберемся до хороших вещей. Перейдите к плагину Top Bar, который появляется под заголовком «MailChimp for WP» на левой боковой панели. Одним из лучших элементов этого плагина является его простота. Вам не нужно связываться с любыми формами; это буквально подключи и играй.

Как только вы нажмете на плагин Top Bar, вы увидите Настройки бара. Здесь вы можете изменить то, что скажет ваш бар. Вы можете изменить текст панели, текст кнопки и текст заполнителя электронной почты.

Вы также можете выбрать, в какой список хотите отправлять отправленные письма. Это удобно, если вам нужен выделенный список адресов электронной почты исключительно для регистрации вашего сайта или если вы хотите сегментировать свои списки.

Теперь перейдите на вкладку «Внешний вид». Хотя это меню не имеет много опций, оно имеет много возможностей. Вы можете расположить свою панель вверху или внизу страницы. Для истинного стиля Hello Bar вы захотите расположить его сверху.

Вы также можете изменить размер бара. Самый большой размер — самый близкий к размеру Hello Bar, и он также обеспечивает наибольшую видимость. Удивительно, но это не навязчиво. Наконец, вы можете изменить цвета и решить, хотите ли вы липкий бар.

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

Чтобы сделать последние несколько настроек, перейдите в меню «Дополнительно». Выберите, хотите ли вы, чтобы ваши подписчики дважды подписывались ( что настоятельно рекомендуется ). Второй вариант дает вам возможность обновлять существующих подписчиков всякий раз, когда кто-то регистрируется. По понятным причинам оставьте это в «нет».

Сохраните все свои изменения и отправляйтесь на домашнюю страницу!

4) Проверьте все и внесите окончательные изменения.

Зарегистрируйтесь в своем собственном списке и убедитесь, что все работает правильно. Вы перенаправлены на нужную страницу? Отображается ли ваша электронная почта в вашей учетной записи MailChimp? Если так, то ты идешь! Ваша панель в стиле Hello Bar готова для создания списка рассылки.

Создание верхней панели с кодом

Наиболее очевидным преимуществом создания верхней панели в стиле Hello Bar является гибкость. Вы можете добавить CSS и JavaScript, чтобы изменить панель и добавить дополнительные элементы, такие как анимация. Это также простой процесс, поэтому, даже если вы боитесь кода, вы можете сделать это.

1) Настройте свою форму MailChimp.

Здесь требуется немного дополнительной работы. Вместо плагина Top Bar, обрабатывающего создание формы, вам придется сделать это самостоятельно.

На панели инструментов WordPress наведите указатель мыши на заголовок MailChimp for WP и выберите «Формы» в появившемся меню. Назовите свою форму, выберите соответствующий список и нажмите «Добавить новую форму».

На следующем экране вы сможете редактировать свою форму. Вы можете редактировать код напрямую, а также есть меню для сообщений, настроек и внешнего вида. Это похоже на плагин Top Bar.

<input type="email" name="EMAIL" placeholder="Your email address" required />

<input type="submit" value="Sign up" />

 <div class="page-header">

<center>

< ?php echo do_shortcode('[mc4wp_form id="53"]'); ?>

</center>

</div>

 .page-header {
    height: 100px;
}