Donation System to Your Wix Studio Website (NO CODE)
Summary
TLDRThis video offers a step-by-step tutorial on how to integrate a seamless donation feature on your website using Wix Studio. The guide walks you through creating and customizing a donation campaign, including setting donation frequencies, adding suggested amounts, and allowing donors to input their own amounts. The video also covers how to design and publish the donation form and addresses the need to upgrade your Wix plan to accept payments. It's a simple, user-friendly process to turn your website into a powerful tool for collecting donations.
Takeaways
- 📋 Step-by-step tutorial on how to integrate a donation feature into a website using Wiek Studio.
- 💻 The tutorial is aimed at both developers and beginners.
- 🔧 First step is to open a new project in Wiek Studio and access the 'My Business' section.
- 🆕 Users can add a donation form by selecting 'Wiek Donations' from the available functionalities.
- 🎯 Campaigns are required to accept donations, so users must create one before proceeding.
- 🏷️ A title is needed for the campaign, such as 'Kids from Africa,' along with optional media like images.
- 💸 Donation frequency options include one-time, monthly, weekly, and yearly contributions.
- 💵 Users can set suggested donation amounts and also allow custom donation entries from visitors.
- 📝 Option to accept additional notes from donors is available in the form setup.
- 🚨 Upgrading to a premium plan is necessary to start accepting payments through the platform.
Q & A
What is the purpose of the video tutorial?
-The video tutorial guides viewers step by step on how to integrate a donation functionality into their website using Wiek Studio.
Who is the target audience for this tutorial?
-The tutorial is aimed at both developers and non-developers (on Tei), making it accessible for a wide range of users.
What is the first step to integrating the donation feature?
-The first step is to open a new project in Wiek Studio and navigate to the 'My Business' section to find the 'Wiek Donations' option.
How do you add a donation campaign to your website?
-You need to click on the '+' icon under 'Wiek Donations,' choose the campaign option, and add a new campaign if you don’t have one. Then, provide a campaign title, an image, and other details.
What campaign title is used as an example in the video?
-The example campaign title used in the video is 'Kids from Africa.'
What donation frequencies can be selected when setting up a campaign?
-The available donation frequencies are one-time, monthly, weekly, and yearly.
What are some suggested donation amounts mentioned in the tutorial?
-The suggested donation amounts provided in the tutorial are 500, 1,000, and 5,000 units in the local currency.
Can donors enter their own custom donation amount?
-Yes, donors can enter a custom donation amount into a field if you enable this option during setup.
What additional option can be added for donors when setting up the donation form?
-An option to accept notes from donors can be added, allowing them to leave a message along with their donation.
What is required to accept payments on the website after setting up the donation form?
-To accept payments, you need to upgrade your Wiek Studio plan, as the free plan does not support payment processing.
Outlines
💻 Step-by-Step Guide to Adding Donation Functionality on Your Website
This video tutorial explains how to add a donation feature to your website, starting with a seamless integration. The presenter assures that by the end of the tutorial, viewers will have a functioning donation system ready. Whether you're a developer or a beginner, this tutorial will help transform your website into a powerful tool for accepting donations.
🛠️ Setting Up a New Project in Wix Studio
The tutorial begins with opening a new project in Wix Studio. After opening the page, the next step is to navigate to the 'My Business' section where multiple functionalities of Wix Studio are displayed. The user is instructed to scroll down and find the donation feature by clicking on the 'Wix Donations' icon.
📝 Creating a Donation Campaign: Kids from Africa
The presenter walks through the process of setting up a donation campaign. Since there isn't a pre-existing campaign, they create a new one titled 'Kids from Africa.' An image is added by searching the media library for donations, and the donation frequency is set to allow one-time, monthly, and yearly donations.
💰 Setting Suggested Donation Amounts
In this section, suggested donation amounts of 500, 1,000, and 5,000 are added. The presenter notes that the website will automatically adjust to the currency of the user’s location. A custom donation field is also created, allowing donors to enter their own amount, and an option to accept notes from donors is enabled.
📊 Managing and Viewing Campaigns
After setting up the campaign, the presenter shows how to view and manage the donations. Information like funds collected, the campaign's creation date, and additional campaign details can be accessed. The user can also edit and view donation data from this screen.
🎨 Customizing the Donation Form Design
The donation form can be customized to match the website’s style. The form is resized, centered, and designed according to the user’s preferences. The presenter demonstrates how to quickly design and format the donation page to enhance its visual appeal.
🚀 Publishing and Finalizing the Donation System
Once the form design is complete, the presenter clicks publish to make the donation system live. A red warning appears, indicating that payments cannot be accepted without upgrading the Wix Studio plan. After upgrading, the website will be ready to accept donations. The video concludes with a reminder to like, subscribe, and comment for further questions.
Mindmap
Keywords
💡Donation Feature
💡Wix Studio
💡Campaign
💡Donation Frequency
💡Suggested Amounts
💡Custom Amount
💡Notes from Donors
💡Upgrade Plan
💡Publish
💡Design Customization
Highlights
Introduction to adding a donation feature on a website using Wiek Studio.
The tutorial provides a step-by-step guide to integrating a seamless donation functionality.
The tutorial is suitable for both developers and beginners.
Open a new project in Wiek Studio and navigate to the 'My Business' section.
Locate and select the 'Wiek Donations' feature by clicking the plus icon.
Create a new campaign if you don’t have one already.
Name the campaign 'Kids from Africa' and add an image to enhance visual appeal.
Select donation frequency options: one-time, monthly, weekly, or yearly donations.
Suggested donation amounts can be set to 500, 1,000, and 5,000.
The donation currency will automatically be set to the website's current currency.
Allow donors to enter a custom amount and accept notes from donors for personalization.
Campaign details, such as funds collected, can be reviewed and edited.
Customize and design the donation form as per your preferences, including size and placement.
A red warning will appear if the Wiek Studio plan is not upgraded to accept payments.
Final step: upgrade the Wiek Studio plan to enable live payments and publish the campaign.
Transcripts
do you want to add a donation feature on
your website in this video I will guide
you step by step on how to integrate a
seamless donation functionality on your
website whether you're a developer or a
on Tei by the end of this tutorial you
will have a fully functioning donation
system up and running let's get started
and turn your website into a powerful
tool first of all let's open a new
project in wiek studio once you have
this page opened you can just go ahead
and go on my
business and here you will see multiple
wiek Studio functionalities scroll down
and you will find week's donations click
on the plus icon and wait a few
seconds we are done now let's click on
this donation form and click on choose
campaign here we have to choose our
campaign but we don't have one yet so
let's add a new one click on this
button and here we have to add a title
let's name this campaign
kids from
Africa here we can add an image let's
click on this
button go on media from wiek and search
for
donations and click add to page perfect
now we have to select the donation
frequency here we have multiple
intervals we can choose one time monthly
weekly and yearly I will pick one time
monthly and yearly
then we can also add some suggested
amounts let's add 500
1,000 and
5,000 the website will take your current
currency so yeah this is just from
Romania you will automatically have the
currency that you have selected on your
website so don't worry about it now we
can also have these amounts and then we
can also have the donor's amount so
basically they can enter a value into a
field let's say we want to add here a
new field from
500
to a big
number then we also want to accept notes
from the donors so let's select that and
hit
save now we have here our active
campaign kids from Africa funds
collected created
today and here we can also view the
donations edit and do all the other
stuff now if we hit on this x button we
go on the main page again and here we
have campaign and we can select our kids
from Africa
campaign and this window will
automatically pop up we can also design
it exactly as we want let's say we want
to make it bigger let's Center it on the
screen
select the entire form Center it and now
we can design everything exactly as we
want I will do a speedrun design for
this
page and done now we can also hit
publish and accept the donations now you
will see this red warning that will tell
us that we cannot accept yet payments
because we don't have the upgrade plan
so just upgrade your R Studio plan and
then you can just accept the
payments and that's it it's super easy
it's amazing it's easier than any other
platform and you can accept payments
right away if you like this video please
don't forget to hit the like button
subscribe for more videos like this and
comment if you have any question
5.0 / 5 (0 votes)