WordPress 웹 사이트의 시각적 둘러보기를 추가하는 방법

당신은 자신을 여행 가이드라고 생각하지 않을 수도 있지만, 당신은 확실히 그렇습니다. 매일 사람들이 당신의 웹사이트를 방문하고 당신은 그들을 어떤 식으로든 안내합니다. 메뉴를 배치하고 섹션을 주문하는 방법을 지시합니다. 전체 UI는 방문자가 방문자 에서 고객 또는 구독자 로 이동할 수 있는 깔때기여야 합니다. 새로운 방식으로 이를 수행할 수 있는 한 가지 방법은 웹사이트 둘러보기 빌더를 사용하여 사이트의 가장 중요한 측면을 지적하는 것입니다.

1, 2, 3처럼 쉬움

사이트 가이드 투어를 통해 손님을 안내하는 것은 생각보다 훨씬 쉽습니다. WP Flat Tour Builder 플러그인 덕분입니다. 사용자와 함께 단계별로 더 확실한 방법을 찾지 못할 것입니다. 몇 번의 클릭만으로 설정이 완료됩니다.

그러나 WP Flat Tour Builder는 프리미엄 플러그인이며 무료 버전이 없다는 점을 언급해야 합니다. 하지만 단돈 20달러에 구입할 수 있습니다. 이는 판매 유입경로를 통해 사용자를 안내하거나 프로세스를 가르쳐야 하는 사이트에 대한 아주 작은 투자입니다.

설치 및 설정

플러그인을 구매하면 WP_Tour_Builder.zip 이라는 파일을 다운로드하게 됩니다. 프리미엄 플러그인은 저장소에 없기 때문에 수동으로 설치해야 하므로 플러그인 – 새로 추가 로 이동하여 컴퓨터에서 .zip 파일을 선택합니다.

지금 설치 를 누르면 다른 플러그인과 마찬가지로 활성화하면 됩니다. 이제 Flat Tour Builder와 해당 하위 메뉴라는 사이드바 항목이 있어야 합니다.

아직 둘러보기를 설정하지 않았기 때문에 기본 플러그인 페이지가 처음에는 약간 이상할 수 있습니다. 투어에 사용할 색상 팔레트를 선택하기를 원합니다. 당신이 원하는 것이 무엇인지 안다면 지금 당장 하십시오. 그렇지 않은 경우 언제든지 돌아와서 올바른 색상을 선택할 수 있습니다.

둘러보기에 대해 개별적으로 글꼴을 설정할 수도 있지만 개인적으로 테마 글꼴 사용 (및 명백한 이유로 HTTPS 사용)에 대해 예를 선택하는 것을 선호합니다.

둘러보기 만들기

안타깝게도 사이드바에는 새로 추가 버튼이 없습니다. 대시보드 사이드바의 투어 항목을 통해 새 투어를 생성해야 합니다.

분명히, 처리할 가장 중요한 옵션은 투어 생성 페이지에 있을 것입니다. 그리고 소년, 당신은 그들을 통해 뿌리를 많이 얻습니까?

일반적으로 처음에 둘러보기를 설정하기 위해 수행하는 작업은 매우 간단합니다.

• 제목 – 제목은 나만 볼 수 있습니다. 자신의 조직에 사용하십시오.
• 시작 방법 – 페이지 로드 시 또는 사용자가 요소를 클릭할 때 자동으로 시작하도록 설정할 수 있습니다.
• 한 번 실행? – 누군가 페이지에 로드할 때마다 둘러보기를 실행하시겠습니까, 아니면 한 번만 실행하시겠습니까?
• 페이지 URL – 투어에 대한 단일 페이지를 설정합니다. 이것은 코스나 체크아웃 페이지에 적합합니다. 이 옵션은 페이지별 지침을 허용합니다.
• 모바일에서 활성화하시겠습니까? - 꽤 간단합니다. 둘러보기가 모바일 사용자에게 적합합니까?
• 모바일 에서만 활성화? – 아니면 모바일 사용자 에게만 투어가 의미가 있습니까?

다른 두 가지 옵션

플러그인에는 별도로 이야기할 가치가 있다고 생각되는 두 가지 다른 옵션도 있습니다. 볼 수 있는 역할? 웹사이트 또는 백엔드에서?

어떤 역할을 선택하느냐에 따라 투어를 볼 필요가 있는 사람에 따라 달라집니다. 예를 들어 모든 사람 이 선택되면 검색, 추천 또는 직접 액세스를 통해 나타나는 모든 단일 방문자에게 나타납니다. 예를 들어 구독자 를 선택하면 유료 회원이 제품을 사용하는 과정을 안내하기 때문에 투어에 대한 액세스가 제한될 수 있습니다.

그러나 왜 관리자 또는 편집자 에게만 액세스를 제한해야 합니까? 그리고 웹사이트의 전면이 아닌 후면(WP 대시보드)에 둘러보기를 표시해야 하는 이유는 무엇입니까? 두 단어: 고객 교육 (또는 직원 교육 , 아마도).

디자인이나 개발 작업을 할 때 클라이언트에게 사이트를 넘기는 것은 때때로…어렵습니다. 교육은 특히 WordPress에 익숙하지 않거나 사용자 정의를 수행한 경우 시간이 오래 걸릴 수 있습니다. 웹사이트 백엔드에서 웹사이트 둘러보기 빌더를 사용하면 새 사이트를 사용하기 위한 모범 사례가 무엇인지 확인할 수 있습니다.

또는 새로운 직원을 어떻게 운영하고 새로운 워크플로가 어떻게 될 것인지에 대해 온보딩하는 방법이 될 수 있습니다. 또는 추가한 새로운 기능을 사용하는 방법. 무엇이든. 백엔드 웹사이트 투어 빌더에는 수많은 용도가 있습니다.

둘러보기 단계 만들기

이제 둘러보기가 완료되었으므로 전체 목록에 표시됩니다.

항목 위로 마우스를 가져가면 단계 보기 링크가 표시됩니다. 아직 단계를 생성하지 않았으므로 빈 목록으로 이동합니다. Add New to...를 클릭합니다.

각 단계는 사이트의 다른 부분으로 연결되거나 가리키거나 다른 작업이 필요하기 때문에 둘러보기의 각 단계를 개별적으로 입력해야 합니다. 각 항목 내에서 첨부된 요소까지 정확히 어떻게 작동하는지, 표시하기 전의 타이밍 또는 사용자가 닫을 수 있도록 허용하는지 정확히 선택할 수 있습니다.

단계로 수행하는 작업은 전적으로 사용자에게 달려 있지만, 순환할 수 있는 세 가지 유형이 있으며 전적으로 해당 둘러보기에서 수행해야 하는 작업에 따라 다릅니다.

툴팁

화면의 특정 요소를 지적해야 할 때마다 툴팁을 사용합니다. 링크나 이미지일 수 있습니다. 일련의 단계를 수행하거나 사용자가 중요한 위치를 알 수 있도록 하는 데 적합합니다.

텍스트

텍스트 단계는 둘러보기를 소개하고 끝내는 데 유용할 뿐만 아니라 사용자가 절대 놓치지 말아야 할 정보를 제공합니다.

대화

대화 단계는 사용자가 상호 작용해야 하는 팝업입니다. 조건(또는 조건)을 계속하거나 닫거나 수락합니다. 이를 사용하여 사용자가 구매를 완료하거나 계정을 취소하고 있음을 인지할 수 있습니다. 또는 텍스트 단계와 마찬가지로 일부 정보를 확인하고 계속 진행하기 위해 조치를 취하도록 요구할 수 있습니다.

웹사이트 투어 빌더가 필요하십니까?

글쎄, 당신이 전에 그렇게 생각하지 않았더라도, 나는 당신이 당신의 사이트에서 빌더를 사용하는 몇 가지 방법을 생각했을 것입니다. 사용자에게 보고 싶은 내용을 안내하는 단일 단계 둘러보기를 가질 수도 있습니다(최신 팟캐스트 에피소드의 재생 버튼에 대한 빠른 메모일 수 있음).

이유와 사용 방법이 무엇이든 거의 모든 WordPress 사이트에 둘러보기를 추가하는 것은 전혀 문제가 되지 않습니다.

웹사이트에서 둘러보기를 사용하는 이유는 무엇입니까?

Andrew Rybalko의 기사 특집 이미지 / Shutterstock.com