🔌 Donorin Widget for WordPress

Donorin Widget is a simple yet powerful WordPress plugin designed to seamlessly display up-to-date donation or transaction data on your website. This widget retrieves necessary information from the Donorin Kasir application's API and renders it in a clean, customizable table format.

This is the perfect tool for organizations using the Donorin Kasir system who wish to maintain transparency and display real-time transaction information directly on their WordPress site.

✨ Features

• API Data Retrieval: Connects securely to the specified Donorin Kasir API URL to fetch transactional data.
• Table Display: Presents the retrieved information in a structured, easy-to-read table format within any widget area.
• Simple Configuration: Easy setup via the standard WordPress Widget panel.

🚀 Installation

Installing and setting up the Donorin Widget is quick and straightforward.

Method 1: Uploading the ZIP File

1. Download: Download the latest release of the donorin-widget.zip file from the http://github.com/erimilis/donorin-widget.
2. Access WordPress Admin: Log in to your WordPress dashboard.
3. Add Plugin: Navigate to Plugins > Add New.
4. Upload: Click the Upload Plugin button at the top of the screen.
5. Select & Install: Choose the downloaded donorin-widget.zip file and click Install Now.
6. Activate: Once installation is complete, click Activate Plugin.

Method 2: Manual (via FTP/SFTP)

1. Extract: Extract the contents of the donorin-widget.zip file.
2. Upload: Use an FTP client to upload the entire extracted folder (e.g., donorin-widget) to the /wp-content/plugins/ directory of your WordPress installation.
3. Activate: Go to Plugins in your WordPress dashboard and click Activate next to "Donorin Widget."

⚙️ Widget Configuration

After activation, you need to add the widget to a sidebar or widget area and configure it to connect to your Donorin Kasir application.

1. Go to Widgets: Navigate to Appearance > Widgets in the WordPress admin panel.

2. Add New Widget: Find the widget named "Donorin Widget" in the list of available widgets.

3. Drag and Drop: Drag the "Donorin Widget" into your desired sidebar or footer area.

4. Configuration: A configuration form will appear:

   • Title: (Optional) Enter a title for the widget (e.g., "Latest Donations").
   • Donorin Kasir API URL: Crucially, enter the full API URL provided by your Donorin Kasir application here.
   • example API URL is not available
   • data format: JSON
   • content example:

     {"msg":"success","data":"{\"judul\":\"NAT + ChLIA\",\"tanggal\":\"Jumat, 12 Desember 2025\", \"judultabel\":\"['WB', 'PRC', 'TC', 'FFP', 'AHF', 'Trombopheresis', 'Plasmapheresis', 'Leukodepleted']\", \"tabel\":\"[[0,0,0,0],[15,13,10,20],[0,0,0,0],[8,0,9,5],[3,0,1,0],[0,0,0,0],[0,0,0,0],[0,0,0,0]]\"}"}

   • display example:

5. Save: Click Save to apply the configuration.

The widget is now active and should display the fetched data in a table on your frontend website!

🤝 Contribution

We welcome improvements and bug reports. Feel free to open an Issue or submit a Pull Request if you would like to contribute.

📄 License

This project is released under the [MIT License / GPL v2 or later / Your Chosen License].