Screencast

0:00: Hey guys, so this is the demo for the staging Given it app.
0:06: So when the user first installs the app, it’s redirected to this dashboard where we can see all the stats, all the donations and the campaigns created.
0:18: So first of all, let’s create a campaign.
0:22: Here on the setup guide, we have some steps to be taken like campaign name, then the campaign header, this will appear in the widget in the storefront.
0:34: Also the donation box with the options to donate.
0:38: , the label for the buttons on the widget.
0:43: The option to enable fee recovery on the, on the widget to users to help pay the fee transactions.
0:53: , the footer content of the widget, and this is the preview of the of the widget.
1:02: , this is the layout, we can choose classic or two step.
1:10: This is the goal if we want to display like a progress bar showing the amount that was already donated and the goal for the campaign.
1:21: And this is the option for recurring donation.
1:24: We’ll mark this as true.
1:28: Let’s go ahead and save the campaign.
1:46: So the campaign ID is this one, 122, let’s add it.
1:55: And hit save.
2:00: So when doing this, we can see the widget already here in the preview.
2:08: Let’s go to the actual storefront.
2:12: And try to place an order with a donation.
2:34: OK, let’s place the order.
3:30: OK, so the order was placed if we go back to the.
3:39: Dashboard We can see that this is the campaign that we created.
3:45: This is the edit campaign page.
3:50: We can see all the donations that were placed.
3:54: This is the last one that I did just now.
3:57: If we come to donors, we can see.
4:01: All the donors that donated in the in the store.
4:08: Recurring donations, this is, of the, all the recurring donations, currently active and canceled, so this is for the subscription API.
4:27: We can see the reports for the all the stats for the donations and campaigns.
4:35: On the settings we have some general settings which are mainly for additional CSS at the moment.
4:44: We have options for the email notifications.
4:50: And billing is just to choose the plan.
4:54: And finally, the support tab where we can see options for contacting support on the app.
5:03: So, that’s it guys, that’s the whole app in Google Chrome.
5:08: I will also add examples for the other browsers.
5:14: All right guys, so this is the admin dashboard in Mozilla Firefox.
5:20: We can see that all the pages work as expected.
5:25: The nations.
5:28: Donors Recurring donations.
5:35: Reports Settings Par Just go to the campaign edit page.
5:46: So that we can correctly access everything.
5:51: Dave So everything working.
5:55: Let’s go to the storefront.
6:00: We can see the widget.
6:02: Let’s add something to the cart.
6:05: And then of course we can check out and do the process again, and then the order would appear here in the recurring donations again.
6:14: Let’s go to the next browser.
6:17: So this is the dashboard on opera.
6:28: Let’s go to all the pages.
6:30: Let’s go to the campaign edit.
6:33: that we can Change and save.
6:38: Donations.
6:41: Donors Recurring donations.
6:47: Reports That thinks For Go to the storefront.
7:04: Let’s add a donation to the card.
7:12: Check out And let’s go to the next browser.
7:19: So this is Safari for Mac OS?
7:23: Let’s check that we can see all the pages normally.
7:29: Edit and save.
7:34: Donations donors.
7:37: Recurring donations.
7:40: Reports That ain’t And support Let’s go To the storefront.
7:53: Add something to the cart.
7:57: And check out.
8:00: Right, let’s go to the next browser.
8:04: This is Microsoft Edge.
8:13: So we can see the dashboard.
8:18: At its campaign.
8:24: Donations.
8:27: Donors Recurring donations.
8:33: Reports That’s For And let’s go to the storefront.
8:50: Add to the cart.
8:56: And check out.
8:59: OK, let’s go to the next browser.
9:03: So, this is the Apple Safari for iOS.
9:08: let’s go to the staging app.
9:22: You can see the dashboard.
9:27: Let’s go to campaigns.
9:31: Campaign edit page.
9:36: Let’s add it once again.
9:41: Dave Donations.
9:51: Donors Recurring donations.
10:00: Reports The things Let’s go to the storefront.
10:25: Let’s add something to the cart.
10:34: And let’s check out.
10:38: OK, and let’s go to the next browser.
10:40: OK, and finally, this is the Google Chrome for Android.
10:46: Let’s access the app.
10:50: You can see the dashboard.
10:56: Build campaigns.
11:01: E They Go to donations.
11:15: Donors Recurring donations.
11:26: Report Settings And support Finally, let’s go to the storefront.
11:44: Add something to the cart.
11:50: And check out.
11:54: OK, that’s the app in all browsers.