메일침팬지

안 Elementor Mailchimp 양식 는 방문자를 구독자로 만드는 가장 빠른 방법 중 하나입니다. The 메일침팬지 위젯 인 Elementor용 마스터 애드온 가입 양식을 레이아웃에 바로 놓으면 이를 실행하는 두 가지 방법이 제공됩니다: 저장된 기본 양식을 선택하거나 자신만의 사용자 정의 HTML 마크업을 작성하세요. 아래에서는 Elementor 패널부터 라이브 페이지까지 두 가지를 모두 다룹니다.

Elementor Mailchimp 양식 위젯의 작동 방식 #

위젯은 다음을 렌더링합니다 Elementor의 Mailchimp 가입 양식 별도의 양식 플러그인 없이. 저장된 양식을 선택하여 기존 Mailchimp 잠재고객에 연결하거나,자신의 필드,레이블 및 체크박스로 사용자 지정 양식을 작성합니다. API 키가 있으면 양식은 가입자 데이터를 수집하여 Mailchimp 에 전달합니다.

시작하기 전에 #

• 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
• Elementor용 마스터 애드온 설치 및 활성. 아직 설치하지 않았다면 다음을 따르십시오 설치 가이드.
• Master Addons 옵션 패널에서 Mailchimp 위젯이 활성화되었습니다.
• Mailchimp 계정과 API 키. 위젯은 마스터 애드온 설정에 키가 저장될 때까지 경고를 표시합니다.

위젯을 페이지에 추가하세요 #

열다 엘리멘터 에디터 그리고 위젯 패널에서 “Mailchimp.”를 검색합니다. 마스터 애드온을 드래그하십시오 메일침팬지 양식을 원하는 섹션으로 위젯. 그것은 이메일 필드,용어 확인란,그리고 “가입”버튼,더하기 Mailchimp API 키는 여전히 설정이 필요한 빨간색 알림과 함께 드롭. 그 통지는 새로운 설치에 예상된다,그래서 당신을 던져하지 마십시오.

기본 Mailchimp 가입 양식을 사용하세요 #

콘텐츠 탭에서 나가세요 양식 유형 에 기본값. 그만큼 MailChimp 가입 양식 드롭다운은 “opt in.”과 같이 Mailchimp 계정에 이미 저장된 양식을 나열합니다. 원하는 것을 선택하십시오. 위젯은 Mailchimp 에서 필드 구조를 가져와 캔버스에서 바로 렌더링합니다.

이것은 a를 얻는 가장 빠른 방법이다 Elementor의 Mailchimp 가입 양식 라이브,메일침프가 필드 매핑을 다루기 때문에. 남은 것은 페이지에 맞게 폼을 스타일링하는 것뿐이다.

사용자 정의 Mailchimp 양식을 작성하세요 #

설정하세요 양식 유형 드롭다운 사용자 정의. ᅡ 사용자 지정 양식 textarea 는 자신의 HTML 마크업을 붙여 넣는 곳에 표시됩니다. 추가 필드,사용자 정의 레이블 또는 특정 확인란 레이아웃이 필요할 때 이에 도달하십시오.

비디오의 데모 마크업은 적용할 수 있는 간단한 구조를 사용합니다:

<p>
  <label for="email">Email address:</label>
  <input type="email" id="email" name="EMAIL" placeholder="Your email address">
</p>

<p>
  <label>
    <input type="checkbox" name="AGREE_TO_TERMS" value="1" required>
    I have read and agree to the terms & conditions
  </label>
</p>

<p>
  <input type="submit" value="Sign up">
</p>

Elementor 외부에서 마크업을 작성하고 미리보고 싶다면 라이브 미리보기가있는 나란히 코드 편집기가 무료에서 제공됩니다 워드 프레스에 대한 Mailchimp (MC4WP) 마스터 애드온 자체가 아닌 플러그인. 왼쪽의 마크업,오른쪽의 라이브 미리보기,위젯에 붙여 넣기 전에 바로 레이아웃을 얻을 수 있습니다.

사용자 정의 마크업으로 사람들을 여행 한 한 가지: 당신의 name 속성은 Mailchimp 잠재고객 병합 태그와 일치해야 합니다. 특히 이메일 필드를 사용해야 합니다 name="EMAIL"또는 Mailchimp가 가입자 주소를 인식하지 못하고 가입이 자동으로 실패합니다.

Mailchimp API 키를 구성합니다 #

위젯은 API 키가 저장될 때까지 계속 그 경고를 보여줍니다. WordPress 관리자에서 엽니다 마스터 애드온 그리고 Mailchimp 설정 영역을 찾으십시오. 키를 붙여넣고 저장한 후 Elementor 편집기로 돌아가십시오. 경고가 지워지고 양식이 구독자를 데려갈 준비가 되었습니다.

귀하의 키를 생성하십시오 Mailchimp 계정 설정. 비공개로 유지하고 사용자 정의 양식 마크업 자체에 붙여넣지 마십시오. 해당 마크업은 페이지 소스를 보는 모든 사람에게 표시되기 때문입니다.

양식을 스타일링합니다 #

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 스타일 탭은 양식 필드, 라벨, 확인란 및 제출 버튼에 대한 일반적인 Elementor 컨트롤을 제공합니다: 색상, 타이포그래피, 간격, 테두리 및 정렬 Elementor 이메일 가입 양식 나머지 디자인과 정렬됩니다. 기본적으로 테마 글꼴을 선택하므로 대부분의 사이트에서는 버튼 색상과 약간의 필드 간격만 터치합니다.

라이브 페이지의 결과 #

프런트 엔드에서 양식은 이메일 필드,약관 확인란 및 제출 버튼을 설정한 대로 정확하게 표시합니다. API 키가 활성화되면 제출물은 선택한 Mailchimp 잠재고객으로 바로 이동합니다.

일반적인 사용 사례 #

• 블로그 뉴스레터: 간단한 이메일 필드를 블로그의 바닥글이나 사이드바에 놓습니다.
• 납 자석: 방문자가 가이드를 받기 전에 구독할 수 있도록 양식을 다운로드 버튼과 페어링하세요.
• 제품 출시 페이지: 랜딩 페이지에서 조기 액세스 이메일을 수집하세요.
• 이벤트 등록: 사용자 지정 마크업을 사용하여 이름, 회사 또는 동의 확인란을 추가합니다.
• 바닥글 구독: 컴팩트 포함 Elementor용 Mailchimp 위젯 사이트 바닥글에.

더 많은 양식 옵션을 보려면 다음을 참조하세요 문의 양식 7 위젯. 공지사항 표시줄이 가입 양식 옆에 있으면 다음을 시도해 보세요 뉴스 티커 위젯.

비디오 자습서 #

보고 싶으세요? 이 연습은 양식 유형 선택부터 라이브 페이지의 가입 양식까지 Mailchimp 위젯을 끝에서 끝까지 설정합니다:

자주 묻는 질문 #

감싸는 #

마스터 애드온 Mailchimp 위젯 를 추가하는 직접적인 방법입니다 Elementor Mailchimp 양식 모든 페이지로. 속도를 위한 기본 양식으로 이동하거나 마크업과 필드를 완전히 제어하고 싶을 때 사용자 지정 모드로 전환합니다. 어느 쪽이든 API 키가 설정되면 Mailchimp 잠재고객에 연결됩니다. 의 전체 세트를 찾아봅니다 마스터 애드온 위젯 및 확장 목록을 늘리기 위한 더 많은 도구를 보려면.