결제 양식을 사용하면 Stripe 및 PayPal을 통해 온라인 결제를 수락할 때의 어려움이 사라집니다. 몇 분 안에 결제와 기부를 받으세요. 제품, 서비스, 온라인 강좌 등을 판매하세요.
결제 및 기부 섹션을 사용하면 웹사이트 에 결제 또는 기부 페이지를 쉽게 만들거나 기부금 또는 일회성 결제를 받을 수 있는 페이지 를 만들 수 있습니다.
또한 양식에서 원하는 양식 필드를 구성할 수 있는 기능을 제공하고 수집된 양식 데이터를 이메일로 보낼 이메일 주소를 지정할 수 있습니다.
모든 양식 데이터는 저장되며 스튜디오의 설정 > 양식 제출 섹션에서 확인할 수 있습니다. 자세히 알아보세요.
연락처 양식을 통해 제출된 모든 데이터는 연락처 양식 설정에 지정된 이메일 ID로도 전달됩니다. 당신의 계정 이메일 주소 기본값으로 사용됩니다.
또한 확인 : 계정 이메일 주소를 변경합니다.
이 기사는 다음 주제들로 구성되어 있습니다 :
결제 및 기부 섹션 추가
- 페이지에 섹션을 추가할 수 있습니다. 이미 존재하는 페이지에 섹션을 추가하거나 새 페이지 만들기 귀하의 웹사이트 내에서.
- 귀하의 페이지에서은 클릭 파란색 + 아이콘 추가 새 섹션 귀하의 페이지에.
- 이제 섹션 카테고리 왼쪽에
- 선택 양식 (1) 카테고리를 클릭 후 결제 및 기부 선택할 수 있는 탭(2) 다른 레이아웃 의 결제 및 기부 (3) 섹션.
- 섹션 레이아웃을 선택하고 클릭하여 페이지에 추가하십시오.
지불 양식 관리
- 를 클릭하십시오 콘텐츠 편집 (1) 버튼.
- 관리할 수 있는 옵션이 제공됩니다. 내용 (2) 레이아웃 (3) 스타일 (4) 설정 (5) 및 이메일 알림 (6).
- 히트 찜하기 (7) 변경 사항을 양식에 적용합니다.
내용
양식 필드 관리
양식 필드 관리에서 방문자가 이 양식에 채울 필드를 지정할 수 있습니다.
- 를 클릭하십시오 새 필드 추가 (1) 버튼을 눌러 양식에 더 많은 필드를 추가합니다.
- 편집 또는 삭제 (2) 이미 추가된 필드.
- 드래그 앤 드롭 (3) 필드의 순서를 양식에서 변경합니다.
- 설정 행동 유도 버튼 레이블 (4) 양식.
- 를 클릭하면 + 필드 추가 버튼 양식 필드를 선택할 수 있는 팝업이 열립니다.
- 캡처 name 당신의 클라이언트의.
- 작은 정보를 캡처하여 짧은 텍스트 입력란입니다.
- 를 통해 정교한 정보/메시지를 캡처합니다. 긴 텍스트 입력란입니다.
- 캡처 이메일 당신의 클라이언트의.
- 무엇이든 캡처 숫자 정보 당신의 클라이언트로부터.
- 에서 선택할 수 있는 서비스 추가 쓰러지 다 방법입니다.
- 단일 선택: 서비스에 대한 라디오 선택 항목을 추가하십시오.
- 다중 선택: 다중 선택을 위한 확인란 필드를 추가합니다.
- 추가 할 날짜 선택기 고객이 모든 이벤트의 날짜를 선택할 수 있습니다.
- 추가 할 선 양식 필드 사이.
- 캡처 주소 당신의 클라이언트의.
- 캡처 웹 사이트 당신의 클라이언트의.
- 캡처 전화 번호 당신의 클라이언트의.
- 추가 할 시간 클라이언트가 이벤트 시간을 직접 지정할 수 있도록 필드를 만듭니다.
- 추가 할 분리 기호 양식 필드 사이.
- The 동의 필드 옵션을 사용하여 뉴스레터에 대한 권한을 얻고 개인 정보 보호 및 사용 약관을 수락할 수 있습니다.
- 다음을 사용하여 클라이언트 리뷰를 작성하십시오. 별 규모, 숫자 척도예산 및 웃는 저울.
이메일 및 금액 필드는 필수 필드이며 삭제할 수 없습니다.
양식 스타일
- 폼을 팝업으로 표시 - 이 옵션을 활성화하면 클릭 유도 버튼을 클릭했을 때 양식이 팝업 창으로 열립니다.
- 클릭 유도 버튼 레이블 – 설정 행동 유도 버튼 레이블 양식.
- 헤드라인 팝업 – 형식을 지정하세요 표제, 만약에 어떠한.
- 업로드 또는 삭제 (1) 양식의 양식 이미지.
- 추가 할 Title (2), 및 설명 (3) 양식. 설명을 추가하기 전에 확인하십시오. 이 문서를 참조하십시오.
표제
- 표제 – 지정하세요 섹션 제목 (1) 지불 양식 섹션.
- 버튼 및 아이콘 – 더 자세히 알아보세요 버튼 및 아이콘 (2).
레이아웃 관리
- 온 클릭 콘텐츠 편집 (1) 버튼.
- 선택 레이아웃 (2) 탭.
- 선택 레이아웃 귀하의 섹션 (3) 및 찜하기 (4) 변경 사항.
스타일 옵션
- 를 클릭하십시오 콘텐츠 편집 (1) 버튼.
- 선택 스타일 (2) 탭.
- 섹션 요소의 스타일을 변경하고 찜하기 (3) 귀하의 변경 사항.
폼 스타일링은 시각적으로 매력적이고 사용자 친화적인 경험을 만드는 데 중요한 요소입니다.
섹션에 대한 여러 스타일 옵션이 있습니다.
양식 필드
픽사 수 의견을 듣고 싶습니다. 에 충분히 사용자 정의 전에, 외관 of your 형태 입력란에 입력 할 수 있습니다. Bowman의 스타일링 옵션 대다 에 모든 입력 분야 in your 결제 형태 주기 의견을 듣고 싶습니다. 큰 제어 위에 방법 your 형태 외모 느낌 on your 웹 사이트를 방문 하십시오.
- 모양: 웹사이트의 미적 감각에 맞게 입력 필드의 모양(사각형, 둥근 모양, 알약 모양 또는 텍스트 등)을 선택하세요.
- 가득 따르다: 이 토글을 활성화하면 양식 필드에 배경 채우기 색상을 적용합니다.
- 기본 색상: 채우기 옵션이 활성화된 경우 필드의 배경색을 설정합니다.
- 개요 : 각 필드에 대한 테두리(윤곽선)를 켜거나 끕니다.
- 윤곽선 색상: 윤곽선이 활성화된 경우 필드 테두리의 색상을 선택합니다.
- 필드 텍스트 색상: 사용자가 양식 필드 내에 입력한 텍스트의 색상을 설정합니다.
- 높이 다음 중에서 선택하여 필드 높이를 조정하세요: 작음, 보통, 큼, 매우 큼.
- 레이블 : 양식 필드 레이블이 필드 내부에 나타날지 외부에 나타날지 선택합니다.
- 라벨 색상: 필드 외부에 레이블을 배치할 때 레이블의 색상을 정의합니다.
- 라벨 내부 색상: 필드 내부에 배치된 라벨의 색상을 설정합니다(플레이스홀더 스타일 라벨에 유용함).
- 필드 간 간격: 슬라이더를 사용하여 각 양식 필드 사이의 수직 간격(픽셀)을 설정합니다.
조정
- 양식 콘텐츠의 가로 정렬을 관리합니다. 수평 정렬 (1).
- 양식 콘텐츠의 수직 정렬을 관리합니다. 수직 정렬 (2).
본문
- 온 클릭 텍스트 스타일 변경 (1) 버튼을 방문하여 디자인 섹션 글꼴 크기와 스타일을 관리하세요.
- 지정 Title (2) 양식의 글꼴 스타일.
- 지정 기술설명 (3) 양식의 글꼴 스타일.
간격
- 지정 이미지 폭 (1) 퍼센트 형식의 이미지.
- 지정 이미지와 텍스트 사이의 공간 (3) 퍼센트.
- 지정 제목 아래 공간 (4) 퍼센트.
표제
- 수평 정렬 섹션 헤드라인 텍스트입니다. 왼쪽, 가운데, 오른쪽으로 설정할 수 있습니다.
- 활성화/비활성화 분할기 섹션 제목과 섹션 내용 사이.
- 설정 디바이더의 두께 (픽셀 단위).
- 지정 구분선 색상 색상 선택기에서.
- 선택 구분선 스타일 드롭 다운에서
- 설정 헤드라인 너비 섹션 제목이 표시되는 너비를 정의합니다. 최소 50%부터 시작합니다.
- 지정 헤드라인 아래 공간 섹션 내(픽셀 단위)
이미지
- 이미지 자르기 : 선택 I마법사 자르기 목록 항목의 경우. 이미지를 정사각형, 원형, 가로, 세로, 원본으로 설정할 수 있습니다.
- 코너 반경: 목록 항목의 각 측면에 대해 공통 모서리 반경 또는 다른 모서리 반경을 갖도록 선택하고 C반경 목록 항목 이미지 중. 더 많이 알아라..
- 호버 애니메이션: 로 선택 섹션 이미지에 애니메이션을 적용합니다. 토글을 활성화하여 호버 시. 라이브 페이지에서 이 기능을 확인하십시오..
- 애니메이션 스타일: 선택 애니메이션 스타일 커서를 이미지 위에 올려 놓으면 해당 이미지가 표시됩니다.
- 모양 마스크: 이 토글을 활성화하면 이미지 목록 섹션의 이미지에 모양 마스크를 적용할 수 있습니다. 활성화하면 선택한 모양이 해당 모양에 시각적으로 잘립니다.
- 모양 선택: 미리 정의된 다양한 모양 중에서 선택하여 이미지에 적용할 수 있습니다. 둥근 모양, 마름모 모양, 물방울 모양 등 독특한 모양으로 이미지를 표시하여 콘텐츠를 창의적으로 꾸밀 수 있습니다.
모서리 반경 필드를 사용하면 목록 항목 이미지의 모양을 다양하게 만들 수 있습니다. 예를 들어 500px를 지정하면 이미지가 원형으로 표시됩니다.
- 분할 모서리를 선택한 경우 각 모서리에 대해 서로 다른 모서리 반경을 설정할 수 있습니다.
이미지 테두리
- 테두리 활성화 / 비활성화 토글을 전환하여 이미지 주위를 돌립니다.
- 다음을 선택하세요. 공통 국경 이미지의 모든 측면에 또는 다음을 지정할 수 있습니다. 테두리를 별도로 각 측면에 대해.
- 지정 폭 국경의. 0으로 설정하면 테두리가 나타나지 않습니다. 이미지의 각 측면에 대해 개별적으로 테두리 너비를 설정할 수도 있습니다.
- 선택 테두리 색 색상 선택기에서.
- 선호하는 것을 선택하십시오 테두리 스타일 드롭 다운에서
- 결정 모바일의 테두리 너비 데스크탑용으로 선택한 너비에 맞춰 정렬합니다.
팝업 버튼
이러한 스타일 옵션은 팝업 버튼에 대한 것으로, 버튼을 클릭하면 결제 양식이 열립니다.
- 버튼 크기 - 작음, 보통, 큼 등의 옵션에서 버튼 크기를 선택하세요.
- 버튼 위 공간 – 버튼 위의 수직 간격을 조정합니다(백분율).
- 버튼 스타일 – 기본 또는 사용자 지정 등 버튼 스타일을 선택합니다.
- 버튼 색상 – 버튼의 색상 스타일을 선택하세요. 기본, 반전, 사용자 지정 중에서 선택할 수 있습니다.
- 버튼 텍스트 – 버튼의 텍스트 색상을 사용자 정의합니다.
- 버튼 배경 – 버튼의 배경색을 선택하세요.
양식 버튼
이러한 설정을 사용하면 페이지의 디자인과 레이아웃에 맞게 양식 제출 버튼을 사용자 정의할 수 있습니다.
- 버튼 크기 - 버튼의 크기를 선택하세요(작음, 중간, 큼).
- 버튼 위 공간 – 버튼 위의 수직 간격을 조정합니다(백분율로 지정).
- 버튼 스타일 – 기본 또는 사용자 지정 등 버튼의 전반적인 스타일을 선택합니다.
- 버튼 색상 – 버튼 색상 스타일을 설정합니다. 옵션으로는 기본, 반전, 사용자 지정이 있습니다.
- 버튼 텍스트 – 버튼에 표시되는 텍스트 색상을 사용자 지정합니다.
- 버튼 배경 – 버튼의 배경색을 선택하세요.
- 버튼 정렬 – 버튼의 정렬(왼쪽, 가운데, 오른쪽)을 선택합니다.
- 버튼 너비 – 버튼의 너비를 조절합니다. 기본, 크게, 특대, 전체 너비 중에서 선택할 수 있습니다.
헤드라인 버튼
이러한 설정은 섹션 헤드라인에 배치된 버튼의 모양과 간격을 제어합니다.
- 버튼 크기 - 버튼의 전체 크기(작음, 중간, 큼)를 선택합니다.
- 버튼 사이 공간 – 여러 버튼 사이의 간격을 조정합니다(vw로 측정).
- 버튼 위 공간 – 버튼 위의 수직 간격을 설정합니다(백분율로 측정).
- 버튼 너비 – 버튼의 너비를 선택하세요. 기본, 크게, 특대, 전체 너비 중에서 선택할 수 있습니다.
- 텍스트 링크 크기 – 버튼에 연결된 텍스트 링크의 글꼴 크기를 지정합니다(px로 측정).
- 이미지 버튼 크기 – 이미지 기반 버튼의 크기를 조정합니다(px로 측정).
헤드라인 소셜 아이콘
양식에 소셜 공유 아이콘을 표시하고 사용자 정의합니다.
- 아이콘 크기 – 소셜 아이콘의 크기를 조정합니다(px로 측정).
- 아이콘 유형 – 클래식, 단색, 윤곽선 등 아이콘 스타일을 선택하세요.
- 아이콘 색상 – 아이콘 색상을 선택하세요. 링크 텍스트, 사용자 지정, 브랜드 색상(소셜 플랫폼의 원래 색상) 중에서 선택할 수 있습니다.
- 아이콘 배경색 – 아이콘의 가시성과 스타일을 향상시키려면 사용자 정의 배경색을 설정하세요.
설정
- 온 클릭 콘텐츠 편집 (1) 버튼.
- 폼 설정 사용자 지정은 다음에서 가능합니다. 설정 (2) 탭 및 찜하기 (3) 귀하의 변경 사항.
양식 이름
- 이름을 입력하세요 결제 방식을 확인하세요 Pixpa Studio 소속입니다. 이 이름은 웹사이트 방문자에게는 보이지 않습니다.
지불 방법
- 양식에 대한 지불 방법을 업데이트할 수 있습니다.
- 페이팔과 스트라이프 중에서 선택할 수 있습니다. 인도 고객은 Razorpay 및 PayUMoney도 추가할 수 있습니다. 상세보기.
한 번에 하나의 지불 방법만 양식에 연결할 수 있습니다.
제출 후 조치
제출 후 작업으로 성공 메시지 표시 (1) 또는 URL 리디렉션 (2)을 선택할 수 있습니다.
성공 메시지 표시 (1) 의 경우 :
- 지정 결제 성공 메시지(2) 사용자가 양식을 제출한 후에 표시되는 메시지입니다.
- 에 스크립트를 추가할 수도 있습니다. 후불성공 HTML (3) 상자.
- 의 경우 RURL로 리디렉션설정(⚙️) 아이콘을 클릭하여 내부/외부 페이지를 지정할 수 있습니다. 더 많이 알아라..
양식 데이터 동기화 및 내보내기
이메일 알림
여기에서, 성공적인 양식 제출 시 웹사이트 소유자로서 받는 알림에 대한 이메일 제목을 사용자 지정할 수 있습니다. 또한, 사용자 또는 고객이 양식을 제출하고 결제한 후 보내는 성공 이메일을 개인화할 수 있습니다.
- 활성화 웹사이트 소유자에게 이메일 보내기 결제 양식이 제출될 때마다 이메일 알림을 받을 수 있는 옵션입니다.
- . 주제 분야결제 양식 제출 이메일의 제목을 지정하세요. 또한 다음을 사용할 수도 있습니다. {웹사이트} 제목에 웹사이트 이름을 자동으로 포함시키는 변수입니다. 여러 웹사이트를 관리하는 경우 특히 유용합니다.
- . 이메일 필드결제 양식 알림을 받을 이메일 주소를 최대 3개까지 입력하세요.
- 성공 표시 활성화/비활성화 고객에게 이메일 보내기 옵션을 선택합니다.
- 지정 제목 성공 이메일.
- 추가 이메일 본문 성공 이메일에 입력할 수 있습니다. 이메일 본문에 {TRANSACTION_ID}, {AMOUNT}, {NAME} 변수를 추가하면 해당 변수들이 캡처되어 이메일에 포함됩니다.
결제 확인 및 결제 수단 추가
- 로 이동 결제 및 기부 (1) 안내
- 여기에서 귀하가 받은 모든 지불금을 볼 수 있습니다.
- 확인 날짜, 수령금액, 이메일 (2) 지불의.
- 양식 제출을 클릭하십시오. (3) 지불의 거래 세부 사항을 보려면.
- 다음과 같은 거래 내역을 확인하십시오. 거래 ID, 이름, 사용된 결제 수단 및 결제 수단 거래 ID 오른쪽 서랍에서.
- 모든 결제 세부 정보를 CSV 형식(4).
결제 수단 추가
- 로 이동 설정 섹션 (1)을 클릭하고 지불 수락 옵션 (2) 왼쪽 메뉴에서.
- 이제 활성 및 비활성 결제 방법을 확인하십시오.
- 를 클릭하십시오 활성화 버튼(3) 지불 방법을 활성화하고 그 반대의 경우도 마찬가지입니다.
- 연결하기 Stripe or 페이팔 사업. 인도 고객도 활성화할 수 있습니다. 페이유머니 or 면도기.
결제 및 기부 기능 은 프리미엄 기능 으로, 프로페셔널 및 고급 플랜 에서만 이용 가능합니다.
실시간 지불/기부 양식은 다음과 같습니다.
양식에서 스패머를 줄이기 위해 양식에서 Google 보안 문자 보안이 자동으로 활성화됩니다.