우리의 웹사이트에서 기부 시스템을 설정하는 간단한 단계별 가이드를 탐색하여, 당신의 비영리 단체 또는 원인을 자 effortlessly 자금을 조달하도록 돕습니다. 160 자.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
1단계: WeWeb 계정에 로그인하기
제일 먼저 해야 할 일은 WeWeb 계정에 로그인하는 것입니다. WeWeb의 웹사이트를 방문하여 메인 페이지에 있는 '로그인' 버튼이나 링크를 클릭하세요. 입력란이 뜨면 사용자 이름과 비밀번호를 입력하세요.
2단계: 웹사이트 편집기 열기
다음 단계는 웹사이트 편집기를 열어서 기부금 시스템을 설정하려는 웹사이트를 찾는 것입니다. 대시보드에서 웹사이트를 찾아 '웹사이트 편집'을 클릭하세요.
3단계: 기부금 시스템을 포함하고 싶은 웹페이지로 이동
웹사이트 편집기 화면 왼쪽 메뉴에서 기부금 시스템을 포함하고 싶은 웹페이지를 선택하세요. 또는 기부금 시스템을 위해 새로운 페이지를 만들고 싶다면 같은 메뉴에서 '페이지 추가'를 클릭하고 새 페이지에 이름을 붙이고 '생성'을 클릭하세요.
4단계: 버튼 또는 삽입 가능한 양식 추가
기부금 시스템의 모양과 느낌에 따라, 방문자가 외부 기부금 페이지로 리디렉션되는 간단한 버튼을 추가하거나, 웹페이지에 바로 삽입 가능한 기부금 양식을 생성할 수 있습니다.
웹사이트에 버튼을 추가하려면, 웹사이트 편집기에서 '요소'를 클릭하고 '버튼' 요소를 웹 페이지의 원하는 위치로 드래그 앤 드롭하세요. "지금 기부하기"와 같이 버튼 라벨을 원하는대로 커스터마이징하세요.
삽입 가능한 양식을 사용하려면, 먼저 Donorbox, PayPal 등의 플랫폼에서 기부금 양식을 생성해야 합니다. 양식이 생성되면 플랫폼에서 생성된 코드 스니펫을 제공받은 후 이를 WeWeb 웹사이트에 삽입하세요. 웹사이트 편집기에서 요소 메뉴에서 '임베드'를 클릭하고, 웹페이지의 원하는 위치에 '임베드 코드' 박스를 드래그 앤 드롭하세요. 임베딩 상자 위에 클릭해서 생성된 코드 조각을 박스에 추가하세요.
5단계: 기부금 버튼/양식에 링크하기
다음, 버튼 또는 양식을 기부금 처리 방법에 연결해야 합니다.
외부 기부금 페이지로 사용자를 전송하는 버튼을 추가하려면, 버튼에 제공된 필드에 기부금 페이지 링크를 삽입해야 합니다. 이를 위해 버튼을 클릭한 다음 '동작'을 클릭하고 '링크'를 선택하세요. 기부금 페이지의 링크를 URL 필드에 입력하세요.
삽입형 기부금 양식을 사용하려면, 양식은 일반적으로 삽입 과정의 일부로 기부금 처리 플랫폼에 연결되지만, 미리보기를 확인하거나 직접 라이브 웹사이트로 이동하여 이 점을 확인해야 합니다.
6단계: 변경 사항 게시하기
마지막 단계는 변경 사항을 게시하는 것입니다. 화면 오른쪽 상단에 보이는 '게시' 버튼을 클릭하세요. 이로써 기부금 시스템이 생명을 받아 방문자들이 볼 수 있게 됩니다.
7단계: 기부금 시스템 테스트하기
기부금 시스템이 생명을 받았으므로 테스트해보는 것이 중요합니다. 기부금 프로세스가 원활하게 작동하고 의도한 대로 작동하는지 확인하기 위해 작은 금액을 기부해 보세요. 이 작업은 기부자들이 기부하려고 할 때 문제를 겪지 않도록 하기 위해 중요합니다.
이것으로 모든 작업이 끝났습니다! WeWeb 웹사이트에 기부금 시스템을 성공적으로 설정했습니다. 이 새로운 기부금 기능에 대해 웹사이트 방문자 또는 구성원들에게 자유롭게 알려 주세요. 그들은 이 향상된 접근성을 높이 평가할 것입니다.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.