[페이스북 어플] 탭사이트(tabsite)를 이용하여 랜딩페이지 만들기

Posted on

 

페이스북 랜딩페이지 구축사이트인 “탭사이트(tabsite)”를 이용해서 페이스북 페이지에 랜딩페이지 구축하는 방법을 안내해 드리겠습니다. 랜딩페이지의 활용은 페이스북 페이지에서 가장 중요한 부분이니 참고하세요.

 

페이스북 페이지에 랜딩페이지 만들기

 
페이스북 페이지는 각각의 메뉴를 개설할 수 있고 이러한 메뉴들의 페이지는 “아이프레임(iframe)” 을 이용해서 설치하게 됩니다. 페이스북 페이지에 “아이프레임” 사용방법은 이전에 두번의 포스팅을 통해서 자세히 안내해드렸습니다.

 

 

페이스북 아이프레임 사용법 안내 : 페이스북 팬 페이지 iFrame Application (아이프레임 어플리케이션) 사용법1
                                                페이스북 페이지 (아이프레임 어플리케이션) iFrame Application 사용법2

위의 관련포스트에서 안내해 드린 아이프레임 사용방법은 자유롭게 페이스북 페이지를 구축할 수 있는 반면에 한가지 준비해야 할 것이 서버에 아이프레임으로 가져올 페이지가 존재해야 한다는 문제점이 있습니다.

 

서버호스팅 이미지

대부분의 사용자들이 서버호스팅을 받지 않는 상황에서 아이프레임을 이용한 페이스북 페이지 구축방법에는 한계가 있는 것이죠, 그래서 외국에 페이스북 관련사이트들 중에는 자체적으로 페이지를 구축해서 자신의 페이스북 페이지로 가져올 수 있는 서비스들이 많이 있습니다.

강조표시

이전에 포스트뷰에서 소개해 드렸던 탭프레스(TabPress)도 이와같은 사이트 중에 하나입니다.

 

탭프레스 사용법 포스트에서도 안내해드렸듯이 탭프레스는 자신의 페이스북 페이지를 “좋아요” 한 사람과 그렇지 않은 사람에게 다른 페이지를 보여줌으로써 “좋아요” 버튼을 누를 수 있도록 유혹할 수 있는 기능이 장점이었습니다.

한가지 단점은 소스코드를 입력해야하는 불편함이 있었는데, 오늘 소개해 드릴 탭사이트(tabsite) 서비스는 “위지위그” 에디터를 지원하기 때문에 초보자 분들도 손쉽게 페이스북 랜딩페이지를 구축할 수 있으실 겁니다.

페이스북 페이지에 탭사이트(tabsite) 설치하기

 

 

 

페이스북 페이지에 탭사이트(tabsite)를 이용하여 랜딩페이지를 구축하기 위해서 탭사이트 홈페이지에 접속합니다.

 

 

탭사이트 사이트 바로가기

 

탭사이트 홈페이지 이미지

 
위의 그림은 탭사이트에 모습입니다. 우측 상단에 로그인 버튼을 클릭해 주세요.

페이스북에 로그인된 상황이라면 자동으로 로그인 됩니다.

계정정보를 입력하라는 간단한 창이 열리게 되는데 관련사항을 입력해 주세요.

 

탭사이트 계정정보 입력 이미지

 
간단한 사항들이니까 입력하는데 어려움은 없으실 겁니다. 입력후에 “Create Account” 버튼을 클릭해 주세요.

 

탭사이트 계정정보 입력완료 이미지

 
계정정보 입력이 무사히 끝마쳐 졌다는 안내메세지가 나옵니다.

탭사이트 홈페이지에서 우측상단에 “TabSite Manager” 버튼을 클릭해주세요.

 

 

로그인,탭사이트 매니저 이미지

 
아래 그림처럼 계정을 설정하라는 메뉴가 나오게 됩니다. “Add a Main Tab” 버튼을 클릭해서 탭을 생성합니다.

 

탭사이트에 탭 추가 이미지

 

“Add a Main Tab”
버튼을 클릭하게 되면 아래 그림처럼 추가하려고 하는 페이지와 탭사이트 상품들이 보입니다.

 

 

탭사이트 상품선택 이미지

 
상단부터 무료인 상품과 가격대별로 다양한 탭사이트의 상품들이 보여집니다.

 

 
탭사이트 페이지는 무료로 사용이 가능한 반면에 만들수 있는 페이지가 1페이지로 제한되고 페이지 하단에는 탭사이트 광고가 보여지게 되는점이 단점입니다.

그럼 여기서 탭사이트의 다양한 상품들을 안내해드리겠습니다.

 

탭사이트 상품 상세안내 이미지

 
가격대별로 다양한 상품으로 구성되어 있는데 유료상품 “Bronze” 상품부터는 탭메뉴도 자유롭게 변경이 가능하고 유튜브 동영상도 링크가 가능한 점들이 좋은점입니다. 가격대가 높은 상품일수록 다양한 기능들이 옵션으로 추가가 가능합니다.

우리가 사용하려고 하는것은 무료버전이기 때문에 “Free” 항목에 체크하시고 “I accept the Tems & Conditions” 항목에도 체크한 후에 “Next Step” 버튼을 클릭해 주세요.

 

탭 메뉴 이름 선택이미지

 
새롭게 생성되는 탭페이지가 “TabSite” 로 표시될지 “Welcome”로 표시될지 선택하는 창이 열립니다. 마음에 드시는 것으로 선택한 후에 “Submit” 버튼을 클릭해 주세요. (유료상품부터는 자유롭게 탭이름 선택이 가능합니다.)

 

위지위그 에디터 이미지

 
페이스북 랜딩페이지 구축이 가능한 “위지위그” 에디터가 열리게 됩니다. 원하시는 문구를 작성하시고 이미지를 추가하시기 원하시면 에디터 우측상단에 이미지 표시 버튼을 클릭해 주세요.

 

이미지 업로드 화면이미지

 
이미지 마크를 누르게 되면 위의 그림처럼 이미지 업로더 창이 열리게 됩니다. 우측상단에 “Upload” 버튼을 클릭해서 올리시려는 이미지를 선택해 줍니다.

 

이미지가 탭사이트 서버에 업로드된 이미지

 
이미지를 선택하면 “탭사이트” 서버에 이미지가 업로그 되서 표시됩니다.

 

이미지 삽입하기 안내이미지

 
이미지에 커서를 올리신 후에 “Insert” 항목을 클릭해 주세요.

 

위지위그 에디터에 이미지와 텍스트가 삽입된 이미지

 
“위지위그” 에디터에 이미지가 올라간 모습입니다. “Save Page” 버튼을 클릭해서 저장해 주세요.

이제 페이스북 페이지에 랜딩페이지를 연결시키면 됩니다.

 

페이스북 페이지에 출력하는 이미지

 
“Click Here” 버튼을 클릭해서 페이스북 페이지에 연결시켜줍니다.

 

페이스북 페이지 선택 이미지

 
탭사이트 페이지를 추가할 페이스북 페이지를 선택한후에 “추가” 버튼을 클릭해 주세요.

 

페이스북 페이지에 메뉴가 삽입된 모습

 
탭사이트 랜딩페이지가 페이스북 페이지에 설치된 모습입니다. 클릭해서 정상적으로 설치되었는지 살펴볼까요~

 

페이스북 페이지에 탭사이트 페이지 모습

 
탭사이트 페이지가 정상적으로 설치된 모습입니다. 다만 무료버전이라 페이지 하단에 광고가 보이는 점이 조금 아쉽네요.

 

오늘은 탭사이트 홈페이지에서 제공하는 랜딩페이지 사용법을 안내해 드렸습니다. 탭사이트 서비스는 “위지위그” 에디터를 지원한다는 점이 장점인거 같습니다.

 
탭사이트 홈페이지 이용해서 멋진 페이스북 페이지 구축해 보세요.

16 thoughts on “[페이스북 어플] 탭사이트(tabsite)를 이용하여 랜딩페이지 만들기

댓글을 남겨주세요 ▶

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.