WordPress에서 Elementor 랜딩 페이지를 만드는 방법

Elementor를 사용하여 WordPress 웹사이트에 랜딩 페이지를 만들고 싶으십니까?

전환율을 급증시키는 멋진 랜딩 페이지를 만드는 것이 어렵다고 생각하시나요? 

글쎄, 이 게시물을 읽은 후에는 전환율이 높은 Elementor 랜딩 페이지를 구축하는 것이 생각만큼 어렵지 않다는 것을 알게 될 것입니다. 간단한 7단계만 거치면 모든 상황이나 캠페인에 맞는 템플릿이 포함된 랜딩 페이지를 쉽게 구축할 수 있습니다. 

이 방법 가이드에서는 Elementor로 랜딩 페이지를 만드는 가장 쉬운 프로세스. Elementor 랜딩 페이지 템플릿을 사용하여 WordPress에서 랜딩 페이지를 처음부터 만드는 방법을 배웁니다.

 찾고 있던 것 같나요? 그럼 계속하세요.

랜딩 페이지란 무엇입니까?

랜딩 페이지의 정의에 관해 많은 논란이 있지만 Wikipedia에서는 이를 매우 정교하게 설명합니다. 

온라인 마케팅에서 랜딩 페이지는 '리드 캡처 페이지“,”단일 속성 페이지“,”정적 페이지“,”스퀴즈 페이지" 또는 "대상 페이지"는 검색 엔진에 최적화된 검색 결과, 마케팅 프로모션, 마케팅 이메일 또는 온라인 광고를 클릭할 때 나타나는 단일 웹 페이지입니다.

위키피디아

홈페이지나 웹사이트의 다른 페이지와 달리 랜딩 페이지는 독립형 페이지입니다. 그럼에도 불구하고 일반적으로 블로그 페이지나 웹사이트의 다른 페이지보다 더 많은 전환이 발생합니다. 

한마디로 사람들이 다가갈 수 있도록 유도하는 페이지이다. 사람들을 랜딩 페이지로 유도하는 목적은 캠페인마다 다릅니다.

비즈니스를 위한 WordPress 랜딩 페이지를 만드는 경우 방문자가 랜딩 페이지에서 수행하기를 원하는 몇 가지 작업은 다음과 같습니다. 

1. 전화를 통해 연락주세요
2. 구매를하다
3. 이벤트 등록
4. 채팅으로 연락주세요
5. 뉴스레터 구독
6. 양식 작성 등을 통해 리드가 되십시오. 

캠페인의 목표와 성격에 따라 랜딩 페이지는 클릭 연결 랜딩 페이지일 수도 있고 리드 생성 랜딩 페이지일 수도 있습니다. 

초기 설정

Elementor 랜딩 페이지를 만들려면 다음이 필요합니다. 

1. 귀하의 웹 사이트에 설치된 WordPress
2. 엘레멘터 (무료 버전) 및
3. ElementsKit 프로.

랜딩 페이지를 활성화하거나 Local by Flywheel과 같은 도구를 사용하여 컴퓨터에 로컬로 저장하는 것은 귀하에게 달려 있습니다.

랜딩 페이지의 공통 섹션

솔직히 말하면, 랜딩 페이지에 포함되어야 하는 섹션과 관련하여 엄격하고 빠른 규칙은 없습니다.

랜딩 페이지에 포함해야 할 섹션은 WordPress 랜딩 페이지를 만드는 경우와 목적에 따라 많이 달라집니다. 

당분간 랜딩 페이지에 포함될 수 있는 몇 가지 공통 요소를 언급하겠습니다. 

1. 영웅 섹션— 히어로 섹션은 방문자가 페이지에 접속하자마자 표시되므로 랜딩 페이지에서 가장 중요한 부분입니다. 이 섹션에는 제목, 하위 제목, 텍스트 및 CTA(클릭 유도 문구) 버튼이 포함될 수 있습니다. 

2. 탐색 메뉴— 탐색 메뉴 섹션은 방문자가 랜딩 페이지의 모든 부분을 탐색하는 데 매우 유용합니다. 

3. 에 대한— 랜딩 페이지의 정보 섹션을 활용하여 귀하의 비즈니스와 서비스에 대해 좀 더 자세히 알려주십시오. 

4. 특징— 놀라운 이미지와 설득력 있는 텍스트를 사용하여 제공하는 제품이나 서비스의 기능을 나열하세요. 

5. 갤러리— 다양한 위젯을 사용하여 창의력을 마음껏 발휘할 수 있는 섹션입니다. 이미지, 텍스트, 비디오, 소셜 아이콘 등 가장 효과적인 모든 항목으로 구성된 갤러리를 만들 수 있습니다. 

6. 양식 섹션— 방문자가 귀하에게 연락하기를 원한다면 간단하지만 효과적인 연락 양식을 포함시키십시오. 당신이 사용할 수있는 MetForm 양식 작성기 랜딩 페이지에 모든 유형의 양식을 삽입할 수 있습니다. 

7. 증명서— 방문자의 신뢰를 얻고 귀하가 얼마나 놀라운 서비스를 제공할 수 있는지에 대한 아이디어를 제공하려면 랜딩 페이지에 고객 추천을 추가하는 것이 좋은 아이디어가 될 수 있습니다. 

8. 보행인— 바닥글은 꼭 필요한 부분은 아니지만, 바닥글을 추가하세요 행동 촉구를 강화하거나 "지금 행동하라"고 독려하기 위해 랜딩 페이지에 부분을 추가하세요.

또한 개인정보 보호정책, 서비스 약관, FAQ 페이지 링크를 바닥글 끝에 넣을 수도 있습니다. 

Elementor 랜딩 페이지를 만드는 7단계

이제 랜딩 페이지가 무엇인지, 랜딩 페이지에 포함되어야 하는 공통 요소에 대해 많은 정보를 얻었으므로 이제 해당 지식을 실제로 적용할 차례입니다. Elementor 플러그인을 사용하여 전환율이 높은 WordPress 랜딩 페이지를 만드는 방법은 아래 단계를 따르세요.

1단계: 레이아웃, 전역 글꼴 및 색상 설정

Elementor 템플릿을 사용하여 랜딩 페이지 구축을 시작하기 전에 비주얼 편집기를 올바르게 설정했는지 확인하세요. 

◉ 바로가기 페이지 >> 새로 추가
◉ 클릭하세요 “Elementor로 편집”
◉ 페이지 왼쪽 하단의 Elementor 설정으로 이동하세요.
◉ 페이지 레이아웃 설정 "요소 캔버스"로 출판하다 그 페이지.

전체 색상과 글꼴을 선택할 때 사이트 설정에서 기본, 보조, 텍스트 및 강조 색상을 설정할 수 있습니다.

Elementor 영역에 새 위젯을 추가하면 전역 설정이 자동으로 적용됩니다.

2단계: Elementor 랜딩 페이지의 히어로 섹션 구축

있다 두 가지 방법 Elementor를 사용하여 랜딩 페이지의 영웅 섹션을 구축합니다.

1. Elementor 위젯을 드래그 앤 드롭하여 Hero 섹션을 수동으로 구축합니다.
2. Elementor의 사용 가능한 블록 목록에서 미리 만들어진 영웅 섹션을 선택하십시오.

처음부터 영웅 섹션 구축

전문가이고 최고 수준의 사용자 정의를 찾고 있다면 Elementor 위젯을 사용하여 영웅 섹션을 수동으로 구축할 수 있습니다.

우선 첫째로, "+" 아이콘을 클릭하세요 Elementor 영역을 선택하고 단일 열 또는 2열 섹션(바람직함)을 선택합니다. 두 개의 열 섹션을 사용하면 제목, 부제목, 이미지/비디오를 나란히 표시하는 데 도움이 됩니다.

제목 추가: Elementor 블록 영역에서 두 개의 '제목' 위젯(하나는 다른 것 아래에 있음)을 끌어서 놓습니다.

첫 번째 제목에는 H1 HTML 태그를 사용하고 하위 제목에는 H2 또는 H3 HTML 태그를 사용합니다.

제목은 제공하는 내용을 한 문장으로 설명해야 하지만, 부제목은 아이디어를 두 문장으로 확장합니다.

CTA 추가: 방문자가 즉시 조치를 취하도록 유도하려면 눈길을 끄는 CTA 버튼을 추가하세요. 이것을하기 위해: 

• Elementor 콘텐츠 영역에서 “ElementsKit 아이콘”을 클릭하세요. 
• 준비된 섹션 카테고리에서 “Call to Action”을 선택하세요.
• 목록에서 클릭 유도 문구 버튼 중 하나를 선택하고 "삽입"을 클릭하세요.
• 콘텐츠, 스타일, 레이아웃을 원하는 대로 변경하면 작업이 완료됩니다!

기성품 Elementor Hero 섹션 사용

Elementor로 랜딩 페이지를 처음 구축하는 경우 Elementor의 기본 블록 목록에서 영웅 섹션을 선택할 수 있습니다. 방법은 다음과 같습니다. 

• "템플릿 추가"를 클릭하세요. Elementor 콘텐츠 영역에서. 
• '블록'으로 이동
• '영웅'을 선택하세요
• 마음에 드는 영웅 블록을 찾아 "삽입"을 클릭하세요.
• 원하는 대로 변경하세요. 

3단계: 탐색 영역 구축

Elementor를 사용하여 탐색 영역을 구축하는 방법에는 여러 가지가 있습니다. 쉽게 스크롤할 수 있도록 Elementor 랜딩 페이지의 탐색 영역을 구축하는 가장 쉬운 방법을 보여 드리겠습니다. 

Elementor를 사용하여 탐색 메뉴 구축

• Elementor 콘텐츠 영역에서 "템플릿 추가"를 클릭하세요. 

• '블록'으로 이동

• "헤더"를 선택하세요

• 원하는 헤더 블록을 찾고(Elementor의 모든 헤더는 PRO 사용자에게만 해당) “INSERT”를 클릭하세요.
• 필요한 사항을 변경합니다.

ElementsKit을 사용하여 탐색 메뉴 구축 [Elementor Pro의 최상의 대안]

• Elementor 콘텐츠 영역에서 “ElementsKit 아이콘”을 클릭하세요.

• "섹션"으로 이동합니다. 카테고리에서 '헤더'를 선택하세요.

• 목록에서 헤더 중 하나를 선택하고 "삽입"을 클릭하세요. 

• 필요한 Elementor 탐색 메뉴를 구축하려면 원하는 대로 변경하세요.

4단계: WordPress 랜딩 페이지 영역 정보

WordPress 랜딩 페이지의 정보 섹션을 구축할 때 엄격하고 빠른 규칙을 준수할 필요가 없습니다. 이 섹션에는 하나 이상의 열이 포함될 수 있습니다. 필요에 따라 아이콘, 제목 및 일부 텍스트를 추가할 수 있습니다. 

Elementor를 사용하여 WordPress 랜딩 페이지의 정보 영역을 구축하는 방법은 다음과 같습니다.

• Elementor 콘텐츠 영역에서 "템플릿 추가"를 클릭하세요. 

• "블록"으로 이동합니다. “정보”를 선택하세요

• 원하는 정보 블록을 찾아 “INSERT(삽입)”를 클릭하세요.

• 내용과 스타일을 필요에 따라 변경합니다. 

그런데 이 영역에 팀 사진과 관련 동영상을 추가하는 것도 좋은 생각입니다. 이 경우 ElementsKit 섹션 목록에서 "팀" 및 "비디오" 섹션을 활용하세요. 

5단계: 기능 영역 설계

방문 페이지에서 제공하는 제품이나 서비스의 주요 기능을 방문자에게 알리는 것이 중요합니다. 놀라운 기능으로 방문자를 교육하면 방문자가 귀하의 기대에 따라 행동하는 데 도움이 될 것입니다. Elementor 랜딩 페이지의 기능 섹션을 디자인하는 방법을 알려주십시오.

• Elementor 콘텐츠 영역에서 "템플릿 추가"를 클릭하세요. 
• '블록'으로 이동
• 카테고리에서 "기능"을 선택하세요
• 원하는 기능 블록을 찾아 “INSERT(삽입)”를 클릭하세요.
• 필요에 맞게 변경하십시오.

6단계: 갤러리 영역

랜딩 페이지에 갤러리 영역을 배치하여 페이지가 방문자에게 시각적으로 매력적으로 보이도록 만드세요. ElementsKit을 사용하여 Elementor 페이지 빌더로 갤러리 영역을 쉽게 만들 수 있습니다. 방법을 보여드리겠습니다. 

• 요소로 이동>> 위젯 검색
• "갤러리"를 검색하고 Enter를 누르세요.

• 오른쪽 상단에 "EKIT"가 있는 "갤러리" 위젯을 찾으세요.
• 위젯을 Elementor 콘텐츠 영역으로 끌어서 놓습니다.

• 원하는 대로 콘텐츠를 추가하고, 레이아웃을 설정하고, 기타 설정을 지정하세요.

비디오 갤러리를 만들려는 경우 ElementsKit의 비디오 갤러리 위젯을 끌어서 놓을 수도 있습니다.

7단계: 문의처 및 문의 양식

랜딩 페이지 방문자가 귀하에게 연락하기를 원한다면 다음을 수행해야 합니다. 문의 양식 추가 거기. 많은 문의 양식이 있지만 Elementor로 사용자 정의할 수 있는 양식은 거의 없습니다. 

그 극소수 중에서, MetForm Elementor WordPress 웹사이트에 가장 적합한 앱입니다. Elementor를 사용하면 몇 분 안에 단일 단계 또는 다단계 양식을 만드는 데 도움이 됩니다. 

초보자가 양식을 만드는 데 도움이 되도록 MetForm은 즉시 사용할 수 있는 사전 정의된 30개 이상의 템플릿을 제공합니다. 그런데 연락처 양식을 처음부터 만들고 싶다면 25개 이상의 끌어서 놓기 양식 필드를 사용하여 그렇게 할 수도 있습니다.

WordPress 랜딩 페이지용 MetForm을 사용하여 문의 양식을 만드는 방법은 다음과 같습니다. 

MetForm을 사용하면 결제 방법과 CRM을 통합하는 것이 지금만큼 쉬웠던 적이 없습니다.

MetForm을 사용하면 방문자는 페이지를 다시 로드하지 않고도 쉽게 파일을 업로드하고 양식을 제출할 수 있습니다.

필요한 경우 MetForm에서 생성된 양식을 사용하여 사용자의 브라우저 데이터를 수집할 수도 있습니다.

MetForm을 사용하여 모든 문의 양식을 작성하는 데 관심이 있으십니까? 
MetForm의 기능과 데모 살펴보기 여기에서

랜딩 페이지에서 원하는 조정 사항

이제 랜딩 페이지를 구성하는 공통 요소를 알았으니 이것이 Elementor로 할 수 있는 전부는 아닙니다. 랜딩 페이지에 더 많은 변화와 변형을 추가할 수 있는 공간이 아직 충분합니다.

랜딩 페이지에 적용하거나 적어도 A/B 테스트를 실행할 수 있는 몇 가지 조정 방법에 대해 이야기하겠습니다.

처음부터 작성하는 대신 Elementor 랜딩 페이지 템플릿 사용

몇 분 안에 전체 랜딩 페이지를 구축하려면 Elementor 페이지 빌더에서 제공하는 기성 랜딩 페이지 템플릿을 사용하는 것이 가장 좋습니다. 이러한 템플릿으로 구축된 멋진 Elementor 랜딩 페이지의 예가 많이 있습니다.

Elementor에는 무료 및 프로 랜딩 페이지 템플릿이 모두 있으므로 예산으로 선택할 수 있습니다. 게다가 이러한 무료 및 프로 Elementor 랜딩 페이지 템플릿은 SEO 장치에 고도로 최적화되어 있습니다.

Elementor 랜딩 페이지 템플릿을 삽입하는 방법은 다음과 같습니다.

• Elementor 콘텐츠 영역에서 "템플릿 추가" 아이콘을 클릭하세요. 

• "페이지"로 이동
• "랜딩 페이지"를 검색하고 Enter를 누르세요.
• 또는 사용하려는 랜딩 페이지를 찾아 "삽입"을 클릭하세요.

• 레이아웃, 텍스트 등 원하는 대로 변경하세요. 

고정 메뉴 및 앵커 추가

메뉴를 고정 메뉴로 설정하고 항상 상단에 유지하려면 랜딩 페이지에서 고정 메뉴 기능을 활용해야 합니다.

배우다: Elementor를 사용하여 투명한 고정 헤더를 만드는 방법 

방문자가 페이지 전체를 빠르게 탐색할 수 있도록 하려면 앵커를 사용하다 모든 섹션에 대한 Elementor의 위젯. 

내비게이션 숨기기

사이트 전체의 탐색 영역을 보는 것이 지루하고 휴식을 취하고 싶다면 랜딩 페이지에서 탐색 영역을 숨기는 것도 좋은 생각이 될 수 있습니다. 

이 경우 가장 좋은 방법은 사용자가 랜딩 페이지의 특정 지점을 지나 스크롤할 때 탐색 영역을 숨기는 것입니다.

사용후기 추가

사용자의 추천은 WordPress의 랜딩 페이지에서 사용할 수 있는 훌륭한 사회적 증거입니다. Elementor 또는 ElementsKit의 위젯과 준비된 블록을 사용하여 사용후기를 추가할 수 있습니다.

추천 위젯 사용

• 요소로 이동 >> 검색 위젯
• “평가”를 검색하고 Enter를 누르세요.
• Elementor 또는 ElementsKit의 추천 위젯을 선택하세요

• 콘텐츠를 추가하고, 스타일을 선택하고, 고급 탭 설정에서 원하는 대로 변경하세요. 

Elementor의 Readymade 사용후기 블록 사용

• Elementor 콘텐츠 영역에서 "템플릿 추가" 아이콘을 클릭하세요. 
• '블록'으로 이동
• 카테고리에서 "고객평가"를 선택하세요.
• 마음에 드는 추천 블록을 찾아 “INSERT(삽입)”를 클릭하세요.
• 필요한 사항을 변경합니다. 
  

또는

ElementsKit의 기성품 평가 섹션 사용 

• Elementor 콘텐츠 영역에서 “ElementsKit 아이콘”을 클릭하세요. 
• "섹션"으로 이동합니다.
• 카테고리에서 "평가" 블록을 선택하세요.

• 목록에서 추천 스타일 중 하나를 선택하고 "삽입"을 클릭하세요. 

• 필요에 따라 섹션을 편집합니다. 게다가, 당신은 또한 할 수 있습니다 사용후기 표시 WordPress에서 ElementsKit을 사용하여 원하는 대로 사용자 정의하세요.

자주 묻는 질문(FAQ)

홈페이지와 랜딩페이지가 비슷합니까?

아니요, 랜딩 페이지와 홈페이지가 유사하지 않습니다. 몇 가지 주요 차이점이 이 두 페이지를 구분합니다. 홈페이지는 귀하의 웹 사이트의 첫 페이지입니다. 반면, 랜딩 페이지는 방문자가 방문하는 모든 페이지를 의미합니다. 게다가 홈페이지에는 브랜드나 제품을 완벽하게 설명하는 데 필요한 랜딩 페이지보다 더 많은 링크와 정보가 포함되어 있습니다. 간단히 말해서 홈페이지는 브랜드나 제품에 필요한 모든 정보를 전달하고 랜딩 페이지는 특정 기능이나 주제에 중점을 둡니다.

Elementor의 할로윈 제안 랜딩 페이지에 어떤 요소를 추가해야 합니까?

할로윈 제안을 홍보하기 위해 WordPress 랜딩 페이지를 만들려면 다음 자료 사용을 고려할 수 있습니다. 

• ➜ 으스스한 배경
• ➜ 신비한 애니메이션
• ➜ 영적 아이콘
• ➜ 특수 타이포그래피
• ➜ 전통 할로윈 상징물 등 

할로윈 템플릿을 사용하여 Elementor 랜딩 페이지를 만드는 전체 프로세스를 알아보려면 이 블로그를 읽어보세요.  할로윈 랜딩 페이지를 만드는 방법

Elementor 랜딩 페이지에 FAQ 섹션을 추가하는 방법은 무엇입니까? 

FAQ 섹션을 사용하여 방문 페이지에 자주 묻는 질문을 추가하세요. 따라야 할 단계를 보여 드리겠습니다. 

Elementor의 Readymade FAQ 블록 사용

• Elementor에서 "템플릿 추가" 아이콘을 클릭하여 템플릿 라이브러리를 엽니다.
• '블록'으로 이동
• 카테고리에서 "FAQ"를 선택하세요

• 원하는 FAQ 블록을 찾아 “삽입”을 클릭하세요.

• 필요한 사항을 변경합니다. 

또는

ElementsKit의 Readymade FAQ 섹션 사용 

• Elementor 콘텐츠 영역에서 “ElementsKit 아이콘”을 클릭하세요. 
• "섹션"으로 이동
• 카테고리에서 "FAQ" 블록을 선택하세요.

• 목록에서 FAQ 스타일 중 하나를 선택하고 "삽입"을 클릭하세요. 

• 필요에 따라 섹션을 편집합니다.

블랙 프라이데이 캠페인을 위해 WordPress에서 Elementor 랜딩 페이지를 만드는 방법은 무엇입니까? 

블랙 프라이데이 캠페인을 시작하려는 경우 블랙 프라이데이 특가를 제공하는 전용 랜딩 페이지를 만들면 더 많은 매출을 얻는 데 도움이 됩니다. 우리는 블랙 프라이데이 거래를 홍보하기 위한 랜딩 페이지를 만드는 방법에 대한 블로그. Elementor로 멋진 블랙 프라이데이 랜딩 페이지를 만드는 단계를 따르세요. 

랜딩 페이지에 카운트다운 타이머를 어떻게 추가할 수 있나요? 

방문 페이지에 카운트다운 타이머 추가하기 방문자에게 FOMO(놓칠 것에 대한 두려움)를 조성하고 즉각적인 조치를 취하도록 영감을 주는 훌륭한 마케팅 전략입니다. 

Elementor에 카운트다운 타이머를 추가하는 방법은 다음과 같습니다. 

• 요소로 이동 >> 검색 위젯
• "카운트다운 타이머"를 검색하고 Enter를 누르세요.
• ElementsKit의 카운트다운 타이머 위젯(오른쪽 상단에 EKIT 포함)을 끌어다 놓습니다. 

• 좋아하는 카운트다운 타이머 스타일을 선택하고 설정에서 필요한 사항을 변경하세요. 

연말 및 새해 판매 캠페인을 위한 Elementor 랜딩 페이지를 만드는 방법은 무엇입니까?

연말 및 새해 판매 캠페인은 연간 수익을 크게 늘리는 데 도움이 될 수 있습니다. 귀하가 제공하는 거래에 대한 매력적인 Elementor 랜딩 페이지를 구축하는 데 도움이 되도록 단계별 가이드를 만들었습니다.

여기에서 확인해보세요: 새해 캠페인 랜딩 페이지를 만드는 방법

Elementor WordPress 랜딩 페이지에는 어떤 무료/프리미엄 테마를 사용해야 합니까?

대부분의 WordPress 테마는 충돌 없이 Elementor 페이지 빌더와 작동하지만 일부 테마는 가장 잘 작동합니다. 훌륭한 무료 테마를 찾고 있다면 다음 중 하나를 선택할 수 있습니다. 

• 아스트라
• 생성프레스
• 만년설
• 오션WP

하지만, 선택 아스트라 가장 인기 있는 WordPress 테마를 제공하므로 매우 선호됩니다.

관련된: 탐구하다 Elementor를 위한 15가지 최고의 무료 및 프로 테마 그들의 특징과 함께, 장점과 단점.

결론

축하해요! 이제 모든 행사 및 마케팅 캠페인을 위해 WordPress에서 템플릿이 있거나 없는 Elementor 랜딩 페이지를 만드는 방법을 알게 되었습니다. 혼란스럽거나 질문이 있는 경우 언제든지 댓글 상자에 알려주시기 바랍니다.