Divi 웹사이트에 PayPal 기부 버튼을 추가하는 방법

너는 돈이 필요해. 아마도 그것은 당신이 자원하는 비영리 단체를 위한 것입니다. 새로운 강아지의 입양비입니다. 아니면 지금까지 신어본 운동화 중 가장 편안한 신발일 수도 있습니다. 이유(대부분)는 중요하지 않습니다. 중요한 것은 당신을 사랑하는 잠재 고객이 있는 웹사이트가 있다는 것입니다. 그리고 그들은 당신이 그 강아지를 얻기를 원합니다.

Paypal 기부 버튼을 입력하세요. 사용 가능한 기금 마련을 위한 가장 쉽고 유지 관리가 적은 솔루션 중 하나일 수 있습니다. 그리고 WordPress로 웹사이트를 구축했으므로 버튼을 구현하는 것은 매우 간단합니다.

시작하기

YouTube 채널 구독

가장 먼저 해야 할 일은 Paypal의 모금 페이지로 이동하여 귀하의 필요에 가장 적합한 기부 버튼 카테고리를 선택하는 것입니다.

• 비영리
• 학교
• 정치적인
• 개인의

기부 버튼이 필요한 거의 모든 것이 해당 범주 중 하나에 속해야 합니다. 이 튜토리얼에서 우리는 당신이 개인적인 이유로 모금한다고 말할 것입니다(앞서 언급한 멋진 강아지). 프로세스는 모든 선택 항목에 대해 유사합니다.

개인 선택 후

다음 페이지에서 "기부 버튼 생성에 대해 알아보기"라는 텍스트가 표시될 때까지 아래로 스크롤하여 클릭합니다.

그러면 이 두 링크 중 하나를 클릭하는 모달이 나타납니다. 그들은 당신을 같은 페이지로 데려가기 때문에 그것은 단지 선호도의 문제일 뿐입니다.

버튼 만들기

링크를 클릭하여 기부 버튼을 만들면 마법이 일어나는 페이지로 이동합니다. 그러나 Paypal 은 로그인하라는 메시지를 표시하지 않습니다 . 반복: Paypal 은 로그인하라는 메시지를 표시하지 않습니다. 프로세스가 끝날 무렵에는 가능하지만 이 시점에서 스트레스를 받지는 마십시오. -아무것도 잘못되지 않았습니다.

1 단계

Paypal 기부 버튼을 만들기 위해 가장 먼저 할 일은 실제로 "기부" 버튼으로 만드는 것입니다. 기본 설정은 '장바구니'이지만 1단계 왼쪽 상단의 드롭다운을 클릭하면 '기부금'으로 변경할 수 있다. 내가 말했듯이, 꽤 간단하죠?

이 세트를 사용하여 기부 버튼에 웹사이트 또는 조직 정보를 입력합니다. 가상의 모금 행사는 웹사이트를 통해 사랑스러운 강아지를 입양하는 것이므로 웹사이트 이름과 각 기부를 추적하는 데 사용할 선택적 ID를 입력해야 합니다.

정보를 입력한 후 버튼 사용자 지정을 시작합니다. 대부분의 경우 변경하려는 항목이 많지 않습니다. 버튼이 사용할 국가와 언어, 크기, 신용 카드 로고를 표시할지 여부 등을 선택하는 것은 모두 매우 기본적인 사항입니다. 이러한 모든 선택은 사이트에 버튼을 통합하려는 방식을 기반으로 합니다.

예를 들어 그래픽 디자이너가 사람들이 클릭할 수 있는 사랑스러운 강아지의 멋진 애니메이션 gif를 만드는 경우 자신의 웹사이트에 호스팅된 이미지를 버튼으로 사용할 수도 있습니다. 그러나 오늘날에는 그렇지 않습니다.

특정 기부 금액을 지정하고 싶은지 여부와 기부금을 보낼 이메일을 지정하려면 통화 유형을 선택하기만 하면 됩니다.

Paypal 계정이 있는 경우 여기에서 로그인해야 합니다. 그렇지 않은 경우 PayPal의 다양한 보호를 받을 수 있도록 계정을 만드십시오. (Paypal 계정을 사용하지 않기로 선택한 경우 이메일을 입력하기만 하면 추가 보안 없이 Paypal을 통해 기부금을 계속 받을 수 있습니다.)

로그인하면 다음과 같이 표시됩니다.

어떤 옵션을 사용할지는 귀하에게 달려 있지만, 판매자 코드를 사용하면 귀하의 이메일 주소가 버튼 코드 자체에 포함되지 않기 때문에 좀 더 보호 기능을 제공합니다. 스팸 발송자와 피싱 공격자가 귀하의 이메일을 받을 수 있는 곳이 적을수록 더 좋지 않습니까?

페이팔 기부 버튼을 워드프레스에 넣을 준비가 거의 다 되었습니다!

선택적 단계 2 및 3

Paypal Business 계정이 있는 경우 추적, 재고 관리 및 체크아웃 사용자 지정 측면에서 훨씬 더 많은 작업을 수행할 수 있지만 기부를 처리하기 때문에 대부분의 옵션은 당사와 관련이 없습니다.

페이팔 기부 버튼 코드

다음 페이지에서 마침내 WordPress 사이트에 표시될 기부 버튼 코드와 버튼이 사용자에게 어떻게 보일지 보여주는 예가 제공됩니다.

코드 선택을 클릭하여 코드를 강조 표시하고 Windows의 경우 CTRL-C, Mac의 경우 CMD-C를 누르거나 강조 표시된 텍스트를 마우스 오른쪽 버튼으로 클릭하고 상황에 맞는 메뉴에서 복사를 선택합니다. 독을 선택하세요.

코드를 복사했으면 WordPress 대시보드로 이동합니다. 이것은 모든 사람이 다른 위치에 있는 Paypal 기부 버튼을 원할 것이기 때문에 상황이 약간 다를 수 있지만 일반적인 아이디어는 동일합니다.

Divi 사용자에게는 다양한 옵션이 있습니다.

게시물 위 또는 아래

블로그 게시물의 시작 또는 끝에 Paypal 기부 버튼을 두려면 Divi 테마 옵션으로 이동하여 통합 탭으로 이동하십시오.

조금 아래로 스크롤하면 "게시물 상단에 코드 추가" 및 "댓글 앞에 게시물 하단에 코드 추가"라는 텍스트 영역이 표시됩니다.

그들이 하는 일은 꽤 자명합니다.

게시 전:

게시 후:

이것들은 완전히 스타일이 지정되지 않은 버튼이므로 거기에 앉아 있는 것 이상을 수행하려면 Paypal이 제공하는 코드를 다음과 같이 래핑하는 것이 좋습니다.

<div class=”paypal-donate”> PAYPAL DONATE BUTTON CODE GOES HERE </div>

완료되면 CSS를 사용하여 원하는 대로 버튼을 조작하고 배치할 수 있습니다.

포스트별 또는 페이지별

사이트의 모든 게시물 앞이나 뒤에 버튼이 표시되지 않도록 하려면 Divi 코드 모듈을 사용하여 훨씬 더 선택적으로 작업할 수 있습니다. 또한 코드 모듈을 사용하여 이전 방법의 영향을 받지 않는 페이지에 버튼을 추가할 수 있습니다.

"모듈 삽입" 창을 열고 코드 모듈을 선택하여 시작하십시오.

이전과 마찬가지로 Paypal에서 생성한 코드를 모듈 설정에 붙여넣기만 하면 됩니다. 하지만 여기에서 div로 래핑할 필요는 없습니다. 고급 탭의 사용자 정의 CSS 아래에 있는 기본 요소 섹션을 사용하여 게시물이나 페이지에 버튼이 표시되는 방식을 조작할 수 있습니다.

사이드바에서

Paypal 기부 버튼의 가장 일반적인 위치는 아마도 사이드바일 것입니다. 원하는 모든 페이지와 게시물에 표시되지만 콘텐츠의 흐름을 방해하지는 않습니다. 또한 사용자 정의가 매우 쉽습니다! 대시보드로 돌아가서 모양 > 위젯을 클릭하기만 하면 됩니다.

그런 다음 텍스트 위젯을 클릭하고 사이드바의 원하는 위치에 추가합니다. WordPress 4.8은 텍스트 위젯을 수년 동안 변경했음을 기억하십시오. 이제 사용하고 싶지 않은 서식 있는 텍스트 편집기 가 있습니다.

여기에 기부 버튼 코드를 붙여넣기 전에 "텍스트" 탭을 클릭해야 한다는 의미인지 확인하세요. (코드 버튼도 사용할 필요가 없습니다.)

텍스트 탭은 이전의 4.8 이전 텍스트 위젯과 거의 동일하게 작동합니다(코드 버튼 포함을 제외하고. HTML을 입력하고 저장을 누르십시오. 짜잔, 사이드바 상단에 돈 버튼이 있습니다!

이 위젯을 사이드바에만 포함할 필요는 없습니다. 동일한 단계에 따라 머리글 또는 바닥글 위젯을 지원하는 테마에 버튼을 추가할 수 있습니다.

당신은 그 돈을 얻을 준비가되었습니다!

이제 WordPress 사이트에 Paypal 기부 버튼을 추가할 준비가 되었습니다! 귀하의 사이트가 어떤 주제로 운영되고 있는지 또는 무엇을 위해 기부를 받고 있는지에 상관없이 모든 것이 좋습니다. (하지만 서로 솔직히 말합시다. 아직 강아지를 위한 것입니다. 그렇죠?).

mohamed1982eg / pixabay.com의 기사 이미지 축소판