Tillbaka till bloggen

Dela den här artikeln

Donationswidgets för livestreams | OBS & Streamlabs

Uppdatering: 2026-11-02 • 6 min
4fund.com
Team
Donationswidgets för livestreams | OBS & Streamlabs

Vill du visa dina tittare hur mycket pengar du har samlat in under en välgörenhetslivestream? Vill du visa de senaste donationerna, en topplista över donatorer eller en QR-kod som länkar till din insamling? Med 4funds streamingwidgets kan du visa denna information direkt i din livestream. Lär dig hur du lägger till insamlingsöverlägg och visar uppdateringar om donationer i realtid.


Viktiga punkter

  • Med 4funds streamingwidgets kan du visa information om insamlingen direkt i din livestream.
  • Du kan visa det totala insamlade beloppet, en förloppsindikator för insamlingen, de senaste donationerna och en topplista över donatorer.
  • En QR-kod för donationer hjälper tittarna att öppna din insamling och göra en donation.
  • För att visa en widget genererar du dess URL på 4fund och lägger till den som en webbläsarkälla i ditt streamingprogram.
  • Donationswidgetarna fungerar med OBS Studio, Streamlabs Desktop och annan streamingprogramvara som stöder webbläsarkällor.
  • Du kan använda dessa widgetar för välgörenhetslivestreams, spelstreams och andra liveinsamlingsevenemang.


Vad är streamingwidgets för donationer och hur fungerar de?

Donationswidgets för streaming är överlägg som visar information om din insamling under en livesändning. De hjälper tittarna att följa hur insamlingen fortskrider, göra donationer och se hur andra stöder ditt ändamål.

4fund erbjuder flera typer av streamingwidgets. Du kan välja de som passar bäst för just din livestream. Vissa gör det enklare för tittarna att donera, medan andra visar insamlingens framsteg eller uppmärksammar donatorer.

Här är de tillgängliga widgetarna:

  • QR-kod för donationer – Visar en QR-kod som tittarna kan skanna för att öppna din insamling och göra en donation.
Donation QR code widget that viewers can scan to open the fundraiser and donate

  • Donatorlista – Visar de 11 donatorer som har bidragit med de högsta totala beloppen till din insamling.
Donor leaderboard widget showing the top 11 supporters ranked by their total donations

  • Kort över insamlingens framsteg – Visar titeln på din insamling, det insamlade beloppet, ditt insamlingsmål och en framstegsindikator.
Fundraising progress card displaying the fundraiser title, amount raised, goal and progress bar

  • Förloppsindikator för insamlingen – Visar det aktuella insamlade beloppet och en förloppsindikator.
Fundraising progress bar widget showing the current amount raised

  • Totalt insamlat belopp – Visar det aktuella beloppet som samlats in genom din insamling.
Widget displaying the total amount collected through the fundraiser

  • Live-donationsaviseringar – Visar nya donationer som popup-meddelanden under din sändning.
Live donation alert widget displaying a pop-up notification about a new donation

  • Erbjudanden och auktioner – Visar ett valt erbjudande eller en auktion från din insamling.
Widget for displaying a selected offer or auction from the fundraiser during a live stream

Så här skapar du en donationswidget på 4fund

Vill du lägga till liveuppdateringar om donationer i din sändning? Följ dessa steg för att skapa en sändningswidget för din insamling.

1. Öppna din insamling på 4fund och klicka på ”Dela”.

Share option on the 4fund fundraiser page

2. Välj ”Live-streaming” och välj den widget du vill visa.

Streaming live menu with donation widgets available for your broadcast

3. Kopiera URL:en till den valda widgeten.

Selected donation widget URL ready to copy into your streaming software

Din donationswidget är nu redo att läggas till i ditt streamingprogram.

Så här lägger du till donationswidgets i OBS Studio och Streamlabs

4funds donationswidgets fungerar som överlägg i livestreamen. Du kan lägga till dem i ditt streamingprogram med hjälp av den genererade URL:en.

De flesta streamingprogram stöder detta via en funktion som kallas Browser Source. Detta gör att du kan visa innehåll från en webbadress direkt i din stream.

Nedan förklarar vi hur du konfigurerar donationswidgets i två populära streamingprogram: OBS Studio och Streamlabs Desktop.

Så här lägger du till en donationswidget i OBS Studio

  1. Kopiera URL:en till den donationswidget du valt från 4fund.
  2. Öppna OBS Studio och leta reda på panelen ”Källor”.
  3. Klicka på ”+”-knappen längst ner i panelen.
  4. Välj ”Browser”, ange ett namn för din källa och klicka på ”OK”.
  5. Klistra in länken till widgeten i fältet ”URL”.
  6. Ställ in widgetens bredd och höjd och klicka sedan på "OK".
  7. Justera storleken och placeringen av widgeten i din sändning.

Så här lägger du till en donationswidget i Streamlabs Desktop

  1. Kopiera URL:en till den valda donationswidgeten från 4fund.
  2. Öppna Streamlabs Desktop och gå till panelen "Källor".
  3. Klicka på "+"-knappen och välj "Browser Source".
  4. Klicka på ”Lägg till källa”, ange ett namn för din källa och välj ”Lägg till källa” igen.
  5. Klistra in widgetlänken i fältet ”URL”.
  6. Ställ in widgetens bredd och höjd och stäng sedan inställningsfönstret.
  7. Justera storleken och placeringen av widgeten i din sändning.

Din donationswidget är nu redo att visas under din livestream!

Du kan lägga till fler widgetar på samma sätt, till exempel en förloppsindikator för insamlingen, en topplista över donatorer eller live-donationsmeddelanden.

Du kan också använda flera widgetar samtidigt för att skapa din egen layout för insamlingsoverlägget. Du kan till exempel kombinera en förloppsindikator, en topplista över donatorer och donationsaviseringar på en och samma skärm.

View of composition of an example widget usage


Checklista för välgörenhetslivestream: vad du ska göra innan du går live

Innan du startar din välgörenhetslivestream ska du se till att dina donationswidgets fungerar som de ska och att tittarna enkelt kan hitta och stödja din insamling.

Kontrollera följande:

  • Testa dina donationswidgets. Använd förhandsgranskningen i din sändningsprogramvara för att kontrollera att varje widget visas korrekt.
  • Kontrollera din sändningslayout. Se till att widgetarna inte täcker viktigt innehåll på skärmen.
  • Förbered en kort förklaring av ditt välgörenhetsändamål. Berätta för tittarna vem du samlar in pengar till och hur deras donationer kommer att hjälpa.
  • Gör det enkelt att donera. Visa en QR-kod för donationer eller lägg till länken till din insamling i sändningsbeskrivningen.

Behöver du fler idéer för att engagera dina tittare? Läs vår guide till välgörenhetslivestreaming och upptäck hur du kan uppmuntra din community att stödja ett gott ändamål.

Planerar du en välgörenhetslivestream? Skapa en insamling på 4fund och bjud in dina tittare att stödja den!

Skapa en insamling för din sändning




Vanliga frågor – Widgets för donationer under livestreaming


Kan jag lägga till flera donationswidgets i en och samma livestream?

Ja. I OBS Studio och Streamlabs Desktop kan du lägga till flera widgetar som separata webbläsarkällor. Du kan till exempel visa en förloppsindikator för insamlingen, en topplista över donatorer och en QR-kod för donationer under samma livestream. Du kan placera varje widget på olika ställen på skärmen.

Fungerar 4funds donationswidgets endast med OBS Studio?

Nej. Du kan även använda donationswidgets med andra streamingprogram som stöder webbläsarkällor, inklusive Streamlabs Desktop. Inställningsprocessen kan variera beroende på programvaran.

Hur kan jag visa live-donationsmeddelanden i min sändning?

Öppna din insamling på 4fund, klicka på ”Dela” och välj ”Livestreaming”. Välj widgeten för donationsmeddelanden och kopiera dess URL. Lägg till URL:en som en webbläsarkälla i OBS Studio eller Streamlabs Desktop. Nya donationer visas som popup-meddelanden under din sändning.

Hur kan tittarna donera under en välgörenhetslivestream?

Tittarna kan öppna din insamling via en länk i streamens beskrivning eller genom att skanna en QR-kod för donationer som visas på skärmen. De kan sedan donera via din insamlingssida på 4fund.

Vad ska jag göra om min donationswidget inte visas?

Kontrollera först att du har kopierat rätt widget-URL till webbläsarens källkod. Se till att källkoden är synlig i den valda scenen och att bredd och höjd är korrekt inställda. Om widgeten fortfarande inte visas kan du prova att uppdatera webbläsarens källkod eller lägga till widgeten igen.

Upptäck fler praktiska tips och inspirerande berättelser.

Genom att prenumerera godkänner du våra Integritetspolicy.
Bannerbild
Vill du hålla dig uppdaterad?

Följ oss på sociala medier!