MetForm을 사용하여 양식 만들기

MetForm 양식 작성기 애드온이 함께 제공됩니다. 30개 이상의 템플릿 (예: 문의 양식, 뉴스레터 양식, 피드백 양식 등)을 사용하여 WordPress 웹사이트에서 모든 유형의 양식을 만들 수 있습니다. 

MetForm을 사용하면 요소 요소를 끌어서 놓는 것만으로 사용자 정의 양식을 만들 수도 있습니다. 와 함께 40개 이상의 스타일 사용자 정의를 위해 몇 분 안에 완벽하게 반응하고 기능적인 양식을 디자인할 수 있습니다. 

MetForm을 사용하여 양식을 만드는 방법 #

✨✨요구사항:

👉👉 엘리멘터: Elementor 플러그인 다운로드
👉👉 MetForm: MetForm 플러그인 다운로드

1단계: 양식 템플릿 선택  #

1. Dashboard -> 2. MetForm -> 3. Forms -> 4. Add New 클릭 -> 5. 팝업창이 나타납니다.

이 양식 만들기 팝업 창에서 다음을 볼 수 있습니다.

  • 양식 이름 필드

이 필드에 이름을 입력하여 양식 만들기를 시작할 수 있습니다.

  • 양식 유형

양식 유형은 일반 양식입니다. 기본적으로 MetForm pro를 사용하는 경우 여기에서 옵션을 사용할 수 있습니다.

  • 템플릿 선택

여기서는 30개 이상의 다양한 유형의 템플릿을 얻을 수 있습니다. 

  • 편집을 클릭하세요

이 버튼을 클릭하면 Elementor로 양식 편집이 시작됩니다.

MetForm 팝업창

2단계: 양식 템플릿 사용자 정의  #

모든 양식 템플릿은 다양한 목적(예: 고객 피드백을 받기 위한 피드백 양식)을 제공하도록 완벽하게 설계 및 개발되었습니다. 그러나 elementor와 호환되므로 어떤 방식으로든 사용자 정의할 수 있습니다. 

다음과 같은 3가지 설정이 제공됩니다. 콘텐츠, 스타일, 고급 입력 필드와 버튼 속성을 사용자 정의하고 제어합니다.

👉👉컨텐츠 맞춤화   #

  • 라벨을 숨기거나 표시할 수 있습니다. 
  • 왼쪽 또는 위쪽 위치 설정
  • 자리표시자를 변경할 수 있음 
  • 도움말 텍스트 추가
  • 필요한 속성을 켜거나 끕니다. 
  • 경고 메시지 설정 
  • 유효성 검사 유형 설정 
  • URL 삽입 
Metform 양식 콘텐츠 맞춤화

👉👉스타일 커스터마이징  #

  • 레이아웃의 사용자 정의 너비 설정 
  • 입력 필드 텍스트 색상 및 서체 변경 
  • 자리 표시자를 사용자 정의하고 텍스트 색상과 타이포그래피를 도와주세요. 
  • 배경색 추가 
  • 사용자 정의 패딩, 여백 설정 
  • 필수 필드에 대한 사용자 정의 경고 색상을 선택하세요. 
  • 왼쪽, 가운데, 양쪽 맞춤 또는 오른쪽 정렬 설정 
  • 입력 필드에 이미지 배경 삽입 
  • 테두리, 테두리 색상 및 테두리 반경 사용자 정의
Metform 양식 스타일 사용자 정의

👉👉고급 사용자 정의  #

  • 양식 레이아웃을 위한 사용자 정의 여백, 안쪽 여백, 너비 및 위치 설정 
  • 입력 필드에 대한 다양한 모션 효과 
  • PC, 탭, 모바일의 응답성 켜기/끄기 
  • 추가 CSS 코드 등을 추가하세요.
Metform 양식 고급 사용자 정의 

3단계: 페이지/게시물에 양식 삽입   #

다음으로, 원하는 페이지/게시물에 양식을 삽입할 차례입니다. MetForm을 사용하면 요소별로 양식을 페이지나 게시물에 쉽게 삽입할 수 있습니다. 또한 양식의 단축 코드를 사용하여 어떤 양식이든 삽입할 수 있습니다. 

1. Elementor를 사용하여 MetForm 양식 삽입  #

먼저, 새 페이지/게시물을 만들거나 기존 페이지/게시물을 엽니다. 

  • 다음으로 시작 “Elementor로 편집”
  • 요소 또는 블록을 선택하세요
  • 검색 MetForm 위젯 Elementor 요소에서 
  • 선택한 블록에 위젯을 드래그 앤 드롭하세요. 
  • 클릭 '양식 수정' 
  • 이미 생성한 양식 이름이 표시됩니다. 
  • 다음을 선택하세요. 양식 이름 

양식은 몇 초 안에 삽입됩니다. 이제 추가 사용자 정의를 수행하거나 그대로 유지할 수 있습니다. 

  • 저장 후 닫기를 클릭하세요. 
  • 클릭 "업데이트"
Metform 양식 삽입

2. 단축 코드를 사용하여 MetForm 양식 삽입  #

단축 코드를 사용하여 MetForm 양식을 삽입하는 것도 더 쉬운 방법입니다. 

  • 새 페이지/게시물을 만들거나 기존 페이지/게시물을 엽니다.
  • 위로 마우스를 MetForm -> 클릭하세요 양식 

양식 이름과 함께 모든 단축 코드가 표시됩니다. 

  • 복사 삽입하려는 단축 코드 
  • 반죽 페이지/포스트의 단축 코드 
  • 클릭 “게시”
metform 양식 단축 코드

이제 갈 준비가 되었습니다! 이러한 양식 템플릿을 사용하여 귀하의 웹사이트를 더욱 우아하고 역동적으로 만드는 데 도움이 되기를 바랍니다.

당신의 감정은 무엇입니까?
2024년 1월 28일 업데이트