Donation System to Your Wix Studio Website (NO CODE)

fraxbit.digital

30 Aug 202403:49

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

00:00

💻 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

The donation feature refers to a functionality that allows users to collect funds through their website. In the video, this is the core focus as the speaker explains how to integrate a seamless donation system, which can help turn a website into a tool for receiving financial support from users.

💡Wix Studio

Wix Studio is a platform for website creation and management mentioned in the video. It provides tools and functionalities, such as business features and donation forms, that allow users to customize and enhance their websites. The video demonstrates how to use Wix Studio to set up a donation system.

💡Campaign

A campaign in this context refers to a fundraising initiative where users can collect donations for a specific cause. The video guides users through the process of setting up a campaign, titled 'Kids from Africa,' showing how to customize and manage it on the website.

💡Donation Frequency

Donation frequency refers to how often donations are made (e.g., one-time, monthly, weekly, or yearly). The video explains how users can offer different donation intervals to website visitors, providing flexibility for contributors to choose how frequently they want to donate.

💡Suggested Amounts

Suggested amounts are preset donation values provided to users as options when they make a donation. The video discusses how to add suggested amounts like 500, 1,000, and 5,000 in the local currency, making it easier for donors to contribute predefined sums.

💡Custom Amount

Custom amount refers to the option for donors to input their own donation value rather than selecting from the suggested amounts. The video shows how to set this feature so that users can enter a value between 500 and a higher number, allowing for more personalized contributions.

💡Notes from Donors

Notes from donors is a feature that allows contributors to leave personalized messages along with their donations. The video covers how to enable this field, adding a personal touch to the donation process and allowing donors to express their reasons or motivations for contributing.

💡Upgrade Plan

An upgrade plan refers to the necessity of upgrading the Wix Studio account to a premium version in order to fully activate the donation functionality. The video explains that, while setting up the donation form is free, accepting payments requires an upgraded plan to unlock payment processing features.

💡Publish

Publishing refers to the process of making changes on the website live for public access. In the video, once the donation form is designed and set up, the user needs to hit 'Publish' to enable the donation feature on the website, allowing visitors to start contributing.

💡Design Customization

Design customization refers to the ability to modify the appearance and layout of the donation form to suit the website’s aesthetics. The video demonstrates how to center the form, adjust its size, and style it according to preferences, enhancing user experience and aligning with the website’s visual theme.

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.