Два года и куча нервов: как с другом создавали плагин на WordPress для сбора и аналитики заявок с форм

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

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

Целевая аудитория, пресейл — это всё не про нас, энтузиастов. Мой друг, опытный маркетолог Семён Троцан, предложил сделать плагин аналитики для WordPress, специально для маркетологов.

Главные цели плагина:

Друг предложил разработать плагин, по сути, для себя, чтобы сократить время на обработку данных. Мы согласовали некоторые финансовые вопросы и приступили к делу.

Я больше специализируюсь по Java, а не по PHP, но идея мне понравилась. Поэтому решил поддержать товарища в его начинании, и мы виртуально «хлопнули по рукам». Так начался наш путь в проект, полный неожиданностей и трудностей. Подумал: «Была-не-была, это будет интересный опыт».

Поначалу всё шло гладко. Мы работали, без лишнего стресса. Но вскоре ударил COVID и начались ограничения. Именно потому, что нас проект мотивировал и показался перспективным, мы решили пойти в партнёрство. Обсудили зоны ответственности, кто за что отвечает, и продолжили разработку. Мы стали партнёрами по плагину, но осознали, что плагин требует «перезагрузки», чтобы его могли использовать не только мы.

Чтобы не томить читателя, вот что получилось у нас с другом в итоге:

Ссылки на плагин и демо:

Интерфейс на русском выглядит так:

Первая задача была помочь моему товарищу, как маркетологу, сократить время обработки данных, и для этого мы взяли за основу шаблон Gentelella. Этот шаблон красиво выглядел, но не учитывал, что на наш плагин будут оказывать влияние другие плагины. Из-за этого случались курьёзные ситуации: меняешь тему сайта, и если она использует стили админки, то наш плагин перекрашивался вместе с темой, было очень эпично)

Также возникали проблемы с экспортом данных. В первой версии использовалась настолько тяжёлая библиотека из PHP Composer, что она раздувала размер плагина до невероятных 400 мегабайт — Карл, 400 мегабайт! Это просто неслыханно! И всё это дело ещё требовало специфических настроек php. К счастью, позже, в новой версии, мы нашли более лёгкое и гибкое решение.

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

Изначально я попытался создать макеты сам, даже подготовил несколько вариантов в Figma, но, честно говоря, они оставляли желать лучшего. Тогда Семён взял эту задачу на себя, и у него это получилось гораздо лучше.

Интересно то, что ни он, ни я не являемся профессионалами в этой области — мы просто знаем названия программ. Но, несмотря на это, мой товарищ сотворил настоящую магию, даже обзаведясь специально для работы мышью Roccat Tyon.

Пара недель — и у нас появился красивый, функциональный интерфейс, опережающий своё время.

С технической стороны разработка плагина стала для меня настоящим испытанием. Моя специализация — это Java, и ранее я никогда не создавал плагины, поэтому пришлось начинать буквально с нуля.

С PHP я знаком ещё с юношеских лет, когда занимался созданием сайтов на заказ. Но именно в создании плагинов у меня не было опыта. Я погрузился в изучение официальной документации и рекомендаций WordPress, а также осваивал новый стек технологий. Мы решили использовать Framework 7 для вёрстки, поскольку у меня уже был с ним опыт. Да - он больше для мобильных приложений, но я решил остановиться на нем.

Это было одновременно и сложно, и захватывающе — шаг за шагом разбираться в новом мире и видеть, как идеи начинают обретать форму!

Разработка в партнерстве — это как велосипед: один крутит педали, другой подхватывает. Мы работали вечерами и по выходным, так как оба имели основную работу. Это было морально тяжело, особенно когда хотелось просто отдохнуть. Но энтузиазм и многолетний опыт работы в IT помогли нам не сдаться.

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

Наш плагин, конечно, имеет конкурентов, таких как Flamingo, но у них нет ни интерфейса, ни поддержки других контактных форм. А у нас есть всё необходимое для полноценной аналитики! Также наш плагин не зависит от внешних интеграций и довольно самодостаточный.

Мы уверены, что создали действительно интересное и полезное решение. Например, у нас есть крутая функция — всплывающие алерты в реальном времени.

Представьте: кто-то оставляет заявку, и в тот же момент, находясь в админке, вы видите обновление таблиц в лайве. А ещё наш плагин поддерживает выставление целей — невероятно полезная штука для маркетинга!

Одним из ключевых моментов для нас стало определение источников трафика для заявок. Наш плагин анализирует, откуда пришла заявка, сопоставляя данные с собственной базой сайтов. Мой партнёр занимался формированием этого списка ресурсов, и он блестяще справился с задачей.

Ранняя версия кластеризатора источников, которую мы использовали в первоначальном “MVP”, здесь уже не подходила. Пришлось начинать всё с нуля.

По сути, я создал плагин, который сначала работал на коленке, но потом всё пришлось переделывать по-другому. Хочется процитировать современную классику кинематографа: “Точно такой, только меньше, но другой!”

В итоге мы определили пять категорий трафика:

Шестая категория — мессенджеры — пока не реализована. Определение заходов из мессенджеров, например Telegram, требует наличия UTM-меток.

Этот процесс — тот ещё ад. Столкнулись с кучей правок и исправлений, и даже когда всё по требованиям репозитория сделано, ждали ответа месяцами.

Модерация затянулась, словно проверка на прочность нервов. Весь этот путь через дебри бюрократии и погоней за безопасностью плагина — это история, достойная отдельной статьи!

Одним прекрасным вечером мы получили долгожданное письмо о принятии нас в репозиторий. Нашей радости не было предела!

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

Мы отметили это событие шампанским, когда плагин наконец-то приняли в репозиторий WordPress. Наши эмоции зашкаливали, была маленькая победа на большом пути!

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

Ссылки на плагин и демо:

Всем спасибо за уделенное время на прочтение нашей истории.

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

Если считаете, что тема не раскрыта, в следующих частях мы можем рассказать:

Если вам интересно, дайте знать! Мы будем рады вашему мнению.

С любовью к Vc.ru, команда Leadee: Семён Троцан, Ашот Агабеков