Widget constructor

https://tonation.me/app/widgets

This page allows you to create, edit and customize widgets to display donations on your stream. Everything is made as simple and convenient as possible.


Sections of the page:

  1. Widget settings

  • Background Color: Select the background color for your widget. Click on the colored square to open the palette and select the desired shade.

  • Embed Link: A unique link that you can use to integrate your widget into streaming software (such as OBS). To copy the link, click on it.

  1. Widget List

  • Name: The name of the widget that you specify when you create it.

  • Min amount, USD: The minimum amount of donation with which the widget will be displayed.

  • Status: A slider to enable or disable the widget.

  • Updated: Shows the date and time when the widget was last updated.

  • Created: Displays the date and time the widget was created.

  • Actions:

    • Edit (pencil icon): Allows you to change the widget's settings.

    • Delete (trash can icon): deletes the widget. Attention: you cannot restore a deleted widget!

    • Preview (eye icon): shows how the widget looks on the embed page.

  1. Managing the list of widgets

  • Add Widget button: Creates a new widget. Click the button, fill in the form and save the settings.

  • Number of elements per page: Select how many widgets to display on one page (e.g. 10 or 20).

  • Page Navigation: Use the arrows at the bottom of the table to navigate between widget pages.


How to create a new widget

  1. Click the “Add Widget” button.

  2. In the form, fill in:

    • Name of the widget (optional).

    • Minimum donation amount (optional).

    • Appearance settings.

  3. Save the settings - the widget will appear in the list.


How to embed a widget

  1. Copy the link from the Embed Link field.

  2. Paste the link into your streaming program (e.g. OBS) as a Browser Source.

  3. Adjust the size and location of the widget in your program.

Last updated