WordPress 5.8에서 위젯을 추가하고 A/B 테스트하는 방법

WordPress에서 위젯은 사이드바, 바닥글 및 사이트의 기타 영역에 추가하여 특정 기능을 추가할 수 있는 콘텐츠입니다. 메뉴, 달력, 양식, 최신 게시물 표시 등과 같은 다양한 추가 기능을 포함하도록 설계되었습니다.

대다수의 WordPress 테마에는 사전 설치되고 바로 사용할 수 있는 위젯 세트가 함께 제공됩니다.

새 위젯 편집기의 목표

WordPress 5.8이 출시된 후 이미 말씀드린 새로운 블록 편집 기능과 전체 사이트 편집 기능 외에도 이제 새로운 블록 기반 위젯 편집기가 생겼습니다.

이 새로운 위젯 편집기로 무엇을 찾고 있습니까? Anne McCarthy가 2021년 2월 WordPress.org에서 언급했듯이 위젯 편집기로 얻을 수 있는 이점은 다음과 같습니다.

• 사용자가 친숙한 블록으로 사이드바, 머리글 및 바닥글 레이아웃을 만들 수 있습니다.
• HTML 편집기로 이동할 필요 없이 시각적으로 위젯 디자인을 풍부하게 할 수 있도록,
• 콘텐츠가 표시되는 방식에 대한 추상적인 아이디어를 유지할 필요 없이 통합된 템플릿 및 콘텐츠 편집 경험이 있어야 합니다.
• 지금까지 단축 코드로 표시되었던 많은 위젯이 블록(예: 양식의 경우)으로 표시되어 훨씬 더 유동적이고 직관적인 버전이 됩니다.
• 위젯에서 블록으로의 전환은 개발자가 위젯을 블록으로 대체할 수 있도록 원활하게 이루어집니다.
• 이전 버전과의 호환성 문제를 피하기 위해 위젯은 이전과 같이 모양 » 위젯 메뉴 옵션에서 편집할 수 있습니다.

예를 들어 새 위젯 편집기를 사용하면 이전에는 페이지나 게시물의 콘텐츠에만 추가할 수 있었던 블록 세트가 포함된 바닥글을 블록 편집기로 만들 수 있습니다.

새 위젯 편집기

웹 사이트가 WordPress 5.8 버전으로 업데이트되면 모양 » 위젯 메뉴 옵션에 액세스하면 먼저 위젯 블록 편집기에 대한 시작 화면이 표시됩니다.

위젯 편집기에 대한 설명 가이드를 탐색한 후 우리가 이미 알고 있는 블록 편집기와 훨씬 더 유사한 새 위젯 편집기를 찾습니다. 지금까지 사용하던 위젯 관리는 이제 안녕!

이 새 편집기를 사용하면 각 위젯 영역이 콘텐츠 블록을 추가할 수 있는 드롭다운(이전과 유사)처럼 보입니다.

테마 및 이전 버전의 WordPress와의 호환성을 잃지 않기 위해 테마와 함께 미리 정의된 위젯은 "레거시 위젯"이라는 새로운 유형의 블록이 됩니다. 이런 식으로 콘텐츠 블록을 검색하면 각 위젯 영역에 추가할 수 있는 새 블록으로 표시되며 이전과 유사한 방식으로 해당 속성을 수정할 수 있습니다(사이드바의 블록 속성에서는 제외 , 여기서 "레거시 위젯"과 해당 설명만 표시됨).

레거시 위젯 외에도 이제 각 위젯 영역에서 우리가 이미 알고 있는 다른 유형의 블록을 삽입하고 수정할 수도 있습니다.

뿐만 아니라: 이 WordPress 버전과 함께 제공되는 새로운 테마 블록을 원하는 모든 위젯 영역에서 사용할 수 있으므로 WordPress 위젯 영역에 다양한 기능을 추가할 수 있습니다.

마지막으로 위젯 편집기를 사용하면 다른 위젯 영역 간에 블록을 이동할 수도 있습니다.

그리고 항상 그렇듯이 위젯 편집기에서 적절하게 변경한 후 변경 사항을 업데이트하여 페이지와 게시물에 반영하기만 하면 됩니다.

위젯 A/B 테스트

이 게시물의 시작 부분에서 이미 언급한 것처럼 위젯 영역은 일반적으로 사용자가 일부 작업을 수행하도록 하는 기능을 웹사이트에 추가하는 것을 목표로 하는 영역입니다. 특정 작업을 수행하는 웹사이트 방문자 수를 늘리고 싶다면 이 전환율을 개선하기 위해 사용할 수 있는 가장 좋은 도구는 A/B 테스트입니다.

요컨대 위젯의 맥락에서 위젯의 A/B 테스트는 개선 가설(예: 특정 관련 정보를 더 잘 표시하기 위해 영역 내에서 위젯 블록을 재배열하거나 다른 또는 위젯 영역에 표시되는 블록을 근본적으로 변경), 해당 변경 사항이 이전보다 더 잘 작동하는지 확인합니다.

기술적으로 A/B 테스트는 동일한 웹페이지의 두 가지 변형을 웹사이트 방문자의 다른 세그먼트에 동시에 표시하고 어떤 변형이 더 많은 전환을 생성하는지 비교하는 실험에 불과합니다.

페이지와 게시물 디자인에 다양한 가능성을 열어주는 새로운 위젯 편집기를 통해 생성할 수 있는 A/B 테스트는 기하급수적으로 증가하고 이러한 이유로 웹 전환 최적화와 관련성이 훨씬 높아집니다.

위젯 A/B 테스트

위젯을 만들 수 있습니다. A/B 테스트는 전환 분석을 위해 Google Analytics를 수동 및 공동으로 사용합니다. 그러나 위젯을 만드는 것이 훨씬 쉽고 저렴할 것입니다. Nelio와 같은 도구를 사용한 A/B 테스트 A/B 테스팅(월 €29부터 프리미엄 버전), 위젯 편집기를 포함하여 다양한 WordPress 블록 편집기에 완전히 통합된 WordPress 플러그인.

일단 넬리오 A/B Testing 플러그인이 설치 및 활성화되면 Nelio A/B 테스팅 아이콘은 생성 및 분석할 수 있는 다양한 옵션과 함께 WordPress 대시보드에 나타납니다. 외부 도구를 사용하지 않고 A/B 테스트를 수행합니다.

예를 들어 웹사이트에 카테고리 선택기가 있는지 여부를 분석하기 위해 위젯 테스트를 만드는 방법을 살펴보고 블로그 게시물 방문이 증가하는지 확인합니다.

위젯을 생성하기 위해 따라야 하는 다양한 단계 Nelio를 사용한 A/B 테스트 A/B 테스트는 다음과 같습니다.

• 생성할 테스트 유형 선택
• 테스트 변형 정의
• 전환 목표 및 액션 정의
• 세분화 적용 여부 정의
• 테스트 실행 및 진행 상황 분석
• 승리한 대안을 최종으로 적용

생성할 테스트 유형 선택

넬리오 A/B 테스팅은 다음을 생성할 수 있는 도구입니다. 모든 유형의 WordPress 요소에 대한 A/B 테스트. 따라서 선택할 수있는 다양한 요소 중에서 가장 먼저해야 할 일은 생성하려는 요소를 선택하는 것입니다. 위젯의 A/B 테스트.

테스트 변형 정의

다음으로 위젯 테스트의 편집 창에서 테스트에 이름을 추가하여 나중에 식별하는 데 도움이 되고 원본 또는 제어 버전과 관련하여 테스트할 변형을 생성해야 합니다(즉, 현재 귀하의 웹사이트에 있음).

새 변형을 생성하려면 생성 중인 변형 문자 옆의 필드에 이름을 지정하고 그 아래에 나타나는 "편집" 링크를 클릭해야 합니다. 방금 본 새 위젯 편집기로 이동하는 것을 볼 수 있습니다.

기본적으로 새 변형은 현재 웹에 있는 위젯 세트의 정확한 사본입니다. 이제 위에서 설명한 대로 편집기를 사용하여 변형을 변경하는 것만 큼 간단합니다. 다른 위젯 영역에서 원하는 블록을 추가, 수정, 이동 또는 삭제하고 변형이 준비되면 저장합니다.

전환 목표 및 액션 정의

테스트에서 변형을 정의한 후 다음 단계는 테스트의 전환 목표를 정의하는 것입니다. 어떤 목적으로 이 테스트를 만들고 있습니까? 이 예에서 목적은 블로그 게시물을 더 많이 방문하도록 하는 것입니다. 우리는 그것을 어떻게 정의합니까?

테스트 버전으로 돌아가서 "전환 목표 및 작업" 섹션에서 +새 링크를 클릭하여 원하는 만큼 목표를 추가할 수 있습니다.

정의한 각 목표에 대해 방문자를 추적하기 위한 다양한 유형의 전환 액션이 있습니다. 예를 들어 사용자가 특정 페이지에 액세스할 때, 웹사이트의 특정 요소를 클릭할 때 또는 연락처 양식을 보낼 때를 모니터링할 수 있습니다. 관심 있는 작업 버튼을 클릭하고 각 작업 유형에 대해 고유한 구성 매개변수를 정의할 수 있습니다. 예를 들어 페이지 방문을 클릭하고 가격 책정 페이지를 선택하거나 양식을 제출하여 구독하는 방문자 수 등을 확인할 수 있습니다.

설명하고 있는 위젯 테스트의 예에서는 전환 액션을 블로그 페이지 방문으로 정의합니다.

트래픽 세분화

흥미로운 기능 중 하나는 A/B 테스트 도구는 트래픽을 분류할 수 있다는 것입니다. 즉, 일부 방문자만 테스트에 참여하도록 설정할 수 있습니다. 예를 들어 국가별, 시간별, 언어별, 브라우저별, 기기별 등. Nelio로 트래픽 세분화를 구현하는 방법에 대한 자세한 내용을 원하시면 A/B Testing, Antonio가 여기에서 자세히 설명했습니다.

생성된 테스트 실행 및 진행 상황 분석

그게 다야 이제 버튼을 눌러 테스트를 시작하고 진행 상황을 분석하기만 하면 됩니다. Nelio A/B Testing은 웹사이트로 유입되는 트래픽을 분할하여 생성된 변종 중 일부만 보고 행동을 분석할 수 있도록 합니다.

Nelio A/B Testing을 사용하면 테스트를 실행해야 하거나 데이터의 통계적 신뢰도를 제어해야 하는 시간에 대해 걱정할 필요가 없습니다. 각 변형에 대한 총 전환수 및 방문수를 확인할 수 있습니다. 또한 원본 버전과 비교하여 각 변형의 백분율 개선(또는 저하)을 확인할 수 있습니다.

승자 대안 적용

마지막으로, 귀하의 변형 중 하나가 나머지보다 나은 것으로 판명되면 Nelio는 A/B 테스팅을 통해 알려드리고 웹사이트에 최종 버전으로 적용할 수 있습니다. 즉, 우승한 변형에서 디자인한 위젯 영역이 웹사이트의 최종 버전이 됩니다.

그게 다야, 이제 원래 버전보다 더 잘 변환되는 새 버전의 웹 디자인을 갖게 되었습니다.

결론

WordPress 5.8 버전이 새로운 기능과 함께 출시되었습니다. 새 위젯 편집기는 지금까지 테마와 함께 제공되는 미리 정의된 위젯으로 제한되었던 웹 사이트 영역에 많은 기능을 추가할 수 있는 옵션을 제공합니다.

이 새로운 가능성을 통해 지금까지보다 훨씬 다양한 페이지 디자인을 테스트할 수 있습니다. Nelio와 같은 도구 사용 WordPress에 통합된 위젯 A/B 테스트를 만들기 위한 A/B 테스트를 사용하면 WordPress 편집기를 종료하지 않고도 데이터가 있는 페이지에서 변환을 최적화할 수 있습니다.

Unsplash의 Striving Blogger의 추천 이미지입니다.