거의 모든 제휴 사이트에서 찾을 수있는 기능이 하나 있다면 제품 비교 차트입니다. 진지하게, Amazon Associates 제휴 프로그램에 가입하기위한 요건은 제품 비교 테이블을 생성 할 수 있어야한다는 것입니다.
그러나 편재성에도 불구하고 대부분의 사람들은 여전히 페이지 빌더, 사용자 정의 HTML 또는 Excel 또는 TablePress와 같은 테이블 플러그인을 사용하여 제품 테이블을 힘들게 만듭니다.
이 튜토리얼에서는 WooCommerce.
동적으로 생성, 검색, 필터링 및 정렬 가능한 테이블을 만드는 방법을 배웁니다. 무엇보다도 귀하는 제휴 제품 테이블에 표시하는 정보를 완전히 제어 할 수 있습니다.
이렇게 하면 시간을 절약할 수 있을 뿐만 아니라 방문자 (그리고 더 나은 경험은 더 많은 전환을 의미합니다!).
WooCommerce에서 제휴 제품 게시판을 만드는 방법
이 가이드가 작동하려면 두 개의 플러그인이 필요합니다.
- WooCommerce -이것은 다양한 제휴 제품을 관리하는 데 사용할 것입니다.
- WooCommerce 제품 표 -필터링, 정렬 및 검색이 가능한 표에 이러한 제휴 제품을 표시하는 데 사용할 것입니다.
가이드를 시작하기 전에 두 플러그인을 모두 설치하고 활성화했다고 가정합니다.
즉, 제휴 제품을 WooCommerce, 매장을 설정하는 방법을 보여드리지는 않겠습니다. WooCommerce. 도움이 필요하면 이 종합 가이드를 확인해 보세요.
1 단계 : WooCommerce에 제휴 제품 추가
많은 사람들은 WooCommerce가 판매 할 수있는 해결책이라고 생각합니다. 나만의 제품. 그러나 실제로 외부 제휴 제품을 판매하기위한 기본 기능이 포함되어 있습니다. 조정이 필요하지 않습니다!
첫 번째 제휴 제품을 추가하려면 제품 → 새로 추가 대시 보드에서
중요한 것은 메타 상자를 찾는 것입니다. 제품 데이터 에서 제품의 유형을 변경 외부 / 계열사 :
그런 다음 정보를 입력하십시오 :
- 제품 URL -제품으로 직접 연결되는 URL입니다.
- 버튼 텍스트 – WooCommerce는 다음 위치로 연결되는 버튼을 표시합니다. 방문객 장바구니에 담기 버튼이 아닌 제품을 구매할 수 있습니다.
- 가격 - 필수가 아닙니다. . Amazon에 연결하는 경우 가격이 정확하지 않은 것은 Amazon Associates 정책에 위배되므로 고정 가격을 입력해야합니다 ( 아마 아마존이 가격을 바꾸고 있다는 사실 때문일 것입니다 ). 다른 제휴 프로그램의 경우 문제가 없어야합니다.
제휴사 특정 정보와 함께 다음과 같은 일반적인 제품 세부 정보도 입력 할 수 있습니다.
- 표제
- 설명
- 영상
- 등등
제휴 제품을 게시 한 후에는 제품 페이지에 외부 상점에서 구매할 수있는 클릭 유도 문안이있는 버튼이 표시되는지 확인할 수 있습니다.
이제 추가하려는 모든 제휴 제품에 대해 동일한 프로세스를 반복하기 만하면됩니다.
다른 주제에 대해 여러 개의 제휴 제품 테이블을 만들려는 경우 나중에 유용 할 것이므로 범주 또는 태그를 사용하여 주제별로 제품을 나누는 것이 좋습니다.
2 단계 : WooCommerce 제품 테이블 단축 코드 구성
제휴 제품 표를 표시하기 위해 WooCommerce Product Table 플러그인 단축 코드를 사용합니다.
테이블 당 단축 코드를 여전히 수동으로 편집 할 수 있지만 플러그인을 사용하여 단축 코드의 기본 기능을 구성 할 수 있습니다 WooCommerce → 설정 → 제품 → 제품 표 (제품 표):
우리는 제휴 제품 테이블 생성에 가장 많이 적용되는 설정에 초점을 맞출 것입니다.
영역에서 테이블 디자인원하는 경우 테이블에 대한 사용자 정의 디자인을 구성 할 수 있습니다.
또는 항상 플러그인의 기본 스타일을 고수 할 수 있습니다.
조금 내려 가서 표시 할 정보를 선택할 수 있습니다. 열 테이블에. 개인적으로 기본 설정은 상당히 견고하다고 생각합니다. 다음과 같이 표시됩니다.
- 제품 이미지
- 이름
- 간단한 설명
- 가격
- 장바구니에 추가 버튼 ( 가맹점으로 직접 연결 )
가격을 표시하지 않으려는 경우 가격 열을 제거 할 수 있습니다. 또한 설명이 길면 보드가 약간 복잡해질 수 있으므로 짧은 설명을 제거 할 수 있습니다.
마찬가지로 추가 열을 추가하여 더 많은 정보를 표시할 수 있습니다. 이 도움말 문서에는 잠재적 열의 전체 목록이 포함되어 있습니다.
이것들은 정말로 당신이 해야 중히 여기다. 취향에 맞게 다른 설정을 언제든지 변경할 수 있지만 대부분의 경우 기본값이 꽤 좋다고 생각합니다.
3 단계 : WooCommerce 제품 코드 삽입
이제 기본값을 구성 했으므로 단축 코드를 사용하여 제휴 제품 테이블을 삽입 할 수 있습니다. [ product_table ] (공백없이).
단축 코드에 추가해야하는 유일한 것은 포함 할 특정 제품을 나타내는 매개 변수입니다 (그렇지 않으면 단축 코드는 사용 가능한 모든 WooCommerce 제품을 표시하며 원하는 것은 아닐 수도 있습니다).
이렇게하려면 다음을 사용할 수 있습니다. 태그 = "태그 _ 이름" ou 범주 = "Category_name" .
예를 들어, 다음은 shortode를 사용하는 예입니다.
그리고 이것은 인터페이스에서 어떻게 보이는지입니다.
테이블을 작성할 때이 테이블에서 유의해야 할 사항 :
- 테이블은 제휴 제품을 설정할 때 입력 한 버튼 텍스트를 사용합니다. 따라서 모든 곳에서 동일한 텍스트를 사용하거나 내 예제와 같이 다르게 만들 수 있습니다.
- 가격을 입력하지 않으면 빈 상태로 표시됩니다. 이러한 이유로 모든 제휴 제품에 가격 책정을 사용하거나 사용하지 않아야합니다.
4 단계 : (선택 사항) 사이드 바 필터 위젯 포함
WooCommerce Product Table로 할 수있는 흥미로운 일 ( 다른 제품 비교 테이블 솔루션과 함께 할 수 없습니다. )는 사이드바에 필터 위젯을 표시하여 방문자 다양한 제휴 제품과 상호 작용할 수 있습니다.
필수는 아니지만 보드를 훨씬 더 유용하게 만들 수 있다고 생각합니다.
추가하려면 이동 모양 → 위젯 다른 위젯에 슬라이드 " 제품 테이블 계층화 된 Nav 필터« .
일단 이렇게 하면 당신의 방문자 제휴 상품을 필터링할 수 있습니다.
끝내기
이 튜토리얼은 WooCommerce를 사용하여 제휴 제품을 관리하는 데 의존하므로 모든 제휴 사이트에서 작동하지 않습니다.
그러나 WooCommerce를 사용하거나 옵션이있는 경우 더 유용하고 유연한 계열 제품을 표시하는 좋은 방법이라는 것을 알아야합니다.
또한 동적으로 생성되기 때문에 WooCommerce에 추가하는 모든 새로운 제휴 제품은 해당 게시판에 자동으로 표시되므로 추가 할 때마다 수동으로 정적 테이블을 편집하는 것보다 훨씬 쉽습니다. 또는 제품을 업데이트하십시오.
