블로그

Shopify에 소셜 미디어 피드를 추가하는 방법

마지막 업데이트 날짜: 
Shopify에 소셜 미디어 피드를 추가하는 방법

브랜드의 소셜 미디어 계정을 Shopify 스토어에 연결하면 사용자 생성 콘텐츠(UGC), 언박싱 비디오, 제품 사진 등 소셜 게시물의 실시간 피드를 이커머스 사이트 내에 바로 표시할 수 있습니다.

즉, 잠재 고객을 주의가 분산되어 장바구니를 포기할 수 있는 다른 플랫폼으로 리디렉션하지 않고도 소셜 증명(social proof)을 제공할 수 있습니다. 사람들을 Instagram이나 TikTok으로 보내지 않고 Shopify 스토어에 머물게 하면 사이트 체류 시간도 늘어나 사용자 참여도를 향상시킬 수 있습니다.

하지만 어떻게 해야 할까요? Shopify는 최고의 이커머스 웹사이트 빌더 중 하나이지만, 소셜 미디어 피드를 자동 업데이트하는 기능이 내장되어 있지는 않습니다. 온라인 스토어에서 이 기능을 사용하려면 Shopify App Store에서 프리미엄 서드파티 도구를 설치하거나 무료 소셜 피드 위젯을 임베드하여 Shopify에 소셜 미디어 피드를 추가하는 방법을 알아야 합니다. 아래에서 두 가지 방법을 모두 살펴보겠습니다.

옵션 1: 전용 Shopify App Store 연동 설치하기

Shopify에서 판매 중인 경우 스토어에 소셜 피드를 표시하는 표준적인 방법은 Shopify App Store를 열고 Instafeed와 같은 서드파티 피드 애그리게이터를 검색하여 테마 편집기에 설치하는 것입니다. 여기서부터는 Shopify 대시보드를 벗어나지 않고도 소셜 미디어 계정을 스토어에 연결할 수 있습니다.

작동 방식은 다음과 같습니다.

  1. Shopify 계정에 로그인하고 앱(Apps) 아래에 있는 추가(Add)를 클릭합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-1
  1. 나타나는 창의 하단에서 Shopify App Store를 클릭합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-2
  1. 원하는 소셜 미디어 피드 도구를 검색한 다음 설치(Install)를 클릭합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-3
  1. 앱이 액세스할 항목을 설명하는 팝업 창 하단의 설치를 클릭합니다.
  2. 앱의 지침에 따라 소셜 계정을 연결하고 Shopify 스토어에 피드를 추가합니다.

Shopify App Store의 피드 애그리게이터는 스토어에 표시되는 소셜 게시물을 자동 업데이트할 수 있지만, 대부분 두 가지 주요 단점이 있습니다.

  • 비용: 많은 소셜 피드 앱이 무료 요금제를 제공합니다. 하지만 일부 앱은 한두 개의 소셜 미디어 플랫폼으로만 제한하며 여러 플랫폼의 피드를 결합하려면 유료 구독이 필요합니다. 또 다른 앱들은 앱의 브랜딩을 표시하는데, 이는 유료 요금제로 업그레이드해야만 제거할 수 있습니다.
  • 블로트(과부하): Shopify 스토어에 피드 애그리게이터를 설치하면 스토어프런트에 JavaScript가 추가됩니다. 사이트에서 처리해야 할 JavaScript 코드가 많을수록 로딩 속도가 느려질 가능성이 높으며, 이는 결제를 지연시키고 전환율을 떨어뜨릴 수 있습니다.

옵션 2: 무료 오프 서버 소셜 피드 위젯 추가하기(권장)

월간 소프트웨어 구독료를 지불하거나 무거운 코드로 인해 사이트 로딩 시간을 늘리지 않으면서 Shopify 스토어에 동적인 멀티플랫폼 소셜 피드를 추가하고 싶다면 Jform 소셜 피드 위젯을 확인해 볼 가치가 있습니다. 이 위젯은 놀랍도록 사용하기 쉬운 무료 Instafeed 대안입니다.

소셜 피드 세부 정보로 위젯을 맞춤 설정하고, 자동으로 생성된 임베드 코드를 복사하여 Shopify 스토어에 붙여넣기만 하면 됩니다.

  1. Jform 소셜 피드 위젯 페이지로 이동합니다.
  2. 화면 왼쪽에 있는 첫 번째 소스 추가(Add first source)를 클릭합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-4
  1. 피드를 가져올 소셜 플랫폼을 하나 이상 선택하고 브랜드 프로필 링크를 제공한 다음 연결(Connect)을 클릭합니다. 위젯을 소셜 미디어 프로필에 연결하려면 Jform 계정에 로그인해야 합니다(아직 계정이 없다면 가입하세요).
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-5
  1. 뒤로 가기(Back)를 클릭한 다음 제목, 설명 및 기타 소셜 피드 세부 정보를 맞춤 설정한 후 계속(Continue)을 클릭합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-6
  1. 테마, 모양, 글꼴을 포함하여 소셜 피드 위젯의 모양을 조정합니다. 그런 다음 계속(Continue)을 클릭합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-7
  1. 소셜 피드의 레이아웃을 선택한 다음 웹사이트에서 무료로 사용해 보기(Try it on your website for free)를 클릭합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-8
  1. 코드 복사(Copy Code)를 클릭하여 Shopify용 무료 소셜 피드 임베드 코드를 가져옵니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-9

코드를 복사한 후 Shopify 스토어에 붙여넣습니다. 기술적인 지식이 없어도 쉽게 수행할 수 있습니다.

  1. Shopify 계정에 로그인하고 관리자 대시보드에서 온라인 스토어(Online Store)로 이동합니다.
  2. 테마 편집(Edit theme)을 클릭합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-10
  1. 소셜 피드를 표시할 페이지를 선택합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-11
  1. 코드를 붙여넣을 위치(헤더, 본문 또는 바닥글)를 선택한 다음 섹션 추가(Add section)를 클릭합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-12
  1. 사용자 지정 Liquid(Custom Liquid)로 이동합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-13
  1. Liquid 코드 아래에 임베드 코드를 붙여넣고 변경 사항을 저장합니다.
Shopify에 소셜 미디어 피드를 추가하는 방법 Image-14

Jform의 Shopify 소셜 미디어 위젯을 사용하면 비용을 지불하지 않고도 여러 플랫폼의 소셜 피드를 병합하고, 자동 업데이트하며, 모양을 맞춤 설정할 수 있습니다. 또한 이 위젯은 스토어의 서버가 아닌 Jform의 서버에서 소셜 피드를 결합하므로 사이트의 로딩 속도에 영향을 미칠 가능성이 적습니다. Jotform-Shopify 연동은 무료이므로 API 토큰 수수료로 인해 소셜 피드나 스토어프런트의 레이아웃이 중단될까 봐 걱정할 필요가 없습니다.

스마트한 서버리스 위젯으로 Shopify 스토어 강화하기

소셜 피드 위젯 외에도 Jform은 이윤 마진을 극대화하고, 높은 장바구니 추가 전환율을 유지하며, 불필요한 소프트웨어 구독을 피하기 위해 사용할 수 있는 다른 무료 웹사이트 위젯을 제공합니다. 예를 들면 다음과 같습니다.

전자상거래 판매자로서 예산은 Shopify에서 여러 소셜 피드를 결합하기 위해 값비싼 월간 앱 수수료를 지불하는 데 쓰기보다는, 수익성 있는 광고 캠페인을 운영하고 훌륭한 제품을 소싱하는 데 할당해야 합니다.

Jform 소셜 피드 위젯은 Shopify에 Instagram 피드를 임베드하든 여러 소스의 피드를 병합하든 적합한 대안입니다. 오늘 무료로 사용해 보세요.

Pro Tip

소셜 피드는 이목을 끄는 데 도움이 됩니다. Shopify 스토어에 Jform AI Chatbot을 추가해 보세요. 실시간으로 제품 및 정책 질문에 답변하고, 관련 제품을 추천하며, Instagram, Messenger, WhatsApp 및 스토어 내 채팅을 통한 고객과의 커뮤니케이션을 지원합니다.

스토어의 로딩 속도를 저하시키는 비싸고 코드가 무거운 앱을 설치하지 않고 시각적인 소셜 증명을 제공하고 체류 시간을 늘리려는 Shopify 스토어 소유자, 드롭쉬퍼 및 전자상거래 에이전시에게 유용합니다.

코멘트 보내기:

Jform Avatar
이 사이트는 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

Podo Comment 첫 번째 댓글을 남겨주세요.