Донаты на сайте WordPress: этот виджет платит за ваш кофе

Просмотры: 3

Когда ваш контент стоит дороже, чем лайки… но читатели об этом не догадываются.

Привет, друг. 👋 Ты сидишь, пишешь. Не спишь ночами. Шлифуешь статьи. А в ответ — тишина. Ну, кроме редких комментариев «спасибо, пригодилось». Спасибо, говоришь? А где мои тридцать рублей за спасённый вечер и найденное решение? 🤨

Знакомо? Добро пожаловать в клуб. Я там председатель. И я устал ждать, пока у читателей случится озарение, что автора можно отблагодарить деньгами. Они не злые. Они просто… ленивые. Им нужна кнопка. Большая, красивая, манящая. Которая скажет: «Эй, дружок, поддержка автора — вот она! Нажми меня!».

Так родился Hoboweb Donate Widget — плагин, который решает проблему одной установкой. 🧙‍♂️

🤔 Что это за зверь и с чем его едят?

Это не просто кнопка «Поддержать проект». Это целый мини-банк на твоём сайте.

✅ DonationAlerts — безопасная кнопка для тех, кто боится карт.
✅ Банковская карта — с копированием номера в один клик.
✅ QR-код — для модных ребят со смартфонами.
✅ Настраиваемый дизайн — пастельные тона, цвет карты под твой банк, аватарка.
✅ Умное отображение — только на записях, только на страницах, или где скажешь.
✅ Лицензия — один ключ, один сайт, никакого бесплатного сыра.

⚙️ Как это работает? Магия под капотом.

Ты заходишь в админку, заполняешь поля: имя, номер карты, ссылку на DonationAlerts, выбираешь цвет (да, даже цвет карты можно настроить! 🎨).

Загружаешь аватарку (или оставляешь котика по умолчанию). Выбираешь, где показывать виджет.

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

Вот та часть, которая делает «магию» копирования номера карты и выводит красивую карту с настраиваемым цветом.

// Фрагмент из class-donate-widget.php - "сердце" виджета
private function render_right_column($display_option) {
    $options = get_option('hwdw_settings', array());
    $card_number = $options['card_number'] ?? '';
    $bank_name = $options['bank_name'] ?? 'Sber';
    $card_color = $options['card_color'] ?? '#21a038';

    // Генерация уникального стиля для карты на лету
    echo '<style>
        .sber-card-container {
            --card-primary-color: ' . esc_attr($card_color) . ';
            --card-dark-color: ' . esc_attr($this->darken_color($card_color, 20)) . ';
        }
    </style>';

    // Вывод карты с динамическим цветом
    echo '<div class="sber-card" 
              style="background: linear-gradient(135deg, ' . esc_attr($card_color) . ' 0%, ' . esc_attr($this->darken_color($card_color, 20)) . ' 100%);">
            <div class="sber-card-header">
                <span class="sber-logo-text">' . esc_html($bank_name) . '</span>
                <span class="card-type">MIR</span>
            </div>
            <div class="card-number-display" id="card-number">
                ' . esc_html($card_number) . '
            </div>
            <div class="sber-card-footer">
                <span class="card-holder-name">' . strtoupper($options['author_name'] ?? 'ARTEM') . '</span>
            </div>
          </div>';

    // Кнопка копирования с AJAX
    echo '<button class="copy-card-btn" onclick="hwdwCopyToClipboard(\'' . esc_js($card_number) . '\')">
            📋 Копировать номер карты
          </button>';
}

// Фрагмент из class-donate-widget.php - "сердце" виджета

private function render_right_column($display_option) {

$options = get_option('hwdw_settings', array());

$card_number = $options['card_number'] ?? '';

$bank_name = $options['bank_name'] ?? 'Sber';

$card_color = $options['card_color'] ?? '#21a038';

// Генерация уникального стиля для карты на лету

echo '<style>

.sber-card-container {

--card-primary-color: ' . esc_attr($card_color) . ';

--card-dark-color: ' . esc_attr($this->darken_color($card_color, 20)) . ';

}

</style>';

// Вывод карты с динамическим цветом

echo '<div class="sber-card"

style="background: linear-gradient(135deg, ' . esc_attr($card_color) . ' 0%, ' . esc_attr($this->darken_color($card_color, 20)) . ' 100%);">

</div>

' . esc_html($card_number) . '

</div>

<span class="card-holder-name">' . strtoupper($options['author_name'] ?? 'ARTEM') . '</span>

</div>

</div>';

// Кнопка копирования с AJAX

echo '<button class="copy-card-btn" onclick="hwdwCopyToClipboard(\'' . esc_js($card_number) . '\')">

📋 Копировать номер карты

</button>';

}

А вот функция darken_color, которая делает градиент на карте «вкусным»:

private function darken_color($color, $percent) {
    // Превращаем #21a038 в нечто более темное и сексуальное
    $rgb = [hexdec(substr($color, 1, 2)), hexdec(substr($color, 3, 2)), hexdec(substr($color, 5, 2))];
    foreach ($rgb as &$c) {
        $c = max(0, min(255, $c - ($c * $percent / 100)));
    }
    return sprintf('#%02x%02x%02x', $rgb[0], $rgb[1], $rgb[2]);
}

private function darken_color($color, $percent) {

// Превращаем #21a038 в нечто более темное и сексуальное

$rgb = [hexdec(substr($color, 1, 2)), hexdec(substr($color, 3, 2)), hexdec(substr($color, 5, 2))];

foreach ($rgb as &$c) {

$c = max(0, min(255, $c - ($c * $percent / 100)));

}

return sprintf('#%02x%02x%02x', $rgb[0], $rgb[1], $rgb[2]);

}

А потом… читатель доходит до конца статьи и видит милую кнопку с кофейной чашкой. ☕ Он жмёт — и появляется окно, где всё разложено по полочкам: безопасный донат через DonationAlerts, красивая карта твоего банка с кнопкой «Скопировать», QR-код. Он выбирает удобный способ, переводит тебе деньги. Ты покупаешь кофе. Все счастливы. Система работает.

«И что, это всё?» — спросишь ты. Да. Всё. Никаких сложных интеграций с API банков (это незаконно, дружище), никаких самостоятельных встраиваний скриптов. Скачал, активировал ключом, настроил за 5 минут — и система приёма донатов на сайте готова.

💰 Почему он платный? Разве нельзя сделать бесплатно?

Можно. И я сделал. Первую версию. И она была… так себе. Потому что бесплатный плагин — это:

Вечные вопросы в поддержку «почему не работает?».
Отсутствие обновлений под новые версии WordPress.
Баги, которые никто не спешит исправлять.
Нулевая ответственность.

Платный плагин — это договор. Ты платишь деньги, я даю тебе:

Работающий продукт, проверенный на реальных сайтах.
Пожизненные обновления (пока WordPress жив).
Техническую поддержку — отвечаю на вопросы, помогаю настроить.
Лицензию на один сайт — честно и прозрачно.

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

🎁 Что в коробке? (Сюрпризов нет, всё по делу)

Купив плагин, ты получаешь:

ZIP-архив с плагином — устанавливается как любой другой.
Ключ лицензии на один сайт (приходит на почту сразу).
Доступ к будущим обновлениям — новые фичи и улучшения.
Поддержку по почте и в чате — не брошу с вопросами.
Детальную документацию — но, честно, она почти не нужна, всё интуитивно.

Посмотреть, как плагин танцует, можно на 🕺 странице демонстрации.

🚀 И что, теперь мне посыпятся деньги?

Нет. Волшебной кнопки «Сделать меня богатым» не существует. Этот плагин убирает барьеры. Читатель хотел отблагодарить, но не знал как — теперь знает. Он колебался между «перевести» и «забить» — теперь у него перед носом удобный интерфейс.

Твоя работа — создавать ценность. Работа плагина — дать читателю простую возможность эту ценность оценить.

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

🚀 Хватит завидовать! Забери свой волшебный виджет!

Не жди милости от читателей — создай им удобную возможность отблагодарить тебя!

💝
КУПИТЬ DONATE WIDGET СО СКИДКОЙ →

🔥 Гарантия 30 дней • Обновления навсегда • Поддержка 24/7

*P.S. Первую чашку кофе, купленную на донаты через этот виджет, запомнишь навсегда. Проверено на себе. 😉

Оцените статью:

Рейтинг: 0.0 (Голосов: 0)

Поддержать проект

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

Каждая копейка превращается в кофеин для новых статей ☕

💳 Безопасный донат через DonationAlerts →

🔒 Защищённый платёж с выбором способа

📱 Прямой перевод на карту

Sber

MIR

5469 9802 6661 1041

ARTEM Y

Мир

или

📱 Или отсканируйте QR-код

Наведите камеру для быстрого перевода

⚡

Мгновенное зачисление Деньги приходят сразу

🙏

Спасибо за поддержку! Каждая сумма важна

Донаты на сайте WordPress

🤔 Что это за зверь и с чем его едят?

⚙️ Как это работает? Магия под капотом.

💰 Почему он платный? Разве нельзя сделать бесплатно?

🎁 Что в коробке? (Сюрпризов нет, всё по делу)

🚀 И что, теперь мне посыпятся деньги?

🚀 Хватит завидовать! Забери свой волшебный виджет!

Об авторе: Hobo

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

🤔 Что это за зверь и с чем его едят?

⚙️ Как это работает? Магия под капотом.

💰 Почему он платный? Разве нельзя сделать бесплатно?

🎁 Что в коробке? (Сюрпризов нет, всё по делу)

🚀 И что, теперь мне посыпятся деньги?

🚀 Хватит завидовать! Забери свой волшебный виджет!

Поддержать проект

📱 Прямой перевод на карту

Почитайте похожие материалы

Как перенести старые записи WordPress на Дзен

Липкий сайдбар без плагина: как я победил 150 КБ бесполезного кода

Об авторе: Hobo

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