많은 웹사이트가 정식 오픈 전에 기대감을 높이기 위해 '출시 예정(Coming Soon)' 페이지를 활용합니다. 사이트를 곧 론칭할 예정이지만 아직 준비가 덜 되었다면, WordPress로 멋진 'Coming Soon' 페이지를 만들어 방문자의 관심을 미리 모아보세요.
플러그인 선택하기
먼저 알아두어야 할 점은 'Coming Soon' 및 '유지보수 모드(Maintenance Mode)' 플러그인이 수십 가지나 있으며, 각각 제공하는 기능이 다르다는 것입니다. 이 튜토리얼에서는 직관적이고 간단한 사용성 때문에 Easy Coming Soon 플러그인을 선택했습니다.
SeedProd의 'Coming Soon Page & Maintenance Mode'처럼 더 많은 기능과 설치 수를 자랑하는 플러그인도 있지만, 여기서는 심플하고 쉬운 것을 원했습니다. 물론 어떤 플러그인을 고르더라도 'Coming Soon' 페이지를 만드는 기본 과정은 크게 비슷합니다.
Easy Coming Soon 플러그인 설치하기
관리자 대시보드로 이동한 후 '플러그인 → 새로 추가' 메뉴로 들어갑니다. 이미 다운로드한 플러그인 파일을 업로드하거나, 검색창에 'Easy Coming Soon'을 입력해 플러그인을 찾을 수 있습니다. 플러그인을 설치하고 활성화하면 일반 설정(General Settings) 화면이 나타납니다.
기본 정보 입력하기
가장 첫 번째 설정 항목은 Status입니다. 나머지 설정을 모두 마친 후 마지막에 활성화할 수도 있고, 지금 바로 켜서 변경 사항을 즉시 확인하는 방법도 있습니다. 물론 Live Preview(실시간 미리보기) 기능으로도 결과를 확인할 수 있습니다.
이제 헤드라인(Headline), 설명(Description), Google Analytics 코드, 그리고 보유 중이라면 Facebook·Twitter·Google+ 주소를 입력합니다. 모든 필드는 필수가 아니므로 필요 없는 항목은 건너뛰어도 됩니다. 입력을 마쳤으면 Save 버튼을 클릭하세요.
일반 설정만으로도 완전히 작동하는 'Coming Soon' 페이지가 완성됩니다. 하지만 조금 더 세련되게 꾸미고 싶다면 Design, Templates, 그리고 Pro 버전을 구매한 경우 Pro Features 페이지에서 추가 작업을 할 수 있습니다.
페이지 디자인 수정하기
디자인 설정(Design Settings) 페이지에서는 배경색, 헤드라인/설명 글꼴의 색상·크기·스타일, 배경 노이즈 효과(Background Noise Effect) 등을 지정할 수 있습니다.
여기서는 기본 설정이 충분히 깔끔해서 그대로 사용했지만, 원하는 대로 자유롭게 수정하면 됩니다. 완료 후 Save를 클릭하고, Live Preview 페이지 또는 브라우저에서 사이트 홈페이지를 열어 지금까지의 결과물을 확인해 보세요.
알림 기능 활성화하기
필수는 아니지만 알림(Notification) 기능을 켜두면 좋습니다. 알림 기능을 사용하면 방문자가 사이트를 구독할 수 있어, 정식 론칭 시점에 이미 관심 있는 사용자들의 메일링 리스트를 확보하게 됩니다. Notification Form Settings 페이지에서 활성화하세요.
본인의 이메일 주소와 필요한 정보를 입력한 뒤 Save Options를 클릭하면, 'Coming Soon' 페이지 제작은 사실상 끝납니다.
출시 예정 페이지 테스트하기
테스트를 거치기 전까지는 공식적으로 완성된 것이 아닙니다. 반드시 다른 브라우저에서 확인해 보세요. 관리자로 로그인된 브라우저에서는 페이지가 정상적으로 표시되지 않을 수 있습니다(필자의 경우 Linux의 Firefox에서 그랬습니다). 실제 방문자에게 보이는 화면은 대략 다음과 같습니다.
적절한 플러그인만 있다면 5분 안에도 미니멀한 'Coming Soon' 페이지를 만들 수 있습니다. 필자는 화려한 요소 없이 오직 'Coming Soon' 정보와 잠재 구독자의 이메일을 수집할 입력란만 담긴, 정말 미니멀한 구성을 선택했습니다. 수집하고 싶은 정보가 더 있다면 얼마든지 추가할 수 있습니다. 다만 너무 많은 요소를 넣으면 페이지가 복잡해져 정작 중요한 정보가 묻힐 수 있으니 주의하세요!