Всплывающее окно MailChimp - отличный способ заставить кого-то ввести свой адрес электронной почты.
Как и большинство людей, мы абсолютно ненавидим автоматические всплывающие окна, хотя немного погуглили и поигрались, и мы нашли способ заставить это всплывающее окно появляться, когда они нажимают кнопку.
Вот как:-
Разместите кнопку на своем сайте и присвойте ей идентификатор:
‹Button id =” open-popup ”› Подпишитесь на наш список рассылки ‹/button›
Теперь мы берем код, полученный от MailChimp, для создания этого всплывающего окна и немного его изменяем.
Первая часть не меняется:
‹Тип сценария =” text / javascript ”src =” // s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js ”data-dojo-config =” usePlainJson: true, isDebug : false »› ‹/script›
Но вторая часть, в которой появляется всплывающая форма, должна измениться: мы хотим запускать ее, когда кто-то нажимает кнопку:
‹Script›
function showMailingPopUp () {
require ([«mojo / signup-forms / Loader»], function (L) {L.start ({«baseUrl»: «…», «uuid»: «….,« lid »:»….})} )
document.cookie = «MCPopupClosed =; expires = Thu, 01 января 1970, 00:00:00 UTC »;
};
document.getElementById («открытое всплывающее окно»). onclick = function () {showMailingPopUp ()};
‹/Script›
По сути, вы заключаете требование ([«mojo / signup-forms….]) В фрагмент Javascript, который запускается, когда пользователь нажимает кнопку.
Важно добавить элемент document.cookie, поскольку теперь вы хотите, чтобы всплывающее окно появлялось при каждом нажатии кнопки (раньше, когда оно появлялось автоматически, это раздражало).
Надеюсь, это будет полезно!
—
Сам код, который мы нашли здесь, просто обратите внимание, что имя файла cookie необходимо изменить: https://gist.github.com/scottmagdalein/259d878ad46ed6f2cdce
