결제 및 기부 섹션

결제 양식을 사용하면 Stripe 및 PayPal을 통해 온라인 결제를 수락할 때의 어려움이 사라집니다. 몇 분 안에 결제와 기부를 받으세요. 제품, 서비스, 온라인 강좌 등을 판매하세요.

에서 결제 또는 기부 페이지를 쉽게 만들 수 있습니다. CRM 시스템, 또는 페이지 를 사용하여 기부 또는 일회성 지불 결제 및 기부 안내

또한 양식에서 원하는 양식 필드를 구성할 수 있는 기능을 제공하고 수집된 양식 데이터를 이메일로 보낼 이메일 주소를 지정할 수 있습니다.

모든 양식 데이터도 저장되며 다음에서 액세스할 수 있습니다. 설정 > 양식 제출 스튜디오 섹션. 상세보기.

연락처 양식을 통해 제출된 모든 데이터는 연락처 양식 설정에 지정된 이메일 ID로도 전달됩니다. 당신의 계정 이메일 주소 기본값으로 사용됩니다.
또한 확인 : 계정 이메일 주소를 변경합니다. 


이 기사는 다음 주제들로 구성되어 있습니다 :

  1. 페이지에 섹션 추가
  2. 내용
  3. 레이아웃
  4. 양식 관리
  5. 스타일
  6. 설정
  7. 이메일 알림
  8. 결제 및 결제수단 확인
  9. 라이브 예

결제 및 기부 섹션 추가

  • 페이지에 섹션을 추가할 수 있습니다. 이미 존재하는 페이지에 섹션을 추가하거나 새 페이지 만들기 귀하의 웹사이트 내에서.
  • 귀하의 페이지에서은 클릭 파란색 + 아이콘 추가 새 섹션 귀하의 페이지에.

 

  • 이제 섹션 카테고리 왼쪽에
  • 선택 양식 (1) 카테고리를 클릭 후 결제 및 기부 선택할 수 있는 탭(2) 다른 레이아웃결제 및 기부 (3) 섹션.

  • 섹션 레이아웃을 선택하고 클릭하여 페이지에 추가하십시오.

지불 양식 관리

  • 를 클릭하십시오 결제 양식 수정 (1) 버튼.

  • 관리할 수 있는 옵션이 제공됩니다. 내용 (2) 레이아웃 (3) 형태 (4) 스타일 (5) 설정 (6) 및 성공 이메일 (7).
  • 히트 찜하기 (8) 변경 사항을 양식에 적용합니다.


내용

  • 이미지 업로드 (1) 양식.
  • 추가 할 Title (2), 및 설명 (3) 양식. 설명을 추가하기 전에 확인하십시오. 문서를 참조하십시오.

  • 지정 섹션 제목 (4) 지불 양식 섹션.


레이아웃 관리

  • 온 클릭 결제 양식 수정 (1) 버튼.

  • 선택 레이아웃 (2) 탭.
  • 선택 레이아웃 귀하의 섹션 (3) 및 찜하기 (4) 변경 사항.


양식 관리

섹션을 추가한 후: 

  • 온 클릭 결제 양식 수정 (1) 버튼.

  • 열기 형태 (2) 탭. 변경 작업이 완료되면, 찜하기 (3) 설정.

양식 필드 관리

양식 필드 관리에서 방문자가 이 양식에 채울 필드를 지정할 수 있습니다.

  • 를 클릭하십시오 새 필드 추가 (1) 버튼을 눌러 양식에 더 많은 필드를 추가합니다.
  • 편집 또는 삭제 (2) 이미 추가된 필드.
  • 드래그 앤 드롭 (3) 필드에서 순서를 변경하는 형식입니다.

  • 를 클릭하면 + 필드 추가 버튼 양식 필드를 선택할 수 있는 팝업이 열립니다.

  1. 캡처 name 당신의 클라이언트의.
  2. 작은 정보를 캡처하여 짧은 텍스트 입력란입니다.
  3. 를 통해 정교한 정보/메시지를 캡처합니다. 긴 텍스트 입력란입니다.
  4. 캡처 이메일 당신의 클라이언트의.
  5. 무엇이든 캡처 숫자 정보 당신의 클라이언트로부터.
  6. 에서 선택할 수 있는 서비스 추가 쓰러지 다 방법입니다.
  7. 단일 선택: 서비스에 대한 라디오 선택 항목을 추가하십시오.
  8. 다중 선택: 다중 선택을 위한 확인란 필드를 추가합니다.
  9. 추가 할 날짜 선택기 고객이 모든 이벤트의 날짜를 선택할 수 있습니다.
  10. 추가 할 양식 필드 사이.
  11. 캡처 주소 당신의 클라이언트의.
  12. 캡처 웹 사이트 당신의 클라이언트의.
  13. 캡처 전화 번호 당신의 클라이언트의.
  14. 추가 할 시간 클라이언트가 이벤트 시간을 직접 지정할 수 있도록 필드를 만듭니다.
  15. 추가 할 분리 기호 양식 필드 사이.
  16. The 동의 필드 옵션을 사용하여 뉴스레터에 대한 권한을 얻고 개인 정보 보호 및 사용 약관을 수락할 수 있습니다.
  17. 다음을 사용하여 클라이언트 리뷰를 작성하십시오. 규모, 숫자 척도글렌데일 웃는 저울.

주의 사항

이메일 및 금액 필드는 필수 필드이며 삭제할 수 없습니다.


금액 및 결제 방법 업데이트

업데이트 금액

  • $XNUMX Million 미만 양식 필드 관리(1) 양식을 통해 수집할 금액을 설정할 수 있습니다.
  • 온 클릭 편집 (2) 금액 옆의 아이콘.

  • 양식 필드를 설정할 수 있는 옵션이 있습니다. 제목 및 설명.
  • 를 클릭하십시오 새 금액 추가 버튼 새 금액을 추가합니다.
  • 금액 필드를 드래그 앤 드롭하여 순서를 변경할 수도 있습니다.
  • 추가 할 라벨 금액을 위해.
  • 옵션 확인 사용자 정의 금액 활성화 사용자가 금액을 추가할 수 있도록 합니다.
  • 찜하기 당신의 변경.

실제 보기:


지불 방법

  • 양식에 대한 지불 방법을 업데이트할 수 있습니다.
  • 페이팔과 스트라이프 중에서 선택할 수 있습니다. 인도 고객은 Razorpay 및 PayUMoney도 추가할 수 있습니다. 상세보기.

주의 사항

한 번에 하나의 지불 방법만 양식에 연결할 수 있습니다.


양식 제출

  1. 선택할 수 있는 옵션이 있습니다. 양식 쿼리를 이메일로 보냅니다.
  2. 이 결제 양식에서 데이터를 보낼 이메일 주소를 최대 3개까지 지정하세요. 계정 이메일 주소 양식을 추가할 때 기본값으로 사용됩니다. 방법을 참조하십시오 이메일 주소를 추가합니다.
    또한 확인 : 계정 이메일 주소 변경.
  3. Google 스프레드시트로 보내기 양식 데이터가 Google 시트에 직접 추가됩니다. 상세보기.
  4. 양식 데이터를 CSV 파일상세보기.


스타일 옵션

  • 를 클릭하십시오 결제 양식 수정 (1) 버튼.

  • 선택 스타일 (2) 탭.
  • 섹션 요소의 스타일을 변경하고 찜하기 (3) 귀하의 변경 사항.

스타일링은 시각적으로 매력적이고 사용자 친화적인 경험을 만드는 데 중요한 측면입니다.

섹션에 대한 여러 스타일 옵션이 있습니다. 


양식 필드

픽사 의견을 듣고 싶습니다. 충분히 사용자 정의 전에, 외관 of your 형태 입력란에 입력 할 수 있습니다. Bowman의 스타일링 옵션 대다 모든 입력 분야 in your 결제 형태 주기 의견을 듣고 싶습니다. 제어 위에 방법 your 형태 외모 느낌 on your 웹 사이트를 방문 하십시오.

  1. 모양: 웹사이트의 미적 감각에 맞게 입력 필드의 모양(사각형, 둥근 모양, 알약 모양 또는 텍스트 등)을 선택하세요.
  2. 가득 따르다: 이 토글을 활성화하면 양식 필드에 배경 채우기 색상을 적용합니다.
  3. 기본 색상: 채우기 옵션이 활성화된 경우 필드의 배경색을 설정합니다.
  4. 개요 : 각 필드에 대한 테두리(윤곽선)를 켜거나 끕니다.
  5. 윤곽선 색상: 윤곽선이 활성화된 경우 필드 테두리의 색상을 선택합니다.
  6. 필드 텍스트 색상: 사용자가 양식 필드 내에 입력한 텍스트의 색상을 설정합니다.
  7. 높이 다음 중에서 선택하여 필드 높이를 조정하세요: 작음, 보통, 큼, 매우 큼.
  8. 레이블 : 양식 필드 레이블이 필드 내부에 나타날지 외부에 나타날지 선택합니다.
  9. 라벨 색상: 필드 외부에 레이블을 배치할 때 레이블의 색상을 정의합니다.
  10. 라벨 내부 색상: 필드 내부에 배치된 라벨의 색상을 설정합니다(플레이스홀더 스타일 라벨에 유용함).
  11. 필드 간 간격: 슬라이더를 사용하여 각 양식 필드 사이의 수직 간격(픽셀)을 설정합니다.


조정

  • 양식 콘텐츠의 가로 정렬을 관리합니다. 수평 정렬 (1).
  • 양식 콘텐츠의 수직 정렬을 관리합니다. 수직 정렬 (2).


본문


간격

  • 지정 이미지 폭 (1) 퍼센트 형식의 이미지.
  • 지정 이미지와 텍스트 사이의 공간 (3) 퍼센트.
  • 지정 제목 아래 공간 (4) 퍼센트.


표제

  1. 수평 정렬 섹션 헤드라인 텍스트입니다. 왼쪽, 가운데, 오른쪽으로 설정할 수 있습니다.
  2. 활성화/비활성화 분할기 섹션 제목과 섹션 내용 사이.
  3. 설정 디바이더의 두께 (픽셀 단위).
  4. 지정 구분선 색상 색상 선택기에서.
  5. 선택 구분선 스타일 드롭 다운에서
  6. 설정 헤드라인 너비 섹션 제목이 표시되는 너비를 정의합니다. 최소 50%부터 시작합니다.
  7. 지정 헤드라인 아래 공간 섹션 내(픽셀 단위)


이미지

  1. 이미지 자르기 : 선택 I마법사 자르기 목록 항목의 경우. 이미지를 정사각형, 원형, 가로, 세로, 원본으로 설정할 수 있습니다.
  2. 코너 반경: 목록 항목의 각 측면에 대해 공통 모서리 반경 또는 다른 모서리 반경을 갖도록 선택하고 C반경 목록 항목 이미지 중. 더 많이 알아라..
  3. 호버 애니메이션: 로 선택 섹션 이미지에 애니메이션을 적용합니다. 토글을 활성화하여 호버 시. 라이브 페이지에서 이 기능을 확인하십시오..
  4. 애니메이션 스타일: 선택 애니메이션 스타일 커서를 이미지 위에 올려 놓으면 해당 이미지가 표시됩니다.
  5. 모양 마스크: 이 토글을 활성화하면 이미지 목록 섹션의 이미지에 모양 마스크를 적용할 수 있습니다. 활성화하면 선택한 모양이 해당 모양에 시각적으로 잘립니다.
  6. 모양 선택: 미리 정의된 다양한 모양 중에서 선택하여 이미지에 적용할 수 있습니다. 둥근 모양, 마름모 모양, 물방울 모양 등 독특한 모양으로 이미지를 표시하여 콘텐츠를 창의적으로 꾸밀 수 있습니다.

사용법 - 모서리 반경 필드에서 다양한 모양의 목록 항목 이미지를 만들 수 있습니다. 여기서 500px를 지정하면 이미지가 원 모양으로 표시됩니다.

  • 분할 모서리를 선택한 경우 각 모서리에 대해 서로 다른 모서리 반경을 설정할 수 있습니다.


이미지 테두리

  1. 테두리 활성화 / 비활성화 토글을 전환하여 이미지 주위를 돌립니다.
  2. 다음을 선택하세요. 공통 국경 이미지의 모든 측면에 또는 다음을 지정할 수 있습니다. 테두리를 별도로 각 측면에 대해.
  3. 지정  국경의. 0으로 설정하면 테두리가 나타나지 않습니다. 이미지의 각 측면에 대해 개별적으로 테두리 너비를 설정할 수도 있습니다.
  4. 선택 테두리 색 색상 선택기에서.
  5. 선호하는 것을 선택하십시오 테두리 스타일 드롭 다운에서
  6. 결정 모바일의 테두리 너비 데스크탑용으로 선택한 너비에 맞춰 정렬합니다.


이러한 스타일 옵션은 팝업 버튼에 대한 것으로, 버튼을 클릭하면 결제 양식이 열립니다.

  1. 버튼 크기 - 작음, 보통, 큼 등의 옵션에서 버튼 크기를 선택하세요.
  2. 버튼 위 공간 – 버튼 위의 수직 간격을 조정합니다(백분율).
  3. 버튼 스타일 – 기본 또는 사용자 지정 등 버튼 스타일을 선택합니다.
  4. 버튼 색상 – 버튼의 색상 스타일을 선택하세요. 기본, 반전, 사용자 지정 중에서 선택할 수 있습니다.
  5. 버튼 텍스트 – 버튼의 텍스트 색상을 사용자 정의합니다.
  6. 버튼 배경 – 버튼의 배경색을 선택하세요.


양식 버튼

이러한 설정을 사용하면 페이지의 디자인과 레이아웃에 맞게 양식 제출 버튼을 사용자 정의할 수 있습니다.

  1. 버튼 크기 - 버튼의 크기를 선택하세요(작음, 중간, 큼).
  2. 버튼 위 공간 – 버튼 위의 수직 간격을 조정합니다(백분율로 지정).
  3. 버튼 스타일 – 기본 또는 사용자 지정 등 버튼의 전반적인 스타일을 선택합니다.
  4. 버튼 색상 – 버튼 색상 스타일을 설정합니다. 옵션으로는 기본, 반전, 사용자 지정이 있습니다.
  5. 버튼 텍스트 – 버튼에 표시되는 텍스트 색상을 사용자 지정합니다.
  6. 버튼 배경 – 버튼의 배경색을 선택하세요.
  7. 버튼 정렬 – 버튼의 정렬(왼쪽, 가운데, 오른쪽)을 선택합니다.
  8. 버튼 너비 – 버튼의 너비를 조절합니다. 기본, 크게, 특대, 전체 너비 중에서 선택할 수 있습니다.


헤드라인 버튼

이러한 설정은 섹션 헤드라인에 배치된 버튼의 모양과 간격을 제어합니다.

  1. 버튼 크기 - 버튼의 전체 크기(작음, 중간, 큼)를 선택합니다.
  2. 버튼 사이 공간 – 여러 버튼 사이의 간격을 조정합니다(vw로 측정).
  3. 버튼 위 공간 – 버튼 위의 수직 간격을 설정합니다(백분율로 측정).
  4. 버튼 너비 – 버튼의 너비를 선택하세요. 기본, 크게, 특대, 전체 너비 중에서 선택할 수 있습니다.
  5. 텍스트 링크 크기 – 버튼에 연결된 텍스트 링크의 글꼴 크기를 지정합니다(px로 측정).
  6. 이미지 버튼 크기 – 이미지 기반 버튼의 크기를 조정합니다(px로 측정).


헤드라인 소셜 아이콘

양식에 소셜 공유 아이콘을 표시하고 사용자 정의합니다.

  1. 아이콘 크기 – 소셜 아이콘의 크기를 조정합니다(px로 측정).
  2. 아이콘 유형 – 클래식, 단색, 윤곽선 등 아이콘 스타일을 선택하세요.
  3. 아이콘 색상 – 아이콘 색상을 선택하세요. 링크 텍스트, 사용자 지정, 브랜드 색상(소셜 플랫폼의 원래 색상) 중에서 선택할 수 있습니다.
  4. 아이콘 배경색 – 아이콘의 가시성과 스타일을 향상시키려면 사용자 정의 배경색을 설정하세요.



설정

  • 전체 양식을 페이지에 표시하거나 클릭 유도문안 버튼에 연결된 팝업으로 표시하도록 선택할 수 있습니다.
  • 에서 양식 동작을 선택합니다. 다음으로 양식 표시 옵션 (1).

  • 인라인 양식: 양식이 페이지에 바로 추가됩니다.
  • 팝업 양식: 양식 클릭 유도 문안 버튼을 클릭하면 팝업 창이 열립니다.
  • 설정 클릭 유도문안 버튼 라벨(2) 양식.
  • 선택 버튼 크기(3) 소형, 중형 및 대형에서.
  • 선택 버튼 스타일 (4) 솔리드, 아웃라인 및 텍스트 링크에서.
  • 반전 (5) 버튼의 색상. 기본 색상은 버튼 및 링크 디자인 섹션의 옵션.
    또한 확인 : 스타일링 버튼 및 링크.
  • 선택 버튼 정렬(6) 왼쪽, 중앙 및 오른쪽에서.

  • 양식을 지정하세요 표제 (7) 만약 있다면.

  • 이 제목은 팝업 형식에서만 사용됩니다.

제출 후 조치

제출 후 작업으로 다음을 선택할 수 있습니다. 성공 메시지 표시 (1) 또는 다른 페이지로 리디렉션 (2).

쇼 성공 메시지의 경우:

  • 지정 후결제 성공 (2) 사용자가 양식을 제출한 후 표시되는 메시지입니다.
  • 에 스크립트를 추가할 수도 있습니다. 후불성공 HTML (3) 상자.

  • 의 경우 RURL로 리디렉션, 설정(🟐) 아이콘을 클릭하여 내부/외부 페이지를 지정할 수 있습니다. 더 많이 알아라..


이메일 알림

여기에서, 성공적인 양식 제출 시 웹사이트 소유자로서 받는 알림에 대한 이메일 제목을 사용자 지정할 수 있습니다. 또한, 사용자 또는 고객이 양식을 제출하고 결제한 후 보내는 성공 이메일을 개인화할 수 있습니다.

  • 지정 제목 결제 양식 제출 이메일의. 또한 다음을 포함할 수 있습니다. {웹사이트} 웹사이트 이름을 포함하는 변수입니다. 이는 여러 웹사이트가 있는 경우에 유용합니다.

  1. 성공 이메일을 활성화/비활성화합니다.
  2. 지정 제목 성공 이메일.
  3. 추가 이메일 본문 성공 이메일에. 이메일 본문에 변수를 추가할 수 있으며, 이는 이메일 {TRNSACTION_ID}, {AMOUNT}, {NAME}에서 캡처되어 전송됩니다.

주의 사항

고객에게 이메일 보내기 기능은 프리미엄 기능입니다. 전문가 및 고급 계획. 상세보기. 


결제 확인 및 결제 수단 추가

  • 로 이동 결제 및 기부 (1) 안내
  • 여기에서 귀하가 받은 모든 지불금을 볼 수 있습니다.
  • 확인 날짜, 수령금액, 이메일 (2) 지불의.
  • 양식 제출을 클릭하십시오. (3) 지불의 거래 세부 사항을 보려면.
  • 다음과 같은 거래 내역을 확인하십시오. 거래 ID, 이름, 사용된 결제 수단 및 결제 수단 거래 ID 오른쪽 서랍에서.
  • 모든 결제 세부 정보를 CSV 형식(4).


결제 수단 추가

  • 로 이동 설정 섹션 (1)을 클릭하고 지불 수락 옵션 (2) 왼쪽 메뉴에서.
  • 이제 활성 및 비활성 결제 방법을 확인하십시오.
  • 를 클릭하십시오 활성화 버튼(3) 지불 방법을 활성화하고 그 반대의 경우도 마찬가지입니다.
  • 연결하기 스트라이프 or 페이팔 사업. 인도 고객도 활성화할 수 있습니다. 페이유머니 or 면도기.

주의 사항

결제 및 기부 하는 프리미엄 기능 에서만 사용할 수 있습니다. 전문적이고 고급 계획.


실시간 지불/기부 양식은 다음과 같습니다. 

라이브 데모 사이트 보기

주의 사항

양식에서 스패머를 줄이기 위해 양식에서 Google 보안 문자 보안이 자동으로 활성화됩니다.


원하는 것을 찾을 수 없습니까?

Pixpa 전문가에게 문의하세요.