• 특징
  • 템플릿
  • 가격 책정
  • Korean
  • 특징
  • 템플릿
  • 가격 책정
  • Korean
Ops! 검색된 위젯을 찾을 수 없습니다! 혹시 알고 계신가요? 그렇다면, 제출 여기

안녕하세요, 이 글에서는 Element Pack 및 Elementor 페이지 빌더를 사용하여 워드프레스에서 랜딩 페이지를 만드는 방법에 대해 알아보겠습니다. 예제가 아니라 원하는 완벽한 페이지를 만들기 위한 팁과 요령이 담긴 안내서입니다.

랜딩 페이지를 만드는 방법에는 여러 가지가 있습니다. 예를 들면 다음과 같습니다:

  • 워드프레스에 랜딩 페이지 빌더 플러그인을 사용합니다.
  • 클릭 퍼널 또는 이와 유사한 타사 호스팅 솔루션 퍼널 소프트웨어.
  • 랜딩 페이지를 만들기 위해 제작된 애플리케이션을 사용합니다.
  • 그 외에도 여러 가지 방법이 있습니다.

플러그인을 하나 더 추가한다는 것은 추가 오버헤드를 의미하지만, Element Pack를 사용하는 엘리멘터는 2개의 플러그인만으로 100개의 플러그인 기능을 구현할 수 있습니다. 타사 솔루션은 몇 가지 추가 기능을 가져올 수 있지만 Element Pack 및 Elementor를 통해 달성 할 수있는 무한한 가능성으로 다시 제한 될 수 있습니다. 이 글에서는 랜딩 페이지를 만드는 가장 쉬운 방법, 랜딩 페이지를 더욱 멋지게 만드는 요소 팩의 추가 디자인에 대해 설명하겠습니다. 그 과정을 안내해 드리겠습니다.

랜딩 페이지란 무엇인가요?

랜딩 페이지 구축을 시작할 때 주요 목표와 기능을 빠르게 검토하는 것보다 더 좋은 것은 없습니다.

랜딩 페이지: 웹사이트에서의 전환을 위한 핵심 요소

랜딩 페이지는 사용자가 웹사이트에 들어가기 위해 방문하는 웹 페이지입니다. 이러한 페이지는 일반적으로 외부 사이트에서 링크되며 웹사이트의 홈페이지는 거의 없기 때문에 웹사이트, 블로그 또는 기사와는 동작 측면에서 다릅니다.

랜딩 페이지는 일반적으로 단일 동작을 지향하는 매우 단순한 목적을 가지고 있기 때문에 다른 유형의 웹 페이지와 기능이 분명히 다릅니다. 사용자가 웹사이트의 홈페이지나 홈 페이지를 보면 링크가 너무 많고 페이지에서 수행해야 할 작업이 다양하다는 것을 알 수 있습니다. 웹사이트의 홈페이지는 사용자가 하나의 특정 작업을 수행하도록 설계되지 않았습니다. 심지어 많은 기업 웹사이트는 단방향 커뮤니케이션에 초점을 맞춘 브로슈어와 비슷합니다. 반면 블로그는 사용자가 관심을 가질 만한 다양한 주제에 대한 정보를 제공하도록 설계되었습니다. 또한 블로그에는 다양한 링크가 있으며 사용자가 블로그를 통해 이동할 수 있는 방법도 다양합니다.

랜딩 페이지의 목표

랜딩 페이지에는 일반적으로 전환 또는 리드 달성이라는 목표가 있습니다. 이러한 페이지는 일반적으로 사용자가 찾고 있는 것과 관련된 광고나 웹 페이지 또는 블로그의 특정 영역에서 트래픽이 발생할 때 효과적입니다.

검색 엔진이나 온라인 광고에서 최적화된 검색 결과를 클릭하면 표시되는 단일 웹 페이지로 간단히 정의할 수 있습니다.

랜딩 페이지에서 트래픽이 발생하면 홍보할 수 있습니다:

  • 귀하의 제품 또는 서비스;
  • 콘텐츠 마케팅 전략이 있는 경우 전자책이나 백서 등 다운로드 가능한 콘텐츠를 제공합니다;
  • 뉴스레터를 구독하세요.
  • 기타 등등.

실제로 랜딩 페이지의 목표는 다음과 같습니다. 방문자 전환로 이동하여 오퍼가 가치를 제공한다는 증거를 제공합니다. 웹사이트가 잘 운영되고 있다면 방문자는 양식을 작성하여 자신에 대한 정보를 남길 것입니다.

작동하는 랜딩 페이지의 기본 사항

모든 랜딩 페이지가 다르지만 불가피하게 나타나는 몇 가지 요소를 발견할 수 있습니다. 대부분의 경우 랜딩 페이지에는 탐색 모음이나 바닥글이 없습니다. 이 페이지의 목적은 방문자가 사이트의 다른 부분으로부터 주의를 분산시키지 않고 양식을 작성하거나 클릭 유도 문안을 클릭하기 위해 페이지에 머무르게 하는 것입니다. 경우에 따라 머리글이나 바닥글 또는 두 가지가 모두 있을 수 있습니다. 이는 웹사이트의 요구 사항/목적에 따라 다릅니다.

랜딩 페이지는 또한 명확하게 설정된 가치 제안을 제시합니다. 텍스트 블록과 가격을 표시하는 표의 형태로 방문자가 양식을 작성하거나 오퍼를 구매할 경우 핵심이 무엇인지 설명합니다.

랜딩 페이지의 또 다른 핵심 요소는 프로모션 오퍼의 형식에 따라 양식 또는 콜투액션이 있는지 여부입니다.

따라서 우리가 구축할 랜딩 페이지에는 다음과 같은 세그먼트가 있습니다.

구축할 랜딩 페이지

우리가 만들 랜딩 페이지에는 다음과 같은 항목이 있습니다:

  • 최고 영웅 섹션
  • 정보 섹션
  • 기능 섹션
  • 회원 평가 섹션
  • 가격 섹션
  • 리드 양식

이 랜딩 페이지를 만드는 데 필요한 사항입니다:

랜딩 페이지를 성공적으로 만들려면 다음이 필요합니다:

Element Pack와 Elementor를 사용하여 랜딩 페이지를 구축해 보겠습니다.

첫 번째 단계: 초기 설정

랜딩 페이지를 실제로 디자인하기 전에 랜딩 페이지의 기본값을 설정해야 합니다. 기본값이란 기본 및 보조 색상, 글꼴 등을 의미합니다.

그러기 위해서는 엘리멘터 캔버스 페이지 레이아웃을 선택해야 합니다.

Elementor Canvas

캔버스 레이아웃은 콘텐츠에 매우 깔끔한 구조를 제공합니다. 캔버스를 선택한 후 초안 저장 버튼을 클릭합니다. 그런 다음 "Elementor로 편집" 버튼을 클릭합니다.

이제 기본 설정에서 랜딩 페이지의 색상과 글꼴을 설정합니다. 요구 사항에 맞는 글꼴과 색상을 선택할 수 있습니다.

Landing Page in WordPress Default fonts

색상 선택기 설정을 통해 원하는 색상을 선택할 수 있습니다. 이렇게 하면 랜딩 페이지에서 필요할 때마다 원하는 색상을 빠르게 선택할 수 있습니다.

두 번째 단계: 랜딩 페이지의 인기 영웅 섹션

최상위 영웅 섹션에는 배경 이미지, 텍스트, 아이콘 및 버튼이 포함되어 방문자의 관심을 끌 수 있습니다.

이 섹션의 특징은 전체 섹션 배경 이미지, 제목이 있는 섹션의 SVG 아이콘/이미지입니다. 그리고 2개의 콜투액션 버튼이 포함된 멋진 설명이 있습니다.

어떻게 디자인하나요?

25/50/25 열 3개가 있는 섹션을 가져옵니다.

그런 다음 섹션의 배경을 설명합니다.

가운데 열에는 다음과 같이 디자인에 맞게 내부 열을 배치합니다.

Landing Page Hero Section

이 전체 디자인은 엘리먼트 팩 프로 플러그인에서 준비된 블록으로 사용할 수 있습니다. 여기를 살펴보세요:

요소 팩의 준비 블록은 어떻게 사용하나요?

구매 및 다운로드가 완료되면 데모 콘텐츠 폴더를 확인합니다. 그런 다음 준비된 블록 폴더로 이동합니다. 히어로 블록으로 이동하여 원하는 블록을 엘리멘터 템플릿으로 가져옵니다. 


템플릿을 가져오는 방법을 모르는 경우, 이 동영상을 시청하세요.

세 번째 단계: 랜딩 페이지의 회사 소개 섹션

회사 소개 섹션에는 2개의 열이 포함됩니다. 그 중 하나에는 단락과 문의 양식 버튼이 있는 제목이 있습니다. 다음 열에는 이미지가 포함됩니다.

어떻게 디자인하나요?

열이 2개인 섹션을 50/50으로 가져옵니다.

첫 번째 열에는 제목과 콘텐츠 블록을 사용합니다.


마지막 열에는 멋지게 보이도록 이미지를 넣을 것입니다. 이미지는 팀워크를 반영해야 합니다.

최종 디자인은 다음과 같습니다:

Landing Page About Section

이 디자인은 다른 멋지고 매력적인 디자인과 함께 Element Pack Pro 레디 블록으로 제공됩니다. 지금 구입하세요. 여기에서 데모를 확인하세요:

웹사이트를 더욱 최적화하고 싶으신가요?

그런 다음 이 문서를 읽어보세요. 워드프레스 사이트 속도를 높이는 방법 . 또한 워드프레스를 위한 최고의 백업 플러그인 최적화하는 동안 일을 망칠 경우를 대비해서요.

네 번째 단계: 랜딩 페이지의 기능 섹션

기능 섹션은 2개의 열로 구성됩니다. 첫 번째 열에는 진행률 표시줄 기반 디자인이 있고 다음 열에는 아이콘과 간단한 설명이 있는 기능이 있습니다.

어떻게 디자인할까요?

24개 열이 50/50으로 구성된 섹션을 가져옵니다.

최종 디자인은 다음과 같습니다:

Landing Page Features Section

이 디자인은 다른 멋진 레디 블록과 함께 Element Pack Pro 레디 블록으로 제공됩니다. 지금 구입하세요. 여기에서 데모를 살펴보세요:

다섯 번째 단계: 랜딩 페이지의 회원 평가 섹션 만들기

실제 후기가 시작되기 전에 제목이 표시됩니다. 회원 평가 섹션에는 2개의 열이 포함됩니다. 각 열에는 사진과 설명이 포함됩니다. 이것은 고급 박스 디자인이 될 것입니다.

어떻게 디자인하나요?

열이 2개인 섹션을 50/50으로 가져옵니다.

최종 디자인은 다음과 같습니다:

Landing Page Testimonials Section

Element Pack - Ultimate 애드온에서 제공하는 다른 멋진 준비 페이지와 준비 블록을 찾아보세요. 여기에서 데모를 살펴보세요:

여섯 번째 단계: 랜딩 페이지의 가격 섹션

가격 책정 섹션에는 두 가지 요금제가 있습니다. 이를 위해 가격표 모듈을 선택합니다. 먼저 엘리먼트 팩 프로 데모 콘텐츠에서 디자인을 가져옵니다. 거기에서 필요에 따라 요금제를 설계합니다.

디자인을 어떻게 구현하나요?

계정 관리자로부터 받은 Element Pack Pro 다운로드의 데모 콘텐츠 페이지로 이동하세요. 그런 다음 템플릿을 가져와서 섹션에 추가합니다.

최종 디자인은 다음과 같습니다:

Landing Page Pricing Section

Element Pack - Ultimate 애드온에서 제공하는 요금제에 대한 다른 멋진 준비 페이지와 준비 블록을 찾아보세요. 여기에서 데모를 살펴보세요:

일곱 번째 단계: 랜딩 페이지의 리드 양식 섹션

리드 부분은 매우 중요합니다. 이 섹션에 문의 양식을 넣었습니다. MailChimp 등의 리드 마그넷을 넣을 수 있습니다.

어떻게 디자인하나요?

계정 관리자로부터 받은 Element Pack Pro 다운로드의 데모 콘텐츠 페이지로 이동하세요. 그런 다음 문의 양식 템플릿을 가져와 섹션에 추가합니다. 가져온 후 오른쪽 열에 Element Pack Pro 문의 양식 위젯을 추가하세요.

그리고 왼쪽 열의 글을 업데이트합니다. 부모 섹션에 배경 이미지를 추가했습니다.

최종 디자인은 다음과 같습니다:

Element Pack - Ultimate 애드온에서 제공하는 다른 멋진 준비 페이지와 문의 양식 및 리드 페이지용 준비 블록을 찾아보세요. 여기에서 데모를 살펴보세요:

최종 디자인

최종 디자인은 다음과 같습니다.

워킹 데모를 확인하려면 여기를 방문하세요:
 
 

이 글에서는 기성품 블록 중 몇 가지를 소개했습니다. 더 많이 있습니다! 랜딩 페이지가 포함된 방대한 양의 준비된 페이지 모음도 있습니다.

저희의 Element Pack 데모 페이지. 랜딩 페이지를 통해 창의적인 아이디어를 마음껏 발휘하세요. 

이 블로그를 공유하세요:

Copyright © 2026 Bd테마. 모든 권리 보유.

Money Transfer Logo