Divi 바닥글에 이메일 옵션을 포함하는 방법

게시 됨: 2021-12-10

웹사이트 바닥글은 이메일 수신 동의 양식을 배치하는 인기 있는 위치입니다. Divi에는 이메일 선택 모듈이 있으므로 Divi 테마 빌더를 사용하면 쉬운 작업입니다. 이 기사에서는 Divi 바닥글에 이메일 옵션을 추가하는 방법을 알아보겠습니다. 또한 다양한 레이아웃 옵션을 생성하는 Divi 이메일 선택 모듈 내에서 몇 가지 설정을 볼 수 있습니다.

시사

다음은 우리가 만들 바닥글입니다.

이메일 옵틴 데스크탑

다음은 이메일 수신 동의 양식이 데스크탑에서 어떻게 보이는지 보여줍니다. 이 레이아웃의 기존 요소를 이메일 옵션으로 교체합니다.

이메일 옵틴 전화

다음은 스마트폰에서 이메일 수신 동의 양식이 어떻게 보이는지 보여줍니다.

YouTube 채널 구독

Divi 테마 빌더 템플릿

Divi 바닥글에 이메일 옵션을 추가하려면 바닥글을 작성할 템플릿이 필요합니다. 처음부터 만들거나 우아한 테마에서 제공하는 무료 템플릿 중 하나를 사용할 수 있습니다. 그것들을 찾으려면 "무료 바닥글"에 대한 우아한 테마 블로그를 검색하십시오.

저는 Divi의 NGO 레이아웃 팩용 무료 머리글 및 바닥글 템플릿의 바닥글 템플릿을 사용하고 있습니다. 바닥글을 다운로드하고 파일의 압축을 풉니다. JSON 파일을 Divi 테마 빌더에 업로드해야 합니다.

바닥글 템플릿 업로드 및 준비

Divi 바닥글을 업로드하려면 WordPress 대시보드에서 Divi > Divi 테마 빌더 로 이동합니다. 이식성 을 선택합니다. 열리는 모달에서 가져오기 탭을 선택합니다. 클릭하여 파일을 선택하고 컴퓨터에서 JSON 파일로 이동합니다. 파일을 선택하고 Import Divi Theme Builder 템플릿 을 클릭합니다.

파일이 업로드될 때까지 기다립니다. 헤더 템플릿을 사용하지 않으려면 삭제할 수 있습니다. 빌더의 왼쪽 상단에서 변경 사항을 저장하려면 클릭하십시오.

바닥글 템플릿 업로드 및 준비

이 튜토리얼에서는 오른쪽에 있는 박스 영역을 이메일 옵션으로 교체하겠습니다. 같은 스타일을 사용하므로 웹 사이트와 혼합됩니다.

바닥글 템플릿 업로드 및 준비

이 요소는 이미지 모듈, 두 개의 텍스트 모듈 및 버튼 모듈로 구성됩니다. 단일 모듈로 교체하겠습니다. 지금 삭제하거나 디자인 대기열로 사용하려는 경우 완료될 때까지 그대로 둘 수 있습니다. 프런트 엔드 또는 백 엔드에서 작업할 수 있습니다.

Divi 모듈을 사용하여 Divi 바닥글에 이메일 옵션 추가

다음으로 Divi 바닥글에 이메일 옵션을 추가합니다. 행의 마지막 모듈 아래에 마우스를 놓고 짙은 회색 더하기 아이콘 을 클릭합니다. 이메일을 검색하고 이메일 옵틴 모듈 을 선택합니다.