WordPress는 하나의 블로그 플랫폼으로 시작했지만, 지금은 수백만 명이 사용하는 대표적인 CMS(콘텐츠 관리 시스템)로 성장했습니다. 간단한 한 페이지 사이트부터 본격적인 커머스, 커뮤니티, 멤버십 사이트까지 다양한 웹사이트를 만들 수 있는데요. 그중 온라인 마케터들에게는 인기가 많지만 일반 사용자에게는 잘 알려지지 않은 용도가 바로 랜딩 페이지 제작입니다.
랜딩 페이지란 무엇일까요? 랜딩 페이지와 홈페이지는 어떤 차이가 있으며, WordPress에서 가장 쉽게 랜딩 페이지를 만드는 방법은 무엇일까요? 이 글에서 이러한 궁금증을 모두 해결해 드립니다.
랜딩 페이지와 홈페이지의 차이
랜딩 페이지는 이름 그대로 방문자가 '착륙(land)'하는 페이지를 의미합니다. 대부분의 경우 홈페이지가 되지만, 반드시 홈페이지여야 하는 것은 아닙니다. 두 페이지의 가장 큰 차이점은 목적에 있습니다. 랜딩 페이지는 방문자의 주목을 끌고 특정 행동을 유도하는 것이 핵심 목적입니다. 대표적인 유도 행동으로는 이메일 리스트 구독, 제품 구매, 링크나 버튼 클릭, 소셜 미디어 공유 등이 있습니다.
일반적인 홈페이지와 달리, 랜딩 페이지는 방문자가 여기저기 둘러보며 할 일을 찾게 하지 않습니다. 또한 랜딩 페이지는 단일 목적의 정적 페이지인 반면, 홈페이지는 보통 여러 목적을 가진 동적 페이지입니다.
그렇기 때문에 효과적인 랜딩 페이지를 만들려면 다음과 같은 요소가 필요합니다.
- 단순한 구조와 미니멀한 디자인
- 주의를 산만하게 하는 사이드바 제거
- 푸터 제거
- 방문자가 바로 본문에 집중할 수 있도록 최소화된 헤더
WordPress에서 랜딩 페이지 만드는 방법
WordPress에서 랜딩 페이지를 만드는 방법은 크게 네 가지가 있습니다.
- 미리 만들어진 랜딩 페이지 테마 사용: 무료 및 유료 테마를 설치해 바로 사용할 수 있습니다. 다만 이 방법은 나중에 웹사이트를 확장하기 어렵고, 해당 테마에 계속 종속되게 됩니다.
- 직접 랜딩 페이지 템플릿 제작: 디자인, HTML, CSS에 능숙하다면 직접 템플릿을 만들 수 있습니다. 코딩이 익숙하지 않다면 다음 방법들을 참고하세요.
- WordPress 플러그인 사용: 테마와 독립적으로 빠르게 결과물을 얻고 싶다면 다양한 랜딩 페이지 전용 플러그인을 활용할 수 있습니다. 무료면서도 실용적인 옵션으로는 WordPress Landing Pages가 있습니다.
- 드래그 앤 드롭 페이지 빌더 플러그인 사용: 자신만의 개성 있는 랜딩 페이지를 원한다면 페이지 빌더를 통해 요소를 자유롭게 배치할 수 있습니다. 대부분의 페이지 빌더는 유료이거나 기능이 제한적이지만, 예외적으로 Page Builders by SiteOrigin은 무료이면서 강력한 기능을 제공합니다. 여기에 무료 SiteOrigin Widgets Bundle을 함께 설치하면 더욱 다양한 기능을 사용할 수 있습니다.
Page Builder로 랜딩 페이지 만들기
위의 어떤 방법을 선택해도 좋지만, 이번에는 Page Builders by SiteOrigin을 활용해 보겠습니다. 먼저 WordPress 관리자 화면의 "플러그인 → 새로 추가" 메뉴에서 플러그인을 설치합니다.
플러그인을 활성화한 후, "페이지 → 새로 추가" 메뉴로 새 페이지를 생성합니다.
플러그인이 활성화되면 기존의 "비주얼", "텍스트" 탭 옆에 "Page Builder" 탭이 새로 생깁니다. 이 탭을 선택하면 랜딩 페이지 제작을 시작할 수 있습니다.
이 플러그인의 기본 작업 흐름은 다음과 같습니다. 먼저 행(row)을 추가하고, 필요에 따라 행을 분할하거나 크기를 조절한 뒤, 각 행에 필요한 위젯을 채워 넣습니다. 행과 위젯을 조합하고 드래그 앤 드롭으로 자유롭게 배치하면 사실상 어떤 레이아웃과 콘텐츠든 만들 수 있습니다.
Page Builder와 함께 SiteOrigin Widgets Bundle을 설치했다면 수많은 커스터마이징 가능한 위젯을 사용할 수 있습니다. 가장 많이 쓰이는 위젯은 텍스트를 입력할 때 사용하는 "SiteOrigin Editor"이며, 그 외에도 슬라이더, 이미지, 버튼 등 유용한 위젯들이 준비되어 있습니다.
위젯은 편집, 복제, 삭제, 이동이 모두 가능합니다. 비주얼 에디터를 사용하면 페이지를 실시간으로 확인하며 작업할 수 있으니 적극적으로 활용해 보세요.
커스터마이징이 끝나면 "임시 저장"을 눌러 작업 내용을 저장하거나, 세상에 공개할 준비가 되었다면 "발행" 버튼을 클릭하면 됩니다.
Page Builder 사용법에 대한 더 자세한 정보는 공식 문서를 참고하시기 바랍니다.
랜딩 페이지 업그레이드하기
랜딩 페이지 제작을 마쳤다면 한 단계 더 발전시켜 볼 수도 있습니다. Shortcodes Ultimate를 활용해 멋진 버튼과 다양한 심볼을 추가하거나, Icegram을 연동해 팝업, 클릭 유도 문구(CTA), 알림 창 등을 구성하여 이메일 리스트를 효율적으로 구축할 수 있습니다. 이 부분은 다음 기회에 자세히 다루겠습니다.
WordPress로 직접 랜딩 페이지를 만들어 보신 경험이 있으신가요? 어떤 방법을 사용하셨는지 아래 댓글로 여러분의 노하우를 공유해 주세요.