WordPress плъгин за Mailchimp

Помощен център

WordPress плъгин за Mailchimp

WordPress плъгин за Mailchimp

В статията ще ви покажем как може да добавите регистрационна форма за Mailchimp бюлетин в WordPress сайт с помощта на плъгина MailChimp for WordPress.

За да използвате MailChimp for WordPress, първо трябва да свържете плъгина с вашия акаунт в MailChimp.

Влезте в MailChimp акаунта си и кликнете Account > Extras > API Keys за да достигнете страницата, от която трябва да копирате необходимия API ключ.

Линк към API Keys в MailChimp

Копиране на API Keys в MailChimp

Копирайте ключа от колоната API key и го запишете във файл или оставете страницата отворена за да го копирате по-късно.

Инсталирайте и активирайте плъгина MailChimp for WordPress:

Активиране на плъгина MailChimp for WordPress

В главното меню ще се появи линк към настройките на плъгина:

Линк към плъгина в WordPress

Кликнете линка Mailchimp и в следващата страница General Settings поставете (paste) API ключа в полето API Key и кликнете бутона Save Changes:

Главни настройки на плъгина

След като се свърже с Mailchimp, статуса на връзката ще се промени на CONNECTED и в таблицата ще се зареди името на вашия бюлетин/и:

Статус на връзката с Mailchimp

Кликнете линка Form за да достъпите интерфейса Edit Form, през който ще създадете формуляра за регистрация:

Достъп до интерфейса Edit Form

Form Fields

В панелът Form Fields са посочени двете полета (List fields), които създадохме по-рано в Mailchimp. Ако желаете формуляра в плъгина да има допълнителни полета трябва първо да ги създадете в Mailchimp (тази информация се предоставя ако кликнете бутона Add more fields).

Бутона Form variables показва наличните системни променливи, чрез които може да се добавя допълнителна интерактивност. Препоръчаме да не правите промени ако нямате необходимите познания.

Може да ползвате собствен HTML код за полетата на формуляра или да използвате някой от наличните бутони (Form fields), за да генерира плъгинът целия код. Генерираният по този начин HTML код съвпада с очаквания формат, така че данните да бъдат приети коректно в MailChimp.

В полето за преглед (Form preview) виждате как би изглеждал формуляра в WordPress страница:

Общ изглед на формуляра

Веднага забелязваме няколко пропуска:

  • Няма двоеточие след First Name;
  • Текстовите полета не са вертикално подравнени;
  • Няма интервал между полето за маркиране и текста;
  • Във формуляра няма линк към страницата за поверителност, а само се споменава в текста (terms & conditions);

Само за примера (десктоп резолюция на екрана) добавихме следния код:

style="margin-left:24px" - измества полето надясно и го подравнява с горното поле;

style="margin-right:5px" - измества текста надясно;

terms & conditions - текста на връзката сочи към страницата за поверителност.

Сега нека разгледаме какви опции имаме в другите раздели на страницата Edit Form.

Form Messages

В полетата е предоставена служебната информация, която се зарежда в зависимост от статуса на съответното действие. Ако сайта ви е насочен към българска аудитория задължително е да преведете тези текстове на български, но не го правете машинално през Google Translate.

Form Settings

Препоръчаме следните настройки:

  • Use double opt-in? - маркирайте yes - системата ще изпрати писмо за потвърждение на домейна и контактния имейл на абоната.
  • Update existing subscribers? - маркирайте yes - ако абоната вече е регистриран текущата информация ще бъде заменена с новата.
  • Hide form after a successful sign-up? - маркирайте yes - след регистрация формата няма да се зарежда.
  • Redirect to URL after successful sign-ups - маркирайте yes - въведете пълния адрес до страница, към която да бъде пренасочен контакта след успешно абониране, на която да предоставите допълнителни детайли за вашия бюлетин, с които не е необходимо да претрупвате регистрационната форма.
  • Enable Google reCaptcha - маркирайте yes - ако нямате регистрация в Google ще трябва да си създадете и да копирате оттам двата необходими ключа. Многобройни автоматични регистрации от ботове може да принудят Mailchimp да прекрати вашият акаунт.

Form Appearance

Oт падащото меню Form Style може да изберете най-подходящия дизайн за вашия формуляр. В примера посочихме формуляра да следва дизайна на активната тема.

Кликнете бутона Save Changes за да запазите промените.

Сега копираме краткия код (shortcode) [mc4wp_form id="426"] и го поставяме в произволна публикация:

Копиране на краткия код shortcode

Зареждаме страницата в браузър - така изглежда нашата форма след направените промени:

Зареждане на формуляра в публикация

Зареждане на формуляра в widget

В администрацията на WordPress кликнете Appearance > Widgets и намерете Mailchimp Sign-up Form:

Достъп до приставката Mailchimp Sign-up Form

Активирайте приставката като я плъзнете в полето Sidebar или като кликнете в панела, изберете Sidebar и кликнете бутона Add Widget:

Активиране на Mailchimp Sign-up Form

Попълнете заглавието на панела и кликнете бутона Done:

Запазване на промените в приставката

Преди да заредим страницата ще премахнем част от CSS кода, който добавихме, защото в Sidebar всеки елемент застава на нов ред и няма да има разминаване между двете полета както при десктоп резолюция.

Зареждаме страницата, в която добавихме преди това краткия код на формуляра, и в същото време имаме същия формуляр в дясната странична лента:

Зареждане на формуляра в публикация и в страничната лента

Безплатната версия на плъгина MailChimp for WordPress позволява създаване само на един кратък код и трябва да изберете къде е най-удачно да се зарежда формуляра за регистрация.

Разбира се, имате възможност да комбинирате формуляра, генериран от плъгина, с кода, генериран в Mailchimp. Вероятно ще се наложат малки корекции в дизайна, но щом сте достигнали до това ниво, вие вероятно сте преминали през далеч по-сложни стъпки.