WordPress에서 온라인 티셔츠 주문 양식을 만드는 방법 [Easy & Simple Way]
게시 됨: 2022-07-06온라인 티셔츠 사업을 계획 중이신가요? 또는 가까운 친구나 조직을 위한 맞춤형 티셔츠를 만들려고 합니다. 모든 사람의 디자인이나 색상 선호도를 개별적으로 파악하는 것은 번거로운 일입니다. 또한 모든 사람에게 티셔츠 크기를 묻는 것은 효율적이지 않습니다.
그래서, 무엇이 필요합니까? 누구나 디자인을 선택하고, 티셔츠의 색상과 크기를 선택하고, 티셔츠를 배송받을 주소를 선택하고, 지불 옵션을 선택할 수 있는 온라인 티셔츠 양식을 만들어야 합니다.
Fluent Forms는 초보자에게 가장 친숙한 양식 빌더입니다. 지금 다운로드하고 아름다운 양식을 무료로 제작하세요!!!
일부 티셔츠 주문 양식 템플릿은 온라인에서 찾을 수 있지만 이 모든 것이 당신을 완전히 만족시키지는 못합니다. 템플릿은 훌륭하지만 큰 차질도 있습니다. 처음부터 원하는 모든 필수 필드를 찾지 못할 수도 있습니다. 또한 필요에 따라 설계하고 통합해야 합니다.
따라서 템플릿 없이 티셔츠 주문 양식을 만들고, 필드를 사용자 지정 및 정렬하고, 레이아웃을 디자인하고, 기능을 추가하고, 나만의 티셔츠 양식 템플릿으로 만드십시오. 그리고 가장 좋은 점은 손으로 코딩하지 않고도 할 수 있다는 것입니다.
온라인 티셔츠 주문 양식을 만드는 양식 작성기
창의적이고 아름다운 티셔츠 주문 양식을 만들어야 하는 경우 강력한 양식 빌더 플러그인이 필요합니다. 코딩 없이 온라인 양식을 만들 때 Fluent Forms를 능가하는 것은 없습니다. 양식 작성을 시작하기 전에 Fluent Forms를 선택하여 원하는 온라인 티셔츠 주문 양식을 만들면 어떤 이점이 있습니까?
여기 있습니다 -
일괄 제출 처리 : 티셔츠 주문 양식은 시장에서 매우 까다롭습니다. 모두가 자신의 갱단을 위한 맞춤형 티셔츠를 원하기 때문입니다. 의류 회사는 또한 이러한 양식 빌더를 사용하여 고객으로부터 주문을 받습니다. 따라서 대량 제출을 처리하고 필요한 모든 필드와 기능, 인보이스 PDF 생성기 등을 처리할 수 있는 도구가 필요합니다.
엄청난 수의 입력란 : 온라인 티셔츠 주문서를 작성하기 위한 필수 입력란-
- 이름 필드
- 주소 필드(자동 완성 및 Google 지도 통합 포함)
- 이메일 필드
- 체크박스와 객관식
- 지불 필드
- 파일 업로드
- 색상, 디자인, 크기 등을 선택하기 위한 드롭다운 필드
- 리피터 필드
또한 원하는 모든 유형의 온라인 양식을 만들기 위해 이를 제외한 40개 이상의 입력 필드를 얻을 수 있습니다. Fluent Forms로 수표 요청 양식을 만드는 방법을 확인하세요.
중요한 기능 및 통합 : 양식에 조건부 논리를 포함해야 할 수도 있고, 고객이 예산을 추적하는 데 도움이 되는 일부 계산기 또는 T-셔츠의 일부 시각적 개체를 Fluent Forms로 모두 수행할 수 있습니다.
또한 제출된 출품작의 PDF 버전을 다운로드하는 것은 모든 온라인 주문 양식의 훌륭한 기능입니다. 사용자는 송장이 필요할 수 있으며, 주문한 티셔츠와 함께 송장을 배송할 수 있습니다.
잠재 고객 또는 일회성 고객을 충성도 높은 고객으로 육성하려면 양식 작성기를 위한 일종의 고객 관계 관리 또는 CRM 도구가 필요할 수 있습니다. 예, Fluent Forms에는 잠재 고객을 육성하기 위한 많은 기본 통합이 있습니다.
또한 자동화에서 파일 공유 도구, 멤버십에서 알림 도구 등에 이르기까지 45개 이상의 통합을 얻을 수 있습니다.
잡담으로 충분합니다. 이제 폼 메이킹으로 넘어가 보겠습니다.
온라인 티셔츠 주문 양식을 만드는 방법(처음부터)
다음은 쉽고 완전한 티셔츠 주문 양식을 만드는 단계입니다. 따라하시면서 온라인 티셔츠 사업을 원활하게 운영할 수 있습니다!
1단계: 온라인 티셔츠 주문 양식 만들기
코딩 없이 온라인 티셔츠 주문 양식을 만들려면 가장 먼저 해야 할 일은 WordPress 사이트에 양식 빌더를 설치하는 것입니다. Fluent Forms를 설치하는 것은 매우 간단합니다.
플러그인을 설치하고 활성화한 후 왼쪽에서 Fluent Forms로 마우스를 가져간 다음 Add New를 선택하여 양식을 만듭니다. 이제 팝업이 나타나면 새 양식 옵션을 선택하여 새 양식을 초기화합니다.
축하 팝업이 표시되고 양식 편집기 페이지로 리디렉션됩니다. 이 페이지에서 양식 필드를 원하는 대로 추가, 제거 및 사용자 정의할 수 있습니다.
여기에서 양식 구조에 대해 결정해야 합니다. 어떤 사람들은 티셔츠 디자인 섹션으로 바로 이동하는 것을 좋아하고 어떤 사람들은 사용자의 기본 정보를 먼저 얻는 것을 좋아합니다.
후자의 경우 이름, 주소, 이메일 및 전화 번호 필드를 하나씩 추가합니다. 이것은 매우 기본적인 것입니다. 편집기 페이지의 오른쪽에서 필드를 검색하고 클릭하여 양식에 추가하기만 하면 됩니다. 필드를 끌어서 섞을 수도 있습니다.
이름에 관해서는 이름과 성만 추가하겠습니다. 입력 사용자 지정에서 중간 이름 옵션을 활성화할 수 있습니다. 다른 무엇을 사용자 정의할 수 있습니까? 주소 입력란은 2차 주소를 추가 또는 삭제하거나, 필요에 따라 기입된 불필요한 정보를 제외하거나, 구글 지도 자동완성을 추가할 수 있습니다.
2단계: 티셔츠 스타일 사용자 정의 섹션 만들기
이제 맞춤형 티셔츠를 위해 원하는 셔츠의 크기, 색상 및 수량을 선택해야 합니다. 따라서 3열 컨테이너를 추가하고 라디오 옵션이 활성화된 지불 필드, 지불 필드가 있는 항목 수량 필드 매핑, 색상 선택이라는 드롭다운 필드(여기서 옵션을 만든 곳)를 추가합니다. 다른 색상).
이제 누군가 다른 크기와 색상의 다른 티셔츠를 주문하고 싶다면 어떻게 해야 할까요? 예, 우리도 할 수 있습니다. 조건부 논리의 간단한 트릭을 사용하여 동일한 필드가 할당된 다른 컨테이너를 추가할 수 있습니다.
확인란을 추가하고 이름을 Add T-shirt로 지정한 다음 이전 컨테이너를 복사하고 T-shirt 2로 이름을 바꿉니다. 스크린샷에 따라 조건부 논리를 설정합니다. 이제 사용자가 이 필드를 확인할 때마다 새 컨테이너가 나타나고 주문에 다른 티셔츠 요구 사항을 추가할 수 있습니다.
3단계: 티셔츠 주문 양식의 결제 섹션 사용자 지정
Fluent Forms에서 티셔츠 주문 양식에 대한 지불 옵션을 설정하는 것은 매우 쉽습니다. 주문 양식에 지불 방법 및 지불 요약 필드를 추가하십시오. 그게 다야, 수량과 금액을 동적으로 가져오고 지불 요약에 소계 및 기타 정보를 표시합니다.
재미를 더하기 위해 T-셔츠 주문 양식에 확인 메시지로 표시할 사용자 정의 필드를 추가합니다. 먼저 사용자 정의 필드를 추가하고 확인 메시지를 추가하십시오. 그런 다음 동적 데이터를 가져오는 것은 매우 간단합니다. {dynamic.Name_Attribute}를 입력하여 해당 특정 필드의 데이터를 가져옵니다.
결제 방법의 경우 Fluent Forms는 가장 인기 있는 결제 통합을 제공합니다. 티셔츠 주문결제는 Stripe, PayPal, Mollie, RazorPay 등을 이용하실 수 있습니다. 결제 방법 설정은 다른 결제 설정과 같습니다. API 키를 통해 통합해야 합니다.
4단계: 원하는 경우 다단계 양식으로 만듭니다.
이제 사용자가 한 페이지에 너무 많은 필드를 보는 경우 압도적일 수 있습니다. 양식을 여러 단계의 양식으로 나누고 사용자의 연락처 정보 및 청구서 수신 주소, 기본 정보, 지불 섹션 및 확인 섹션에 대한 여러 섹션을 만들 수 있습니다. 형태.
입력 필드에서 Form Step을 검색한 다음 페이지 시작과 끝에 추가하고 청구 정보 뒤에 하나를 추가하고 T-셔츠 선택 뒤에 하나를 추가합니다.
5단계: 티셔츠 주문 양식에 대한 알림 및 이메일 설정
이제 주문이 완료되면 어떻게 됩니까? 사용자에게 이메일 알림을 보내고 티셔츠 주문 양식이 제출된 후 자신을 위한 이메일 알림을 받으려면 이메일 알림을 활성화해야 합니다. 이를 위해 설정 및 통합 탭에서 이메일 알림을 켜십시오. 상단에서 알림 추가를 클릭하고 필요에 따라 필드를 채우십시오. 이메일 전달 문제를 방지하려면 이메일 알림에 대한 모범 사례를 따르는 것이 좋습니다.
화면 왼쪽에서 사용 가능한 다른 옵션을 보았을 수도 있습니다. 예, 원하는 경우 멤버십, 알림, CRM 등과 같은 다양한 도구와 양식을 통합할 수 있습니다.
6단계: 티셔츠 주문 양식 스타일링
지금까지 우리가 말한 모든 것을 따랐다면 기능적인 티셔츠 주문 양식을 갖게 된 것입니다. 원하는 경우 블로그나 페이지 등 어디에서나 사용할 수 있습니다. 또한 직접 링크나 버튼을 통해 공유할 수 있는 이 양식의 랜딩 페이지를 만들 수 있습니다.
하지만 이 양식에 스타일을 지정하는 것은 어떻습니까? 예, 이 작업도 수행할 수 있습니다. 사용자 정의 HTML 필드를 통해 양식에 일부 주요 이미지를 추가하는 것은 매우 기본적입니다. Elementor 및 Oxygen과 같은 페이지 빌더를 사용하는 경우 Fluent 양식에 대한 몇 가지 추가 위젯을 얻을 수 있습니다. 양식을 매우 풍부하게 만들어 사용자가 일반적으로 다시 살펴보지 않고는 스크롤할 수 없도록 하는 것이 매우 편리할 수 있습니다.
다음은 코딩이나 멋진 페이지 빌더의 도움 없이 기본 티셔츠 주문 양식입니다.
미리보기 및 디자인 옵션에는 배경색, 글꼴 색상, 컨테이너 디자인 등을 변경할 수 있는 몇 가지 옵션이 있습니다. 모던, 클래식, 부트스트랩 스타일 등 T-셔츠 주문 양식을 위한 양식 스타일 템플릿도 제공합니다.
그러나 양식에 사용자 정의 CSS 및 JS를 추가하려는 경우에도 가능합니다. 양식 스타일을 직접 코딩할 필요는 없습니다. CSS나 멋진 페이지 빌더 없이 순식간에 아름다운 양식을 만들 수 있습니다.
안심할 수 있도록 확인 페이지로 데이터를 동적으로 가져오는 것을 기억하십니까?
특정 필드의 데이터를 가져오려면 {dynamic.Name_Attribute} 를 입력하기만 하면 됩니다. 주문 양식의 경우 사용자 정의 HTML 필드를 입력하고 {dynamic.names} 및 {dynamic.phone} 태그와 함께 확인 텍스트를 추가하기만 하면 됩니다. 짜잔! 이것은 당신의 양식에서 어떻게 보일 것입니다.
또한 시각적으로 선택할 수 있도록 라디오 필드에 티셔츠 디자인을 추가했습니다.
티셔츠 주문 양식 게시
티셔츠 주문 양식을 게시하는 것은 로켓 과학이 아닙니다. Fluent Forms는 항상 모든 양식에 고유한 ID를 제공합니다. 양식을 게시하려는 페이지나 블로그 게시물에 단축 코드를 복사하여 붙여넣기만 하면 됩니다.
또한 랜딩 페이지 기능을 사용하면 배경색, 배경 이미지, 폼 로고, 피처 이미지, 페이지 제목 등을 추가하여 우아한 폼을 만들 수 있습니다.
모바일 또는 데스크톱에서 양식이 어떻게 보이는지 확인하는 옵션도 있습니다. 방문 페이지와 공유하는 것은 파이만큼 쉬우며 직접 링크 를 통해 공유하거나 소셜 미디어에서 공유할 수 있는 버튼을 통해 공유할 수 있는 몇 가지 옵션이 있습니다.
여전히 혼란스럽습니까? 아니, 당신은 아무것도 놓치고 있지 않습니다
Typeform을 사용하면 대화형 양식을 만들어 대화형 양식을 만들 수 있습니다.
Fluent Forms로 대화형 대화 양식도 만들 수 있습니다. 그리고 풀온 키보드 액세스, 다양한 이미지/레이아웃, 애니메이션/비디오를 양식에 추가, 한 번의 클릭으로 비대화형 양식을 대화형 양식으로 변환하는 등 다양한 옵션이 있습니다.
T-셔츠 주문 양식을 Typeform으로 만들고 싶다면 Fluent Forms Conversational Form으로 하면 됩니다.
학급이나 클럽을 위해 지금 학교 티셔츠 주문 양식을 만드십시오. 도움이 필요한 경우 이 비디오에서 대화 형식이 어떻게 작동하는지 확인하십시오.
다음은 온라인 티셔츠 주문 양식의 또 다른 예입니다.
당신은 아무것도 놓치고 있지 않습니다. 사실, Fluent Forms를 사용하면 멋진 티셔츠 주문 양식을 만들기 위해 다른 양식 빌더가 제공하는 것보다 더 많은 것을 얻을 수 있습니다.
마무리
코딩 지식 없이 온라인 티셔츠 주문 양식을 만드는 간단하고 쉬운 방법이 있습니다. 이제 원하는 경우 모든 유형의 주문 양식을 만들 수 있습니다. 필수 필드를 추가하고 몇 분 안에 Fluent Forms로 사용자 중심 양식을 디자인하십시오.
이메일 알림이나 스팸으로 가는 이메일에 문제가 있는 경우 무료 플러그인 FluentSMTP를 설치할 수 있습니다. 또한 주문 양식과 관련하여 문의 사항이 있으면 아래에 의견을 보내주십시오. 최신 업데이트 및 자습서를 받으려면 소셜 미디어에서 우리를 팔로우하십시오.