TubeSum

Set Up Stream Donations — Step-by-Step Guide & Transcript

How to Set Up Stream Donations with Donation Alerts and DonatePay

0h 03m video Published Jun 23, 2024 Transcribed Aug 11, 2026 С Стример - оформление и продвижение стрима
Beginner 3 min read For: Streamers and content creators who want to set up donation buttons and alerts on platforms like Twitch.
AI Trust Score 75/100
⚠️ Average / Some Fluff

"Delivers exactly what the title promises: a straightforward donation setup guide with no fluff."

AI Summary

This tutorial explains how to set up stream donations using Donation Alerts and DonatePay. It covers creating a donation page, adding it to Twitch panels, setting up alert widgets in OBS, integrating DonatePay, and troubleshooting the green background issue.

[00:00]
Setting up Donation Alerts

Register on Donation Alerts and navigate to the 'Donate Page' tab to get your unique donation link.

[00:15]
Adding donation link to Twitch

Edit Twitch panels and add the donate link to a button so viewers can click and donate.

[00:40]
Creating an alert widget

In Donation Alerts, go to the 'Alert' section, choose Group 1, and copy the embed widget link.

[00:52]
Adding widget to OBS

In OBS, add a Browser source, name it 'donat', and paste the widget URL to display alerts.

[01:20]
Integrating DonatePay

Use DonatePay's integration with Donation Alerts to copy a widget link for uniform donation alerts.

[02:13]
Fixing the DonatePay widget

Make the browser source 800x800 pixels and set the alert background to transparent to remove the green background.

Mentioned in this Video

Tutorial Checklist

1 00:00 Register on Donation Alerts and copy your donation page link.
2 00:15 Add the donate link to your Twitch panels via Edit Panels.
3 00:40 In Donation Alerts, go to Alert section, choose Group 1, and copy the embed widget link.
4 00:52 In OBS, add a Browser source, name it 'donat', and paste the widget URL.
5 01:20 Set up DonatePay integration with Donation Alerts and copy the widget link.
6 02:13 Fix the DonatePay widget by setting square size (800x800) and making the background transparent.

Study Flashcards (8)

What is the first step to set up stream donations?

easy Click to reveal answer

Go to Donation Alerts and register.

Where do you add the donation link for viewers?

easy Click to reveal answer

On Twitch panels by editing them and adding a button.

00:15

How do you get the alert widget link in Donation Alerts?

medium Click to reveal answer

Go to Alert section, select Group 1, and click 'show embed link'.

00:40

What software is used to display the alert widget?

easy Click to reveal answer

OBS (via a Browser source).

00:52

How do you test the donation alert?

medium Click to reveal answer

Click the gear icon in Donation Alerts and select 'Make Test Alert'.

01:06

Why set up DonatePay?

medium Click to reveal answer

Because some viewers cannot donate via Donation Alerts.

01:20

How do you remove the green background from the DonatePay alert?

medium Click to reveal answer

Edit the alert styling and set the background to transparent.

02:29

What size is recommended for the browser source in OBS?

easy Click to reveal answer

800x800 pixels.

02:13

💡 Key Takeaways

🔧

Embed link for alerts

Shows the exact location in Donation Alerts to get the widget link, a key step for custom alerts.

00:40
⚖️

Built-in test alert

Using the test alert feature verifies the setup without waiting for a real donation.

01:06
💡

DonatePay integration

Explains how to unify alerts from two donation platforms, solving a common pain point for streamers.

01:20
🔧

Fixing green background

Provides a quick styling fix that improves the visual consistency of the alerts.

02:13

[00:00] Всем привет, давайте настроим донат на стрим. Чтобы настроить донат, нам надо перейти на сайт Donation Alerts. Ссылку на сайт я оставлю в описании. После того, как перешли на сайт и зарегистрировались, переходим на вкладку «Страница донатов». Здесь отображается наша ссылка, через которую нам могут сделать донат.

[00:15] Оставить её можно в любом месте, в любой социальной сети, я оставлю её на Твиче. На Твиче я нажимаю «Редактировать панели» и там будет место для ссылки. Добавлю её на кнопку «Донат», чтобы зрители понимали, что через эту кнопку можно задонатить.

[00:28] После того, как добавили, не забываем нажать на кнопку «Отправить» и, в принципе, все. Теперь зритель, когда нажмет на кнопку, его перекинет на страницу с донатом. Но оповещения о донате не будет. Давайте сейчас настроим оповещение о донате.

[00:40] На сайте DonationAlerts переходим в раздел «Оповещение». В разделе «Оповещение» нас интересует группа 1. Справа от слова «Группа 1» показать ссылку для встраивания. Нажимаем на эти слова. И нам показывает ссылку на виджет.

[00:52] Копируем его, переходим в EBS. В EBS правой кнопкой мыши добавляем браузер. Напишем ему название. допустим донат и в url адрес вставляем ссылку которую мы скопировали нажимаем ok теперь когда зритель будет нам донатить уже будет видно чтобы проверить

[01:06] оповещение о донате переходим на сайт донат пейнт нажимаем на шестеренку и нажимаем сделать тестовое оповещение невероятно сообщение как мы видим донат работает все хорошо

[01:20] давайте сейчас настроим донат на донат пей потому что на донат пей не у всех работает иногда донаты ссылку на the night pay я оставлю в описании под этим видео но данным есть интересная функция интеграция с domestic нажимаем на нее и

[01:33] переходим в настройки виджетов и здесь для интеграции нам необходим виджет который у нас на доной сен аллерти лежит группа 1 копируем виджет группы 1 переходим на донат и интеграцию и вставляем его нажимаем на кнопку Default Donation Alerts

[01:59] И переходим в EBS. Здесь делаем то же самое. Нажимаем правой кнопкой мыши «Добавить браузер». Только дадим название уже DonatePay. Это для того, чтобы не путаться. Вставляем ссылку, которую мы скопировали на виджет. И размещаем в удобном для нас месте.

[02:11] Давайте сейчас сделаем тестовое оповещение. Нажимаем на синенькую кнопку и посмотрим. И мы видим, что что-то не так работает. что-то криво и непонятно но это легко пофиксить нажимаем правой кнопкой мыши надо надпай который

[02:23] мы сделали переходим свойства и размер этого источника нам надо сделать квадратным допустим 800 на 800 пикселей и в стилизации на сайте донат пей нам необходимо просто убрать зеленый фон нажимаем на кнопку редактировать оповещение вот это вот желтенькая и мы видим что у нас задан

[02:39] здесь зеленый фон мы просто делаем его прозрачным полностью и нажимаем сохранить это просто настройки потянули сайта донат пей теперь уже будет все нормально работать давайте еще раз протестируем и посмотрим и как мы видим что все хорошо работает а донат пей мы не добавили ссылку для того чтобы

[02:59] пользователь отправлял нам донат давайте добавим страница пожертвования переходим на нее и на странице пожертвования вот эта вот ссылочка мы ее копируем и вставляем в нужное место куда нам нужно я добавлю ее на другую кнопку донат у себя на твиче оставляю ссылку и нажимаю отправить в

[03:15] этом ничего сложного нет я думаю у каждого это получится вот такая вот интеграция с donation alice у нас получилось теперь донаты будут изданы по из доней шина лирса в одинаковой стилистике я думаю что для многих это будет актуально потому что люди которые не могут донатить через доней

[03:31] шина alice тоже хотят делать донат в этой же стилистике фолд на я стилистик анден пейн выглядит не очень если это видео было полезно обязательно ставь лайк и добавляйся группу вконтакте там у меня на стене есть бесплатное оформление для стримеров так что обязательно подписывайся

More from Стример - оформление и продвижение стрима

View all

⚡ Saved you 0h 03m reading this? Transcribe any YouTube video for free — no signup needed.