이 기사에서는 무료 Elementor로 양식을 만드는 방법을 알아봅니다.
양식 위젯은 Elementor Pro에서만 사용할 수 있지만 무료 버전의 Elementor에서 양식을 만들 수 없다는 의미는 아닙니다.
무료 버전의 Elementor로 만들고 있는 페이지에 양식을 추가해야 하는 경우 이 기사에서 다룰 두 가지 방법을 사용할 수 있습니다.
프로 버전이든 무료 버전이든 Elementor에는 양식을 만드는 데 사용할 수 있는 두 가지 위젯이 함께 제공됩니다. 이들은 HTML 및 Shortcode 위젯입니다. HTML 위젯을 사용하면 HTML 양식을 삽입할 수 있고, Shortcode 위젯을 사용하면 다음과 같은 단축 코드를 사용하는 양식 플러그인에서 양식을 삽입할 수 있습니다. 문의 양식 7.
HTML 위젯을 사용하여 Elementor 무료 버전으로 양식 만들기
이 방법을 사용하려면 양식을 만들 수 있는 HTML 기술이 필요합니다. 또는 인터넷에서 HTML 양식 템플릿을 다운로드할 수 있습니다. W3docs는 60개가 넘는 HTML 양식 템플릿 무료로 다운로드할 수 있습니다.
시작하려면 새 페이지를 만들고 Elementor(페이지 – > 추가). 물론 기존 페이지를 수정할 수도 있습니다. 새 페이지에서 양식을 만들려면 왼쪽 하단 패널에서 톱니바퀴 아이콘을 클릭하여 양식 레이아웃을 설정해야 합니다.
편집 영역에서 더하기 버튼을 클릭하여 새 섹션을 추가하고 왼쪽 패널에서 편집 영역으로 드래그하여 HTML 양식을 추가하십시오. 원하는 지역에 배치하십시오. 그런 다음 왼쪽 패널로 이동하여 양식의 HTML 코드를 입력란에 붙여넣습니다. HTML 코드 탭 아래 내용.
편집을 마치면 페이지를 게시/업데이트합니다.
참조 : Elementor 위젯/템플릿을 구텐베르크 블록으로 사용하는 방법
일. HTML 양식이 스타일 지정을 위해 외부 CSS, 이미지 또는 JavaScript를 사용하는 경우 CSS 코드, 이미지 및 JavaScript가 포함된 폴더를 웹 사이트의 루트 디렉터리에 업로드해야 합니다.
문의 양식 7을 사용하여 무료로 Elementor에서 양식 만들기
HTML 기술이 없고 HTML 양식 템플릿을 사용하지 않으려면 플러그인을 사용하여 무료 버전의 Elementor에서 양식을 만들 수 있습니다. 양식 문의 7. 실제로 다른 많은 양식 플러그인이 있습니다. 추천합니다 문의 양식 7 WordPress에서 가장 널리 사용되는 양식 플러그인이며 완전 무료이기 때문입니다.
먼저 플러그인을 설치하십시오 문의 양식 7. 이렇게 하려면 다음으로 이동하세요. 확장 프로그램 – > 추가. 검색창에 "문의 양식 7"을 입력하고 버튼을 클릭합니다. 지금 설치 일단 찾았으면.
플러그인이 설치되면 즉시 활성화하십시오.
Contact Form 7은 기본 양식(a 연락처 양식 ). 원하는 경우 사용할 수 있습니다. 대신 새 양식을 만들려면 다음으로 이동할 수 있습니다. 문의 – > 추가. 나중에 쉽게 식별할 수 있도록 양식에 이름을 지정하십시오.
기본적으로 양식은 이름, 이메일, 제목 및 메시지의 네 가지 필드로 구성됩니다.
새 필드를 추가하려면 새 필드를 추가하려는 영역에 포인터를 놓습니다(기존 필드의 아래 또는 위에 놓을 수 있음). 형식의 새 양식 필드에 대한 레이블 추가 <label> votre label préféré </label>.
레이블 바로 뒤에 포인터를 놓고 필드 탭에서 필드를 선택합니다. 새 필드를 다른 기존 필드보다 깔끔하게 만들기 위해 새 줄 바꿈을 추가할 수 있습니다.
필드를 채우고 다음을 클릭하십시오. 태그 삽입 (모든 것을 기본값으로 둘 수 있습니다).
Contact Form 7은 귀하의 양식을 통해 제출된 제출물을 이메일로 보냅니다. 탭에서 이메일을 설정할 수 있습니다. 이메일.
탭으로 이동할 수 있습니다. 메시지 기본 메시지를 무시하려는 경우. 방문자가 양식을 성공적으로 제출한 후 나타나는 메시지 또는 양식이 제출되지 않았을 때의 오류 메시지 등을 사용자 정의할 수 있습니다.
버튼을 클릭 레지스터 양식 편집 및 단축 코드 복사가 완료되면.
방금 만든 양식을 Elementor 페이지에 추가하려면 새 페이지를 만들고 Elementor로 편집하거나 기존 페이지를 편집할 수도 있습니다.
읽기 : 스마트폰에서 Elementor 팝업을 비활성화하는 방법
양식을 배치할 새 섹션을 추가하고 단축 코드 위젯. 숏코드 위젯이 추가되면 왼쪽 패널로 이동하여 복사한 숏코드를 필드에 붙여넣습니다. 단축 코드 탭 아래 내용.
편집을 마치면 페이지를 게시/업데이트합니다.
Contact Form 7은 다음의 스타일 형식을 사용합니다. 워드 프레스 테마 당신이 사용하는. Contact Form 7 양식의 스타일을 지정할 수 있지만 CSS 기술이 필요합니다. 이 기사는 다음에서도 볼 수 있습니다. Essential Addons 및 Elementor로 Contact Form 7 양식을 사용자 정의하는 방법.
지금 Elementor Pro를 받으세요!!!
결론
그래서 ! 이것이 무료 Elementor로 양식을 만드는 방법을 보여주는 이 기사의 내용입니다. 거기에 가는 방법에 대해 우려 사항이 있는 경우 commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
