PRO IT

профессиональное мнение

  • IT
    • Android
    • IP телефония
    • Linux
    • Mac OS X
    • Железо
    • Интернет
    • Программирование
    • Софт
  • Бизнес
  • WOW!
  • Литература
    • Аудиокниги
    • Книги
    • Публикации
  • Музыка
  • Сервисы
    • Генератор паролей Онлайн
    • Код ответа сервера
    • Количество символов в тексте
  • О блоге
    • Написать автору
    • Как написать гостевой пост в блоге ablex.ru ?
    • Реклама в блоге
  • IT
    • Android
    • IP телефония
    • Linux
    • Mac OS X
    • Telegram
    • Железо
    • Интернет
    • Программирование
    • Софт
  • WOW!
  • Бизнес
  • Литература
    • Аудиокниги
    • Книги
    • Публикации
  • Музыка
  • Сервисы
    • Аналитика
      • Анализ сайтов
      • Скорость сайта
    • Дизайн
    • Продвижение
      • СЕО
        • СЕО анализ сайта
      • СММ
    • Разработка
  • События
  • Юмор
PRO IT Интернет Красивая форма подписки Mailchimp на сайт WordPress


Красивая форма подписки Mailchimp на сайт WordPress

Ablex · Сен 29, 2013 · 5 комментариев

Для увеличения количества подписчиков e-mail рассылки блога, форма подписки должна быть легкодоступна и заметна. Хороший вариант: размещать красивую форму подписки под текстом поста.

Сперва вставим CSS код оформления формы подписки.
Заходим в редактор темы WordPress: Внешний вид -> Редактор (в админке).
Открываем файл таблице стилей style.css. И в конец файла вставляем следующий CSS код:

/* Форма e-mail подписки */

#mbt-sub-box {
background: #1A2638;
color: #1A2638;
border: 1px solid #1A2638;
border-radius: 10px;
margin-bottom: 10px;
padding: 10px;
text-align: center;
background: -moz-linear-gradient(top, #333, #1A2638);
}
 
#mbt-sub-box input {
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1A2638));
border: medium none;
color: #1A2638;
border-radius: 10px 10px 10px 10px;
font-size: 14px;
padding: 10px;
text-shadow: 1px 1px 0 white;
width: 280px;
color: #666;
font-family: georgia;
margin-bottom: 5px;
}
 
#mbt-sub-box .submit {
background: -webkit-gradient(linear, left top, left bottom, from(#369A18), to(#205F0D));
background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;
color: gray;
cursor: pointer;
font-weight: bold;
margin-left: 20px;
text-shadow: 0 1px 2px black;
width: 120px;
font-family: georgia;
margin-left: 5px;
}
 
#mbt-sub-box h1 {
margin-top: 5px;
color: white;
font-family: georgia;
font-size: 25px;
margin-bottom: 5px;
padding: 0;
text-shadow: 0 2px 3px black;
line-height: 35px;
 
}

Теперь займемся непосредственно подписной формой.
Откроем на редактирование шаблон одиночной записи single.php
И в блоке с class=»nav-single» после определения заголовка

<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3>

вставим код отображения нашей формы подписки.

<noindex><div id="mbt-sub-box" style="line-height: 1;">
						<div style="color:white; font-size: 25px;">Узнавайте О Новых Статьях По Почте</div>
<!-- Ваша форма MailChimp или Feedburner -->
						<form action="..." method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
						<div class="mc-field-group">
							E-mail: <br>
							<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
						</div>
							<div id="mce-responses" class="clear">
								<div class="response" id="mce-error-response" style="display:none"></div>
								<div class="response" id="mce-success-response" style="display:none"></div>
							</div>							<div class="clear"><input type="submit" value="Подписаться" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
						</form>
<!-- Конец Ваша форма MailChimp или Feedburner -->
						</div></noindex>

В коде формы отдельно выделен блок «Ваша форма MailChimp или Feedburner».
В это место вы можете вставить вашу форму. Сформировав ее, например, с помощью конструктора MailChimp, популярного сейчас SmartResponder или любого другого сервиса.

Поделиться "Красивая форма подписки Mailchimp на сайт WordPress"

  • Facebook
  • Twitter
  • Google+
  • LinkedIn
  • VKontakte
  • E-mail

Интересное по теме:

  • Эффективность рекомендаций для блога — А/Б тест Related PostsЭффективность рекомендаций для блога — А/Б тест Related Posts
  • WordPress не записывает значения таксономий при запуске скрипта через cronWordPress не записывает значения таксономий при запуске скрипта через cron
  • Добавление миниатюры на страницу поста WordPressДобавление миниатюры на страницу поста WordPress
  • Вывод информации только на главной странице WordPressВывод информации только на главной странице WordPress
Подпишитесь на рассылку
Метки: Mailchimp, wordpress

Ablex

Свежие записи

  • Удобный телеграм бот для поиска скидок и купонов @AllKuponBot
  • 6 главных трендов e-mail маркетинга в 2018 году
  • Magento 2.1: Добавление категорий и товаров по API
  • Анализ трафика CPA партнеров в Google Analytics. Борьба с фродом
  • WordPress WooCommerce: добавление категорий и товаров по API в каталог

Лучшие метки

Google AnalyticsAndroidаналитикаMac OSwordpressIP-телефонияbluetoothVPNSEOSIPRedmineAsteriskсервисIP-АТСUbuntuSamsung Galaxy S3Raspberry PiА/Б тестFreePBXgoogle

Авторы

  • Ablex (RSS) (200)
  • AD (RSS) (4)
  • TXT (RSS) (4)

Рекомендуем

  • Хостинг TimeWeb
  • IP телефония Zadarma
  • CPA сеть Admitad
Карта сайта
© 2010 - 2017 PRO IT. Все права защищены. Копирование материалов возможно только с установкой активной ссылки на ablex.ru
120 запрос 0,226 секунд. Этот блог летает на хостинге TimeWeb.
Разработка и поддержка RoiPoint
Top