중력 양식 Elementor 위젯: CSS 없이 중력 양식을 추가하고 스타일링합니다

Gravity Forms 는 Master Addons 의 Pro 위젯으로 Elementor 페이지에 Gravity Form 을 배치하고 패널에서 스타일을 지정할 수 있습니다. 드롭다운에서 양식을 선택하고 11 가지 디자인 변형 중 하나에서 시작한 다음 레이블,필드, 확인란,제출 버튼,다중 페이지 진행률 표시 줄 및 오류 메시지를 조정합니다. 양식은 Gravity Forms 에서 빌드한 그대로 계속 작동합니다.

즉각적인 디자인 사전 설정 및 레이아웃

11 기성품 형태 디자인

디자인 변형 드롭다운에는 11 가지 스타일이 있습니다. 하나를 시작점으로 선택한 다음 스타일 탭에서 원하는 것을 변경하십시오. Gravity Forms 에 설정된 제목과 설명을 숨기고 대신 Elementor 에 사용자 정의 제목을 쓸 수도 있습니다.

  • 한 번의 드롭다운에서 11가지 디자인 변형 사이를 전환하세요.
  • 양식 제목, 설명, 라벨 및 자리 표시자를 표시하거나 숨깁니다.
  • 양식 자체를 편집하지 않고 사용자 정의 제목과 설명을 추가합니다.

필드, 체크박스 및 라디오 버튼 스타일링

입력 및 텍스트 영역은 별도의 Focus 상태로 배경,텍스트 색상,경계, 반경,상자 그림자 및 타이포그래피를 얻습니다. 입력 및 텍스트 영역에 대한 너비 및 높이를 독립적으로 설정하고 패딩 및 텍스트 들여쓰기를 추가합니다. 라디오 버튼 및 확인란은 일반 및 체크 상태에 대한 사용자 정의 크기,색상 및 경계 반경을 가질 수 있습니다.

  • 입력 필드에 대한 일반 및 초점 상태입니다.
  • 입력 및 텍스트 영역에 대해 별도의 너비와 높이.
  • 주문 라디오 및 체크 박스 스타일, 섹션 분배기 및 제품 가격 색상.
Elementor 에서 양식 제목 타이포그래피 및 오류 메시지 스타일 컨트롤
입력, 텍스트 영역 및 라벨 스타일링

제출 버튼, 여러 페이지 양식 및 메시지

제출 단추 자동,전폭 또는 주문 폭을 만들고십시오,그 후에 호버 색깔을 가진 그것의 색깔,경계, 반경,패딩, 상자 그림자 및 타이포그래피를,스타일링하십시오. 다 페이지 모양은 페이지 단추를 위한 작풍을 얻고 진도 막대기,오류 메시지,유효하지 않은 분야 및 감사 메시지는 각각 그들의 자신의 색깔 조정을 비치하고 있,당신은 오류 메시지를 완전하게 숨길 수 있습니다.

  • 호버 색상이 있는 자동, 전체 너비 또는 사용자 정의 너비 제출 버튼입니다.
  • 여러 페이지 형태의 페이지 버튼 및 진행률 표시줄 스타일링.
  • 오류 메시지, 잘못된 필드 및 감사 메시지의 색상입니다.

Elementor의 단축 코드 위젯과 Gravity Forms 위젯

Elementor의 무료 단축 코드 위젯은 중력 양식을 표시할 수도 있습니다 [gravityform id="1"]. 양식은 작동하지만 테마와 Gravity Forms 스타일이 어떻게 보이는지, 변경한다는 것은 CSS를 작성한다는 의미입니다.

단축 코드 위젯마스터 애드온 중력 양식
가격무료마스터 애드온 프로
양식 선택단축 코드에 양식 ID를 입력합니다드롭다운에서 선택하세요
기성품 디자인없음11가지 디자인 변형
필드 및 버튼 스타일링사용자 정의 CSS초점 및 호버 상태가 포함된 스타일 탭입니다
진행률 표시줄 및 오류 스타일링사용자 정의 CSS스타일 탭
모바일 조정CSS 미디어 쿼리크기와 간격에 대한 반응형 제어

다른 양식 플러그인을 사용? 마스터 애드온에 대한 무료 스타일링 위젯이 있습니다 문의 양식 7, WPForms, 닌자 양식 그리고 위폼스.

템플릿 뷰어
페이스북
트위터
왓츠앱
링크 복사
지금 구매하기
고급 문의 양식
고급 문의 양식
칼데라 양식
칼데라 양식
문의 양식이 포함된 Google 지도
문의 양식이 포함된 Google 지도
기본 문의 양식
기본 문의 양식
사업 문의 양식
사업 문의 양식
유리 접촉 양식
유리 접촉 양식

Elementor에 중력 형태를 추가하는 방법

적어도 하나의 양식이 생성 된 Gravity Forms 와 Master Addons Pro 가 필요합니다. 그런 다음 다음 단계를 따르십시오:

  1. 마스터 애드온 대시보드에서 중력 양식 위젯을 켭니다.
  2. Elementor에서 페이지를 열고 위젯 패널에서 “Gravity Forms”를 검색한 후 Master Addons 위젯을 제자리로 드래그하세요.
  3. 문의 양식 드롭다운에서 양식을 선택하세요.
  4. 11 가지 디자인 변형 중 하나를 선택하십시오.
  5. 양식 제목,설명, 라벨 및 자리 표시자를 표시할지 여부를 결정합니다. 페이지를 다시 로드하지 않고 양식을 제출하려면 Ajax 를 사용하십시오.
  6. 스타일 탭을 열어 색상, 테두리, 간격 및 타이포그래피를 설정한 다음 게시합니다.

드롭다운이 비어 있으면 Gravity Forms가 활성화되어 있고 양식을 생성했는지 확인하세요.

중력 형태에 대해 자주 묻는 질문

Gravity Forms 에 대해 사용자가 가장 많이 묻는 쿼리를 알아보고 한 곳에서 답변을 찾으십시오.
Gravity Forms 플러그인이 설치되어 있어야 합니까?

예. 위젯 스타일 양식은 플러그인이 설치되고 활성화되어야하므로 Gravity Forms 에서 구축 한 것입니다. 그것이 없으면 위젯은 Gravity Forms 를 활성화하라는 알림을 표시합니다.

Gravity Forms 를 설치하고 양식을 작성합니다. Elementor 에서 Master Addons Gravity Forms 위젯을 페이지로 드래그하고 문의 양식 드롭다운에서 양식을 선택한 다음 디자인 변형을 선택하고 스타일 탭에서 스타일을 지정합니다. The 위의 단계별 가이드 각 설정을 다룹니다.

모바일 장치에서 양식을 반응적으로 만들 수 있나요?

예. 크기,간격 및 정렬 컨트롤의 대부분은 별도의 데스크탑,태블릿 및 모바일 값을 가지므로 패딩,필드 너비 및 작은 화면의 버튼 너비를 변경할 수 있습니다.

예. 위젯은 Gravity Forms 자체를 통해 양식을 출력하므로 조건부 논리,다중 페이지 양식 및 추가 기능은 설정 방식대로 작동합니다. 위젯은 양식의 모양만 변경합니다.

트렌드 엘리먼트 위젯 및 확장

더 짧은 시간에 정교한 웹사이트를 구축하세요.

Master Addons의 Elementor용 Glassmorphism 요소입니다

유리형성

홈 Glassmorphism 은 웹 사이트에 부드럽고 반투명하며 현대적인 모습을 제공하는 디자인 트렌드입니다...
자세히 보기
최대 너비 너머로 확장합니다

컨테이너 엑스트라

홈 당신의 멋진 디자인이 엄격한 컨테이너 제한에 국한되어 지치셨나요? 컨테이너 추가 정보 by...
자세히 보기
패턴 확장

패턴

홈 평평하고 정적인 컨테이너를 마스터 애드온 패턴으로 시각적으로 매력적인 디자인 요소로 변환하십시오...
자세히 보기
단일 작업의 정확한 복제본

게시물/페이지 복제기

홈 작업 흐름을 간소화하고 Master Addons Post/Page Duplicator 로 반복적인 설정을 제거하십시오. 이...
자세히 보기
읽기 진행률 표시줄 확장

읽기 진행률 표시줄

홈 이제까지 긴 기사를 읽고 시작 하 고 얼마나 남아 궁금해? 그래서 할...
자세히 보기
9 월 세일

40% 모든 것을 벗어

모든 마스터 애드온 프로 계획, 연간 및 평생. 하나의 코드, 팔일.

00
00시간
00
00

9월 14일 월요일, 동부 표준시 기준 23:59에 종료됩니다

  • 개인적인1 사이트 $129$77
  • 비즈니스5 사이트 $199$119
  • 개발자무제한 사이트기관에 가장 $599$359

한번 지불하세요 갱신은 절대 안합니다.

쿠폰 코드 말리페40
지금 40% 할인 받으세요
  • 30,000+ 활성 설치
  • 212개의 리뷰에서 4.5/5
  • 14 일 돈 뒤