How to Display GiveWP Donation Alert Using NotificationX?

NotificationX allows integrations with the very powerful donation platform- GiveWP. You can now display amazing donation popups on your website which have been raised through your GiveWP Form for FREE. Thus, you can create more buzz and raise funds for your campaigns.

How to Configure GiveWP with NotificationX: #

Before you begin, make sure that you have installed and configured GiveWP plugin on your website. Let’s check out this below guideline to learn how to display GiveWP Donation Alert using NotificationX:

Step 1 – Add New Notification #

Go to your WordPress Dashboard and navigate to wp-admin -> NotificationX -> NotificationX. Then right at the top, click on ‘Add New’.

Add New GiveWP Notification

Step 2 – Pick a Source #

After you are done with step 1, you will be redirected to the ‘Source’ Tab page of NotificationX. Choose ‘Sales Notification’ as your Notification type. Afterward, simply just pick ‘Give’ as your Source. Then, click on the ‘Next’ button.

Chose Your GiveWP Notification Source

Step 3 – Choose a Design Theme #

From the ‘Design’ tab, you can choose a layout and also have the flexibility to use the ‘Advanced Design’ option to customize it as per your preference. From the ‘Themes’ section, the chosen layout is how the GiveWP Donation popup will be displayed on your website.

Besides, you can modify your chosen Theme by customizing it through ‘Advanced Design’ option. From this section, you will be able to easily add styling to your design, image appearance, and typography. Basically, GiveWP Donation alert consists of Three rows. From the ‘Typography’ section, you can change the Font Size for each row as well.

Chose Theme for GiveWP Donation Alert

Step 4 – Configure Template Content #

You will then be redirected to the ‘Content’ tab from where you can modify your ‘Notification Template’ and add your preferred content text. You can easily go ahead and choose your preferred variables. These variables help to display the name of the users who have donated via the GiveWP form on a certain day. You can pick notifications based on ‘GiveWP Forms’ selected as well.

On the other hand, ‘Advanced Template’ gives you complete control over to customize the entire Content for ‘GiveWP Donation Alert’ as well. Moreover, you can even track the various types of campaigns through NotificationX as well. ‘UTM Control’ allows you to add ‘Campaign’, ‘Medium’ and ‘Source’ to your notification popup.

Configure Template Content - GiveWP Donation Alert


Step 5 – Adjust Display Options #

In the ‘Display’ tab, there are two available sections: Image & Visibility. From the ‘Image’ section, you can use the checkbox to display default image or an avatar in the notification popup. From the ‘Visibility’ section, you can set the pages where you want to display the GiveWP Donation Alert. You also have the option to restrict the notification popup based on certain user roles. After you click on the ‘Next’ button, you will be redirected to the ‘Customize’ Tab.

GiveWP Notification Display Settings

Step 6 – Set Up Appearance #

Under the ‘Customize’ tab, you will find four separate sections: Appearance, Timing, Behavior & Sound Settings. From the ‘Appearance’ section, you can set the position for GiveWP Donation Alert to either at the Bottom Left or Bottom Right side of your website. Besides, you can even set a max-width for your Notification Popup as well.

Besides, you also have the freedom to set time for ‘Initial’, ‘Display For’ & ‘Delay Between’ options as per your preference from the ‘Timing’ section. From the ‘Behaviour’ section, you can choose to display the number of donation made for the certain passed days. By checking the ‘Loop Notification’ box, the notification popup will keep on displaying. If you want, you can even enable ‘Sound Alert’ for your GiveWP Donation Alert as well.

Customize GiveWP Donation Alert

Step 7 – Publish Your Notification #

After you have completed step 6, click on the ‘Publish’ button. As a result, the ‘GiveWP Donation Notification’ will be successfully created. By following these mentioned steps and a bit more modifying & styling, your final outcome would look like something like this:

Final Output of GiveWP Donation Notification

This is how you can easily design and display an appealing ‘GiveWP Donation Alert’ on your WordPress website and boost your fundraising campaigns with NotificationX.

If you face any issues, you can contact our Support Team here.

Powered by BetterDocs