The widget puts a donation element straight onto your site. A visitor selects the element and the Amanahfy checkout opens without redirecting them, so giving happens in the flow of your own pages.
Before you start
You need an active campaign with price points and a connected payment method. See Create a campaign.
You need a developer or website administrator to install the code.
Create an element
Go to Setup → Widgets.
Click Add New.
Choose your element type from the categories. Options include Goal Meter, List Donation Form, Jummah Donation Form, Tab Donation Form, Donation Levels, and Button Image Card.
Configure the Behavior tab settings. You select the campaign and define specific element details. For a Button Image Card, you select the frequency, stipulation, and default amount.
Click Create Elements to save your configuration.
Element types
Element | Description |
Goal Meter | An animated progress bar of campaign performance. |
List Donation Form | A customizable donation form list. |
Jummah Donation Form | A weekly donation form layout. |
Tab Donation Form | Donation options in a tabbed view. |
Donation Levels | Cards with customizable text, amounts, and buttons. |
Button Image Card | An animated donation button that sticks to any side of your website. |
Good to know
The checkout runs inside your page. Donors stay on your site throughout the process.
Test your widget configuration directly from the dashboard before you launch. Click the eye preview icon under the Action column in the Widgets list to open the element, then process a small real transaction through this preview to confirm the checkout flow works.
Marketing pixels track activity in the widget. See Digital marketing pixels.










