Как изменить Woocommerce с помощью дочерей темы. Часть 5,4 – выведем форму рассылки mailchimp

Автор: | 08.05.2020

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

Почему Маркетинг По Электронной Почте?

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

Быть успешным с почтовым маркетингом может быть сложным делом, и если это не будет сделано правильно, то может действительно повредить бизнесу и его репутации. К счастью, сегодня есть инструменты, которые доступны и могут помочь бизнесу не только преуспеть, но и процветать с помощью своих маркетинговых усилий по электронной почте. Именно здесь в игру вступает такое программное обеспечение, как Mailchimp.

Mailchimp имеет бесплатный план, который включает в себя до 2000 подписчиков и 12 000 электронных писем в месяц. Эти функции включают в себя автоматизацию, инструменты отчетности, управление списками-практически все, что вам нужно для начала работы.

Как работает Mailchimp?

Прежде всего, вам нужно создать учетную запись в Mailchimp и выбрать план подписки.

mailchimp

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

Когда вы нажимаете на кнопку «Создать форму подписки», она дает вам четыре способа создания электронной почты — обычный, автоматический, обычный текст или варианты.

mailchimp

mailchimp

Затем вы должны выбрать список своих подписчиков.

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

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

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

После того, как мы создали рассылку, перейдем в Create (создать) Website

mailchimp

Выбираем нужную нам форму (в нашем случае horizontal) и копируем код

mailchimp

В конце статьи я оставлю ссылку на обучающее видео (на английском), где очень подробно описаны все этапы работы с mailchimp.

Главная задача этого урока показать, как можно внедрить подписку непосредственно в код.

Как добавить код mailchimp в тему woocommerce

Итак, после того как вы создали свою рассылку, вам нужно скопировать код и добавить в functions.php

Но сначала создадим функцию function carolinaspa_mailchimp() и подвесим ее на хук     add_action(‘storefront_before_footer’, ‘carolinaspa_mailchimp’).

Чтобы понять работает action hook, и почему мы выбрали именно ‘storefront_before_footer’ ознакомьтесь с этой статьей.

Хотя, можно подцепить эту функцию и к action: homepage с приоритетом более 90, например 100 (сразу после записей блога).

Итак, вот что у нас получилось

/* mailchimp */

function carolinaspa_mailchimp(){?>

<!-- Begin Mailchimp Signup Form -->

<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">

<style type="text/css">

#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}

/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.

We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

</style>

<div style="background-color:pink;" id="mc_embed_signup">

<form action="https://top.us19.list-manage.com/subscribe/post?u=3ed036fc79a2181a92b24b1ac&amp;id=f67ca8b620" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<div id="mc_embed_signup_scroll">

<label for="mce-EMAIL">Subscribe</label>

<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>

<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->

<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3ed036fc79a2181a92b24b1ac_f67ca8b620" tabindex="-1" value=""></div>

<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>

</div>

</form>

</div>

<!--End mc_embed_signup-->

<?php

}

add_action('storefront_before_footer', 'carolinaspa_mailchimp');

mailchimp

А так будет выглядеть форма, если повесит функцию на action: homepage

mailchimp

В следующей статье начнем вносить изменения на страницу магазина.

Похожие записи
Как изменить Woocommerce с помощью дочерей темы. Часть 12 — настройка страницы входа в систему

Стандартная страница входа на сайт wordPress выглядит не очень привлекательно. Read more

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

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

5 − три =