Mailchimp 위젯 설정

안 Elementor Mailchimp 양식 는 방문자를 구독자로 만드는 가장 빠른 방법 중 하나입니다. The Mailchimp 위젯 에서 Elementor용 마스터 애드온 무료 MC4WP 에서 가입 양식을 배치: 워드 프레스 플러그인을위한 Mailchimp 는 레이아웃에,그리고 그것은 당신에게 그것을 실행하는 두 가지 방법을 제공합니다: 저장된 MC4WP 양식을 보여,또는 자신의 필드 마크 업을 작성합니다. 아래 나는 Elementor 패널에서 라이브 페이지를 통해,둘 다 커버.

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

위젯은 다음을 렌더링합니다 Elementor의 Mailchimp 가입 양식 MC4WP 에서 양식을 표시하여: 워드 프레스에 대한 Mailchimp,이베리코드에 의해 무료 플러그인. MC4WP 는 API 키,청중, 더블 옵트 인 및 양식 메시지를 보유. 위젯은 양식 유형 선택을 추가합니다: 저장된 MC4WP 양식을 표시하거나 자신의 마크 업으로 필드를 교체. MC4WP 는 어느 쪽이든 가입을 처리합니다.

시작하기 전에 #

• 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
• Elementor용 마스터 애드온 설치 및 활성. 아직 설치하지 않았다면 다음을 따르십시오 설치 가이드.
• Master Addons 옵션 패널에서 Mailchimp 위젯이 활성화되었습니다.
• 무료 MC4WP: 워드 프레스에 대한 Mailchimp 플러그인이 설치되어 활성화되어 있습니다. 그것이 없으면 위젯은 양식 대신 “WordPress 용 MailChimp 가 활성화되지 않았습니다!”라는 공지를 표시합니다.
• Mailchimp 계정과 API 키입니다.

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

열다 엘리멘터 에디터 그리고 위젯 패널에서 “Mailchimp.”를 검색합니다. 마스터 애드온을 드래그하십시오 메일침팬지 양식을 원하는 섹션으로 위젯. 그것은 당신의 MC4WP 양식을 보여줍니다,여기에 이메일 필드,용어 확인란과 “가입”버튼. Mailchimp API 키에 대한 빨간색 선은 MC4WP 에서 온. 만 로그인 한 관리자가 볼 수 있으며,MC4WP 가 연결되면 사라집니다.

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

콘텐츠 탭에서 나가세요 양식 유형 에 기본값. 그만큼 MailChimp 가입 양식 드롭다운은 “opt in”과 같이 MC4WP 에 저장된 양식을 나열합니다. 원하는 양식을 선택하고 위젯은 MC4WP > 양식 아래에 설정한 필드와 함께 캔버스에 렌더링합니다. MC4WP 무료 버전에는 하나의 양식이 포함되어 있습니다.

이것은 a를 얻는 가장 빠른 방법이다 Elementor의 Mailchimp 가입 양식 MC4WP가 이미 필드를 잠재 고객에게 매핑하기 때문에 라이브.

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

설정하세요 양식 유형 드롭다운 사용자 정의. ᅡ 사용자 지정 양식 코드 상자는 MC4WP 양식의 필드를 대체하는 자체 필드 마크업에 대해 표시됩니다. Mailchimp 자체의 임베드 코드를 붙여 넣지 마십시오. 양식 태그가 MC4WP 양식 내부에서 끊어지기 때문입니다. 추가 필드,사용자 정의 레이블 또는 특정 확인란 레이아웃이 필요할 때 이에 도달하십시오.

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

<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 키를 구성합니다 #

MC4WP 가 연결되면 API 키 라인이 지워집니다. WordPress 관리자에서 엽니다 MC4WP > 메일침프를,키를 붙여넣고 저장하면 상태가 Connected 로 바뀝니다. 그리고 open MC4WP > 양식를 선택하고 구독자를 받아야 하는 잠재고객을 선택하고 설정 탭을 확인하세요. 이중 옵트인은 기본적으로 켜져 있으며 구독자 태그나 리디렉션 URL을 추가할 수도 있습니다.

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

양식을 스타일링합니다 #

위젯에는 없습니다 스타일 탭. 마스터 애드온은 이메일 필드와 버튼에 50px 높이,어두운 버튼과 색상의 성공 및 오류 상자를 제공하는 작은 스타일시트를 로드합니다. MC4WP 는 폼의 모양 탭에서 기본 스타일 또는 밝은,어두운, 빨간색,녹색 또는 파란색 테마 중 하나에서 자체 모양을 추가할 수 있습니다. 간격 및 배경은 Elementor Advanced 탭을 사용하십시오. 필드 또는 버튼 색상은 CSS 를 로 추가합니다 사용자 정의 CSS 확장 및 대상 .jltma-mailchimp 그래서 Elementor 이메일 가입 양식 디자인의 나머지 부분과 일치합니다.

라이브 페이지의 결과 #

프런트 엔드에서 양식은 이메일 필드,약관 확인란 및 제출 버튼을 설정한 대로 정확하게 표시합니다. MC4WP 가 연결된 상태에서 각 가입은 이중 옵트인이 켜져 있는 경우 가입자가 이메일로 확인한 후 MC4WP 양식에 체크된 대상에게 전달됩니다.

일반적인 사용 사례 #

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

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

비디오 자습서 #

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

자주 묻는 질문 #

감싸는 #

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