WooCommerce에서 제품 갤러리에 비디오를 추가하는 방법

WooCommerce 사이트의 제품 갤러리에 비디오를 추가하는 방법을 찾고 계십니까?

WooCommerce 스토어에 제품 비디오를 추가하는 것은 좋은 생각입니다. 비디오를 사용하여 잠재 고객에게 제품에 대한 주요 정보를 신속하게 전달하여 구매 결정을 유도할 수 있습니다.

WooCommerce는 제품 갤러리에 비디오를 추가하는 기본 제공 방법을 제공하지 않지만 이를 수행하는 방법이 있습니다.

이 튜토리얼에서는 WooCommerce 사이트에 비디오를 삽입하는 방법을 보여 드리겠습니다.

WooCommerce 스토어에 제품 비디오를 추가해야 하는 이유

동영상은 사용하기 쉽기 때문에 인기 있는 콘텐츠 형식입니다. 이것이 오늘날 소셜 미디어 플랫폼이 비디오로 가득 차 있고 YouTube가 인터넷에서 두 번째로 많이 방문한 웹사이트인 이유입니다.

전자 상거래 분야에서 비디오는 제품의 이점을 강조하고 고객의 삶을 개선할 실질적인 방법을 보여줄 수 있습니다. 실제 제품을 보는 것은 매력적이며 더 많은 고객에게 다가가고 더 많은 판매를 유도하는 데 도움이 됩니다.

방문자는 비디오를 시청하는 데 더 많은 시간을 매장에서 보낼 것입니다. Google은 체류 시간이 더 긴 웹사이트를 신뢰하므로 제품 페이지에 비디오를 추가하면 상점의 검색 엔진 순위를 높이는 데 도움이 될 수 있습니다.

WooCommerce 스토어에서 비디오를 추가하는 위치

WooCommerce 스토어에는 비디오를 추가하여 사용자 참여를 높일 수 있는 두 곳이 있습니다. 방문자는 일반적으로 필요한 제품을 찾기 위해 이러한 페이지를 배회합니다. 그들은 다음과 같습니다:

1. 단일 제품 페이지
2. 상점 카탈로그 및 아카이브 페이지

다음 섹션에서는 이 두 위치에 비디오를 추가하는 방법을 보여 드리겠습니다.

WooCommerce에는 이 기능이 포함되어 있지 않지만 Botiga 테마를 사용하면 제품 페이지에 비디오와 오디오를 추가할 수 있습니다.

Botiga에는 무료 버전과 프리미엄 버전이 있습니다. 제품 비디오 기능을 사용하려면 Botiga Pro가 필요합니다(무료 버전과 프로 버전 비교 참조).

1. 무료 보티가 테마 설치

먼저 무료 Botiga 테마를 설치해야 합니다. Botiga Pro는 플러그인으로 제공되며 테마에 프리미엄 기능을 추가합니다.

WordPress 관리 영역에서 모양 > 테마 로 이동하고 새로 추가 버튼을 클릭합니다. 검색 창에 'Botiga'를 입력한 다음 테마를 설치하고 활성화합니다.

2. Botiga Pro 플러그인 다운로드 및 설치

이제 Botiga Pro 플러그인을 설치해야 합니다. 구매하여 로컬 컴퓨터에 다운로드한 후 WordPress 관리 영역에서 플러그인 > 새로 추가 로 이동합니다.

플러그인 추가 페이지에서 플러그인 업로드 버튼을 클릭합니다. botiga-pro.zip 파일을 업로드한 다음 플러그인을 설치하고 활성화합니다.

3. 시작 사이트 가져오기

WooCommerce 스토어에 이미 제품을 업로드한 경우 이 단계를 건너뛸 수 있습니다. 그러나 이제 막 시작하는 경우 데모 제품과 함께 사전 구축된 전자 상거래 상점인 Botiga Pro의 스타터 사이트 중 하나를 가져올 수 있습니다.

아래에서 단일 제품 데모를 가져올 것이지만 다른 시작 사이트도 선택할 수 있습니다.

WordPress 관리 영역에서 모양 > 테마 대시보드 로 이동하고 시작 사이트 버튼을 클릭합니다. 이렇게 하면 데모 가져오기 플러그인이 설치되고 활성화됩니다( 플러그인 페이지에서 테마 시작 사이트 로 찾을 수 있음).

데모 가져오기 플러그인이 활성화되면 자동으로 시작 사이트 관리 페이지로 리디렉션됩니다.

여기에서 가져올 시작 사이트를 찾고 가져오기 버튼을 클릭하면 가져오기 프로세스가 실행되고 스토어에 데모 콘텐츠가 추가됩니다.

4. 보티가 제품 옵션 찾기

이제 제품 > 모든 제품 으로 이동하여 비디오를 추가할 제품을 편집 합니다.

내 데모 사이트에서 Bluetooth Earphone 이라는 제품을 편집하겠습니다.

제품 편집 페이지에서 Botiga 제품 옵션 위젯이 나올 때까지 아래로 스크롤합니다.

5. 제품 갤러리에 비디오 추가

추천 비디오 탭에서 비디오 갤러리 활성화 옵션을 토글하고, 제품에 추가하려는 비디오의 URL을 입력합니다. 원하는 경우 각 제품에 여러 비디오를 추가할 수 있습니다.

Botiga는 YouTube, Vimeo 및 Dailymotion 포함을 지원합니다. 비디오 업로드 옵션을 사용하여 자체 호스팅 비디오를 업로드할 수도 있습니다.

자체 호스팅 비디오를 제품 갤러리에 추가하려면 먼저 미디어 > 새로 추가 메뉴에서 WooCommerce 사이트에 비디오를 업로드해야 합니다. 동영상이 업로드되면 동영상을 열고 동영상의 URL을 복사하여 붙여넣습니다.

6. 비디오의 종횡비 설정

가로 세로 비율 옵션을 사용하여 비디오의 크기를 설정할 수 있습니다.

어떤 종횡비를 선택해야 할지 잘 모르겠다면 자동 옵션을 사용하여 테마가 결정하도록 할 수 있습니다.

모든 것이 설정되면 페이지 상단으로 다시 스크롤하여 업데이트 버튼을 클릭합니다.

내 데모 사이트에서 가로 세로 비율을 16:9로 설정했으며 자체 호스팅 비디오가 내 제품 갤러리에 표시되는 방식은 다음과 같습니다.

위에서 볼 수 있듯이 비디오는 자동으로 갤러리의 첫 번째 항목으로 추가됩니다.

7. 상점 카탈로그 및 아카이브 페이지에 비디오 추가

제품 갤러리에 표시되는 비디오 외에도 각 제품에 추천 비디오를 추가할 수도 있습니다. 추천 비디오는 상점 카탈로그 및 아카이브 페이지에 표시됩니다.

각 제품 페이지 하단의 Botiga 제품 옵션 > 추천 영상 위젯에서 추천 영상을 추가할 수 있습니다.

추천 비디오 활성화 옵션을 토글하고 카탈로그 및 아카이브 페이지에서 해당 제품에 대해 표시할 비디오의 URL을 입력하십시오.

추천 동영상을 사이트에서 자체 호스팅하거나 YouTube, Vimeo 또는 Dailymotion과 같은 타사 플랫폼에서 임베드할 수 있습니다.

원하는 경우 비디오를 자동 재생으로 설정할 수 있지만 자동 재생은 일부 사용자에게 사용성 문제를 일으킬 수 있습니다.

업데이트 버튼을 클릭하고 상점의 프론트엔드를 방문하십시오.

제품의 추천 이미지가 방금 업로드한 비디오로 대체되었음을 알 수 있습니다.

그게 다야. 이제 WooCommerce 스토어에 제품 비디오를 추가하는 방법을 알게 되었습니다.

결론

동영상을 사용하면 몇 주 안에 전환수가 급증하는 것을 볼 수 있습니다. 단일 제품 및 상점 아카이브 페이지는 WooCommerce 스토어에서 가장 인기 있는 페이지이므로 비디오를 추가하는 것이 좋습니다.

즉, 비디오 콘텐츠를 추가하면 웹 페이지가 느려지는 경향이 있으므로 사이트가 이전보다 더 무거워질 수 있습니다. 사이트 속도를 확인하고 이 가이드를 사용하여 페이지 로드 시간을 줄이십시오.

WooCommerce 사이트의 제품 갤러리에 비디오를 추가하는 방법에 대해 질문이 있는 경우 아래 의견에 알려주십시오.