done
done

기본 양식 ( 공통 )

※ 아래 양식을 복사해서 사용하세요.

동영상으로 Contact Form 7 메뉴얼 보기
<ul>
<li><label>[text* your-name autocomplete:name placeholder "성함을 입력하세요."]</label></li>
<li><label>[email* your-email autocomplete:email placeholder "이메일을 입력하세요."]</label></li>
</ul>
<ul>
<li><label>[text* your-subject placeholder "문의 제목을 입력하세요."]</label></li>
<li><label>[select select-926 first_as_label "문의 종류를 선택하세요." "디자인 문의" "제품 문의"]</label></li>
</ul>
<ul>
<li><label>[textarea* your-message placeholder "내용을 입력하세요."]</label></li>
</ul>

[submit "📬 &nbsp; 온라인 문의하기"]

하단 간편 폼 ( 고정바 )

뉴스레터 ( 이메일 수집 )

하단 간편 폼 양식 ( 스크롤 토글 블록 )

<ul class="ffc-form">
<li><label>[text* your-name autocomplete:name placeholder "이름"]</label></li>
<li><label>[email* your-email autocomplete:email placeholder "연락처"]</label></li>
<li class="lbtn">[submit "문의하기"]</li>
</ul>
  • 스타일도 함께 지정하려면 아래의 내용을 확인하세요.
  • 에디터에서 컨텍트 폼 블록을 선택
  • [ + ] 버튼을 눌러서 [ 커스텀 코드 ] 블록 추가
  • 커스텀 코드 html 소스에 아래 내용 삽입
<style>
#gt_float_wrapper { z-index: 49 !important; }
.ffc-form { flex-direction: unset !important; gap: .5rem !important; }
.ffc-form .wpcf7-spinner { z-index: 3; position: absolute; }
.ffc-form .wpcf7-not-valid-tip { padding: 5px 0 0 0 !important; }
form.wpcf7-form .ffc-form ~ .wpcf7-response-output { margin: 0 !important; padding: 0 !important; }
.ffc-form input[type=submit] { font-size: .85rem; }
.ffc-form .lbtn { flex: 0; } .ffc-form .lbtn p, .ffc-form .lbtn input[type=submit] { height: 100%; }
</style>

뉴스레터 ( 이메일만 있음 )

<ul>
<li><label>[email* your-email autocomplete:email placeholder "이메일"]</label></li>
<li>[submit "무료 구독하기"]</li>
</ul>
  • 스타일도 함께 지정하려면 아래의 내용을 확인하세요.
  • 에디터에서 컨텍트 폼 블록을 선택
  • [ + ] 버튼을 눌러서 [ 커스텀 코드 ] 블록 추가
  • 커스텀 코드 html 소스에 아래 내용 삽입
<style>
.ffc-newsletter ul li:last-child { flex: 0; }
.ffc-newsletter .wpcf7-spinner { position: absolute; }
.ffc-newsletter .wpcf7-response-output { margin: 0 !important; }
</style>