전자 상거래 비디오 호스팅을 위한 완전한 Shopify + Swarmify 가이드

Swarmify를 사용하면 Shopify 온라인 스토어에서 비디오를 가속화하여 사용자 참여를 높이고 수익을 늘릴 수 있습니다.

동영상 콘텐츠가 포함된 제품 페이지 에서 전환율이 80% 증가 한다는 사실을 알고 계셨습니까? 맞습니다. 고객은 자신이 얻는 것을 보는 것을 좋아합니다.

최고의 제품 이미지를 업로드하고, 거부할 수 없는 설명을 작성하고, 제품에 대한 빛나는 리뷰를 수집할 수 있지만 비디오 콘텐츠는 몇 초 만에 핵심을 집으로 가져옵니다.

귀하의 제품이 어떻게 작동하는지 쉽게 시연하고 비디오 평가를 사용하여 사람들이 귀하의 제품에 대해 열광하는 이유를 보여줄 수 있습니다. 요점은 비디오 마케팅이 Shopify 전자 상거래 스토어에서 판매를 늘리는 강력한 전술이라는 것입니다.

그리고 오늘의 블로그 게시물에서는 Swarmify 및 Shopify를 사용하여 즉시 시작하고 버퍼가 없고 믿을 수 없을 정도로 빠른 비디오를 사용자에게 제공하는 방법을 정확히 보여줍니다. 모든 것을 설정하는 것은 A, B, C만큼 쉽기 때문에 기술에 정통하지 않다면 걱정하지 마십시오. :)

Swarmify를 사용하면 더 나은 사용자 경험, 더 높은 전환율 및 궁극적으로 더 많은 매출을 누릴 수 있습니다. 반면에 제3자 링크(예: YouTube)가 포함된 느린 동영상은 브랜드를 손상시키고 트래픽을 도용하며 사용자를 멀리 보낼 뿐입니다.

이제 당신은 그것을 원하지 않으며 우리도 마찬가지입니다. 더 이상 고민하지 않고 몇 가지 배경 정보로 시작하여 같은 페이지에 있도록 하겠습니다.

쇼피파이란?

Shopify는 업계 최고의 전자 상거래 플랫폼입니다. 그들은 온라인 상점을 만들고 실행에 착수할 수 있는 수많은 도구를 제공합니다.

초보자이든 전문가이든 상관없이 Shopify를 사용하면 온라인이든 오프라인 매장이든 상관없이 매우 쉽게 판매를 시작할 수 있습니다.

Shopify 온라인 스토어를 만드는 것은 4학년 학생들의 일입니다. 플랫폼에는 손쉬운 스토어 빌더와 떨어질 때까지 사용자 정의할 수 있는 수많은 기성 템플릿이 함께 제공됩니다.

또한 사용자 친화적 인 제품 편집기를 제공하여 상사처럼 인벤토리를 생성, 게시 및 관리 할 수 ​​​​있습니다. 내장된 SEO 기능 덕분에 검색 엔진에 맞게 제품을 최적화할 수도 있습니다.

또한 땀을 흘리지 않고 주문을 처리하고 배송하는 데 필요한 모든 도구가 있습니다. 그 외에도 추측 없이 "...디지털 마케팅 캠페인을 생성, 실행 및 분석..."하는 마케팅 도구 모음을 제공합니다.

무엇보다도 여러 지불 게이트웨이를 마음대로 사용할 수 있으므로 지불을 수금하고 처리하는 것이 수월합니다.

그들은 물을 테스트하기 위해 14일 동안 신용 카드가 필요 없는 평가판으로 시작합니다. Shopify의 전체 기능을 사용하려면 유료 플랜에 가입해야 합니다.

Shopify 주요 기능

Shopify는 다음과 같은 기능 덕분에 수백만 명의 사용자가 선택한 전자 상거래 플랫폼입니다.

• 숙련된 웹 개발자처럼 온라인 상점을 채울 수 있는 사용하기 쉬운 웹 사이트 편집기
• 상점에 맞게 사용자 정의할 수 있는 70개 이상의 테마
• 매장이나 스마트폰/모바일 장치에서 판매할 수 있는 POS(판매 시점)
• 직송 비즈니스를 위한 손쉬운 Oberlo 통합
• 온라인 스토어 빌더
• 여러 지불 프로세서
• 반응형 및 모바일 친화적인 디자인
• 무료 스톡 사진
• 상점의 HTML, CSS 및 JS를 쉽게 편집
• 사용자 정의 도메인 이름(예: swarmify.com)
• 콘텐츠 마케팅에 적합한 풀 블로깅 플랫폼
• 무료 SSL 인증서
• 버려진 결제 복구
• 유연한 배송료 및 자동 세금
• 여러 언어
• 새 Google 광고 계정에 25달러를 지출하면 100달러의 Google 광고 크레딧
• 원활한 소셜 미디어 통합
• 무제한 대역폭
• 연중무휴 지원
• 그리고 훨씬 더!

이미 Shopify를 사용하고 있다면 이것이 왜 뛰어난 전자 상거래 플랫폼인지 설명할 필요가 없습니다. 기술 기술이 전혀 없는 초보자라면 Shopify를 전자 상거래 제공업체로 잘못 사용할 수 없습니다.

거래를 성사시키기 위해 Shopify는 월 9달러부터 시작하는 저렴한 요금제를 제공합니다. 새로운 비즈니스를 시작하는 경우 기본 Shopify 요금제(월 $29)를 사용하면 비용 대비 뛰어난 가치를 제공합니다.

즉, Swarmify가 무엇입니까?

스웜파이가 무엇인가요?

여기에서 완전히 새로운 사람이 아니라면 Swarmify는 사용자에게 12배 더 빠른 비디오를 제공하는 데 도움이 되는 독특한 비디오 가속 서비스입니다.

우리는 스트리밍 거인 Netflix 및 Hulu가 지연 및 버퍼 없는 비디오 경험을 제공하는 데 사용하는 것과 동일한 기술을 사용합니다.

Shopify 스토어에서 비디오를 사용(또는 사용할 계획)하는 경우 비디오의 로딩 속도를 높이는 데 필요한 것을 정확히 제공합니다.

또한 구매자에게 완전히 맞춤형 비디오 경험을 제공할 수 있도록 도와드립니다.

YouTube 브랜드, 링크 및 경쟁업체의 추천 동영상과 함께 제공되는 YouTube 동영상 플레이어를 사용하는 대신 SmartVideo 플레이어를 제공합니다.

우리의 혁신적인 비디오 플레이어에는 브랜드나 링크가 포함되어 있지 않습니다. 100% 깔끔하게 정리되어 있으며 몇 분 만에 Shopify 스토어에 맞게 사용자 지정할 수 있습니다.

귀하와 같은 많은 기업가가 Shopify 온라인 스토어를 위해 Swarmify SmartVideo를 선택하는 이유는 다음과 같습니다.

Swarmify 주요 기능

우리는 해당 분야의 선두 주자이며 우리의 명성에 맞는 기능을 제공합니다.

• Shopify와 마찬가지로 무제한 대역폭 :
• 무제한 저장용량
• SmartCDN 비디오 콘텐츠 전송 네트워크 - 구매자가 어디에 있든 업계 평균보다 12배 빠른 비디오를 즐깁니다.
• 자동 YouTube 변환 - 이미 YouTube를 사용하고 있고 Shopify 스토어에 YouTube 비디오가 있는 경우 SmartVideo는 모든 비디오를 자동으로 변환하고 초고속 스택 및 CDN에서 제공합니다.
• YouTube, Wistia, Vimeo, Google Drive, Amazon S3, pCloud 등과 같은 여러 플랫폼에서 비디오를 호스팅하는 기능. 깔끔한 비디오 플레이어에서 모든 비디오를 제공하기 때문에 고객은 차이점을 알지 못할 것입니다.
• 모든 장치에서 최적화된 시청 경험을 위한 뛰어난 비디오 인코딩
• 지속적인 스트리밍 최적화 - SmartVideo는 재생 전반에 걸쳐 각 개별 사용자의 비디오 경험을 지속적으로 모니터링하고 오류가 발생하기 전에 방지합니다.
• 지연 없는 재생 - SmartVideo는 재생 중 평균적으로 다른 플레이어보다 8배 적은 버퍼링을 제공합니다. 이제 고객은 제품 비디오가 버퍼링될 때까지 기다릴 필요가 없습니다. EdgeAI 에 감사드립니다 :)
• 쉬운 설치
• 열정적인 개발자가 뒷받침하는 최고 수준의 지원
• 그리고 훨씬 더 (여기에서 기능에 대한 자세한 내용을 읽으십시오)

기업가는 더 나은 사용자 유지, 더 높은 전환율 및 더 많은 판매를 위해 Shopify 온라인 스토어에서 비디오를 사용하려고 합니다.

그리고 비디오 마케팅은 어렵기 때문에 작업을 더 쉽게 만드는 비디오 호스트가 필요합니다.

Swarmify에 들어가 당신은 하루를 구합니다. 우리는 구매자에게 빠르고 맞춤형이며 전문적인 비디오 경험을 제공하는 데 필요한 것을 제공합니다.

빠른 고품질 비디오 재생을 통해 YouTube, Wistia, Vimeo 또는 기타 비디오 호스팅 웹사이트에서 직접 비디오를 제공하는 것보다 Shopify 스토어에서 판매하는 것이 훨씬 쉬워졌습니다.

이 서문을 통해 SmartVideo를 Shopify 스토어와 통합하도록 하겠습니다.

전자 상거래 비디오 호스팅을 위해 Shopify + SmartVideo를 사용하는 방법

다음 섹션의 경우 작동하는 Shopify 스토어가 있어야 합니다. 여전히 귀가 젖어 있는 경우 Shopify 스토어를 만드는 방법에 대한 유용한 가이드가 있습니다.

또한 준비된 Swarmify 계정이 필요합니다. 저렴한 요금제를 확인하고 귀하의 비즈니스에 가장 적합한 요금제를 선택하십시오. 자세히 알아보시겠습니까? 증가하는 사례 연구 목록을 확인하십시오.

Shopify 제품 페이지에 SmartVideo를 추가하는 방법

제품 관리 페이지의 "미디어" 섹션에서 "미디어 추가"를 클릭하고 비디오를 업로드하십시오. SmartVideo가 사이트에 설치되면 비디오는 당사의 글로벌 배달 네트워크에서 배달되지만 비디오는 여전히 표준 Shopify 비디오 플레이어에 표시됩니다.

SmartVideo 플레이어에서 비디오를 표시하려면 SmartVideo가 YouTube 또는 Vimeo 비디오를 자동으로 변환하도록 해야 합니다.

샘플 제품의 경우 YouTube의 Unbox Therapy에서 리뷰 비디오를 빌렸습니다.

그런 다음 YouTube 동영상으로 완성된 샘플 제품을 만들었습니다. 샘플 Shopify 스토어에서는 다음과 같이 표시됩니다.

꽤 깔끔하죠? 처음에는 괜찮아 보이지만 몇 가지 문제가 있음을 인정해야 합니다.

첫째, Shopify 스토어에 적합하지 않을 수 있는 명백한 YouTube 브랜딩이 있습니다.

둘째, 동영상 플레이어 상단의 제목은 구매자를 YouTube로 리디렉션하는 교묘하게 짜여진 링크입니다. 웹사이트로 트래픽을 유도하기 위해 열심히 일할 때, 당신은 확실히 그런 일이 일어나기를 원하지 않을 것입니다.

셋째, 사용자가 동영상을 재생하고 일시 중지할 때 YouTube 플레이어가 어떻게 보이는지 보여줍니다.

저것 봐; YouTube 플레이어는 방문자를 유인하기 위한 혼란과 방해 요소로 가득 차 있습니다.

'더 많은 동영상' 섹션을 참조하세요?

이 섹션에는 경쟁업체의 동영상 이 표시될 수 있습니다. 이는 단순히 용납할 수 없습니다. 구매자가 비디오를 친구와 공유하면 링크가 사용자를 Shopify 스토어가 아닌 YouTube로 다시 리디렉션합니다!

Shopify 스토어에서 제품 비디오를 사용하고 싶다면 무료 서비스라 할지라도 YouTube에서 직접 비디오를 호스팅하는 것이 얼마나 문제 인지 명확하게 알 수 있습니다.

또는 그들이 말했듯이 무료 점심과 같은 것은 없습니다 :)

간단히 말해서...

YouTube 비디오 플레이어로는 전문적인 느낌과 모양을 투영 할 수 없습니다. 또한 주의를 산만하게 하면 구매자만 멀어져 전환율과 매출이 낮아집니다.

표준 Shopify 페이지에 SmartVideo를 추가하는 방법

SmartVideo가 설치되면 YouTube 및 Vimeo 비디오가 사이트 전체에서 자동으로 변환되지만 SmartVideo를 일반 Shopify 페이지에 추가하는 가장 깔끔한 방법은 SmartVideo 태그를 활용하는 것입니다.

페이지 관리자의 콘텐츠 섹션에서 "비디오 삽입" 버튼을 클릭하고 텍스트 상자에 SmartVideo 태그를 붙여넣습니다.

SmartVideo를 설치하면(다음 섹션에서 논의할 것임) 비디오가 페이지에 표시됩니다.

이제 우리가 무엇을 하고 있는지 알았으니 Swarmify를 Shopify 스토어와 통합하고 차이점을 살펴보겠습니다.

Swarmify 구성 조각 복사

작성 당시에는 Shopify 앱이 없습니다. 즉, Swarmify를 Shopify와 수동으로 통합해야 합니다. 마찬가지로 프로세스는 A, B, C만큼 쉽습니다.

무엇을 할까요?

Swarmify 대시보드 에 로그인합니다.

Swarmify 대시보드는 간단하고 사용하기 쉽습니다. 우리는 쓸모없는 기능으로 당신을 괴롭히지 않습니다. 우리는 당신이 원하는 대로 날씬하게 유지합니다 :)

그런 다음 아래와 같이 구성 탭을 클릭합니다.

다음 화면에서 Shopify 스토어에 이미 YouTube 동영상이 있는지 선택하고 다음 을 클릭합니다.

전문가 팁 : 가장 좋은 방법은 " 예 "를 선택하여 YouTube 자동 변환을 켜는 것입니다. 저도 " 예"를 선택했습니다.

그런 다음 Shopify 스토어에 배경 비디오가 있는지 여부를 선택하고 다음 을 클릭합니다. 나는 배경 비디오가 없으므로 " 아니요 :"를 선택했습니다.

다음 페이지에서 비디오 플레이어 색 구성표를 변경할지 여부를 선택합니다.

색 구성표를 변경하려면 예 (1)를 선택하고 사용자 지정 색(2)을 선택하고 다음 (3)을 클릭합니다.

당신은 훌륭하게하고 있습니다 :)

그런 다음 비디오 플레이어 버튼 모양을 선택하고 다음 을 클릭합니다. 현재 Default (Hexagonal), Rectangle 및 Circle 의 세 가지 옵션이 있습니다.

그런 다음 비디오에 사용자 정의 워터마크를 추가할지 여부를 선택하고 다음 버튼을 클릭합니다.

마지막으로 동영상에 광고를 활성화할지 여부를 선택하고 마침 을 클릭합니다.

Shopify 제품에 설명 동영상을 추가할 것이므로 광고가 없는 것이 좋습니다.

그런 다음 아래에서 자세히 설명하는 것처럼 Copy to Clipboard 를 클릭합니다.

Swarmify 스니펫이 복사되면 다음 단계인 Shopify 스토어에 추가할 준비가 된 것입니다.

Shopify 스토어에 Swarmify 스니펫 추가

다음 섹션에서는 방금 복사한 Swarmify 스니펫을 Shopify 스토어에 추가합니다.

간단하니 걱정마세요 :)

Shopify 스토어 대시보드에 로그인하고 왼쪽 탐색 메뉴에서 온라인 스토어 를 클릭합니다.

그런 다음 아래에 표시된 것처럼 테마 를 클릭합니다.

그런 다음 작업 드롭다운 메뉴를 클릭하고 코드 편집 을 선택합니다.

그런 다음 {/} theme.liquid 를 클릭합니다.

다른 JavaScript 코드가 있는 섹션이 표시될 때까지 아래로 스크롤합니다. 일반적으로 <script> 태그로 시작합니다. 다음은 도움이 되는 스크린샷입니다.

그런 다음 앞에서 복사한 Swarmify Snippet 을 <script> 태그 위에 붙여넣고 아래와 같이 저장 을 클릭합니다.

그리고 그게 다야!

이제 Shopify 스토어가 Swarmify에 연결되었습니다!

대단해, 그렇지?

인내해주셔서 감사합니다. 처음부터 제대로 하는 것이 중요하기 때문에 어떤 단계도 건너뛰고 싶지 않았습니다. :)

이제 YouTube에 동영상을 계속 업로드하고 Shopify 스토어에 추가할 수 있습니다. Swarmify는 아름답고 깔끔한 비디오 플레이어에서 모든 비디오를 인코딩, 변환 및 제공합니다.

다음과 같은 것을 알 수 있습니다.

YouTube 브랜드, 링크 및 방해 요소가 없습니다. 사용자가 비디오를 재생하고 일시 중지할 때도 멋지게 보이는 깔끔한 비디오 플레이어입니다. :)

N/B : 동영상은 길이에 따라 최적화에 시간이 걸립니다. 제 샘플 영상은 3.58분이라 4분정도 기다렸어요 :)

그리고 비디오가 완전히 최적화되었다는 것을 어떻게 알 수 있었습니까? 비디오 플레이어에 아래와 같이 Video Acceleration: ON 이 표시됩니다.

같은 비디오, 같은 페이지 - 다른 결과. 트래픽을 빨아들이는 모든 것이 사라졌습니다.

펑! 모두 사라졌습니다.

이제 제품 페이지에서 가장 필요한 위치에 구매자를 유지할 수 있습니다. :)

비디오는 일반 플레이어보다 12배 빠르게 로드되며 새로운 깔끔한 플레이어는 놀랍고 전문적으로 보입니다.

Unbox Therapy가 "구독 및 설명에 있는 링크를 통해 저를 팔로우하세요...ㅋㅋㅋㅋ

그건 그렇고, 그는 훌륭한 사람이지만, 나는 당신이 요점을 이해하기를 바랍니다 :)

비디오 플레이어 추가 사용자 정의

비디오 플레이어를 추가로 사용자 지정할 수 있는 몇 가지 태그가 있습니다.

해당 없음 : {/}theme.liquid 파일의 <HEAD> 섹션에 추가한 자바스크립트 코드와 달리 다음 SmartVideo 태그를 동영상 플레이어를 표시할 위치에 직접 추가합니다. 마지막 에 훌륭한 Shopify 예제 가 있습니다. :)

비디오에 포스터 이미지나 미리보기 이미지를 추가하려면 사이트에 다음 코드를 복사하여 붙여넣으세요.

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" poster="path/to/my/image.png" controls></smartvideo>

메모:

• " path/to/my/video.mp4" 및 " path/to/my/image.png" 를 각각 비디오 및 포스터 이미지의 실제 경로로 바꿉니다.
• 플레이어의 너비와 높이를 원하는 대로 조정할 수 있습니다.

비디오를 자동 재생 하려면 다음 SmartVideo 태그를 사용하십시오.

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

전문가 팁: muted 와 결합하지 않는 한 많은 브라우저에서 자동 재생 을 제한합니다. 음소거 와 함께 자동 재생 만 사용하는 것이 좋습니다. 또한 자동 재생 시 IOS/Safari에서 올바른 재생을 위해 재생 인라인 을 추가하는 것이 필수적입니다.

오디오를 음소거한 상태에서 재생을 시작하도록 비디오 플레이어에 지시하려면 다음을 사용하십시오.

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted></smartvideo>

비디오가 끝나면 다시 재생하도록 루프하려면 다음을 사용하십시오.

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls loop></smartvideo>

Safari iOS에서 비디오가 전체 화면으로 재생되지 않도록 하려면 다음을 사용하십시오.

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls playsinline></smartvideo>

플레이어가 반응하지 않게 하려면(고정 너비 및 높이) 태그에서 class="swarm-fluid" 를 제거하십시오.

N/B: YouTube를 비디오 소스로 사용하는 경우:

• 모든 동영상을 '비공개' 에서 '미등록'으로 변경합니다. 이렇게 하면 Swarmify가 동영상을 가져와 처리할 수 있습니다.
• 페이지에 대한 직접 링크가 아닌 올바른 포함 링크를 사용하십시오. 예를 들어 https://www.youtube.com/watch?v=wBp0Rb-ZJak (나쁜) 대신 https://www.youtube.com/embed/wBp0Rb-ZJak (좋음) 을 사용합니다.

또한 모든 SmartVideo 태그에 포함된 컨트롤 을 제거하지 마십시오. 그렇게 하면 사용자에게 비디오를 재생할 수 있는 버튼이 없습니다.

작동하는 Shopify 예제

Shopify에서 SmartVideo 태그를 사용하는 방법을 설명하기 위해 새 Shopify 페이지에 비디오를 추가하겠습니다.

Shopify 블로그 게시물에도 SmartVideo 태그를 추가할 수 있습니다. 절차는 동일하게 유지됩니다.

Unbox Therapy의 동일한 비디오를 사용하고 있습니다. 직접 링크가 아닌 내장 코드를 사용하는 것을 잊지 마십시오.

따라서 준비된 SmartVideo 태그는 다음과 같습니다.

 <smartvideo src="https://www.youtube.com/embed/MPzBcvGtry8" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

그런 다음 Shopify 스토어 관리자에 로그인하고 온라인 스토어 > 페이지 로 이동하여 새 페이지를 추가합니다 .

참고로 제 것은 페이지가 없는 완전히 새로운 상점입니다. :) 기존 페이지가 있는 경우 다음과 같이 표시됩니다.

중요하지 않습니다. 기존 페이지를 편집하거나 페이지 추가를 클릭하여 새 페이지 를 추가할 수 있습니다. 그렇게 하면 페이지 편집기로 이동합니다.

그런 다음 아래와 같이 페이지에 제목을 추가하고 HTML로 전환합니다.

다음으로 SmartVideo 태그를 복사하여 붙여넣고 아래에 강조 표시된 대로 저장 을 클릭합니다.

이제 프론트 엔드에서 페이지를 보면 다음이 표시됩니다.

배경 비디오 가속이 포함된 테스트 비디오가 있습니다. 내 SmartVideo 태그에 자동 재생 이 포함되어 있고 음소거 되었기 때문에 동영상이 자동으로 재생되기 시작했습니다. 거기에서 모든 컨트롤 을 볼 수도 있습니다.

그리고 이것이 SmartVideo 태그를 사용하여 비디오 플레이어를 추가로 사용자 정의하기 위한 모든 것입니다. 원하는 결과를 얻으려면 다른 태그를 결합하십시오.

마지막 단어

Swarmify는 비디오 호스팅의 새로운 표준입니다. 당사의 기술과 Shopify를 결합하면 열성적인 구매자에게 환상적인 비디오 경험을 제공할 수 있는 도구를 갖게 됩니다.

우리는 귀하와 같은 다양한 비즈니스에 빠르고 사용자 정의 가능한 고품질 비디오 경험을 제공합니다. 그것은 우리의 가장 중요한 임무이며, 우리는 매일 그것을 더 잘하고 있습니다.

우리의 말을 믿지 말고 사례 연구를 확인하고 전자 상거래를 위한 Swarmify 비디오 호스팅으로 다른 기업이 어떻게 그것을 죽이고 있는지 알아보십시오.