Skip to main content

Embeddable Widget

Put Amanahfy giving directly on your own website.

Written by Adil Ali

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

  1. Go to Setup → Widgets.

  2. Click Add New.

  3. 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.

  4. 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.

  5. 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.

Related

Did this answer your question?