워드프레스 사이트에 소셜 미디어 피드를 추가하면 소셜 피드에 새 게시물을 발행할 때마다 사이트에도 자동으로 표시되므로, 수동 업데이트 없이도 홈페이지를 항상 최신 상태로 유지할 수 있습니다. 이는 방문자에게 브랜드가 활발하게 활동하고 있음을 보여주며, 구매나 문의를 결정하기 전에 게시물에 대한 실제 참여도를 확인할 수 있게 해줍니다.
또한 피드는 방문자가 사이트에 머무는 시간(체류 시간)을 늘려줍니다. 인스타그램 프로필로 링크를 연결하면 방문자가 다른 브랜드의 게시물로 가득한 앱으로 이동하게 되지만, 사이트에 피드를 삽입하면 방문자가 페이지를 벗어나지 않고도 콘텐츠를 둘러볼 수 있습니다.
구텐베르크 블록을 사용해 워드프레스에 인스타그램 피드를 임베드해 본 적이 있다면, 이 블록이 기껏해야 단일 게시물만 처리할 수 있다는 것을 아실 겁니다. 게다가 플러그인 없이는 인스타그램이나 페이스북의 어떤 게시물도 표시할 수 없습니다. 어쨌든 가입형 워드프레스(WordPress.com)와 설치형 워드프레스 모두 게시 시점에 업데이트되는 피드를 기본적으로 지원하지 않으므로, 실시간 피드를 추가하려면 이를 지원하는 도구를 사용해야 합니다.
따라서 두 가지 옵션이 남습니다. 워드프레스 플러그인 디렉터리에서 소셜 피드 플러그인을 설치하거나, 여러 네트워크를 하나의 피드에 결합한 무료 호스팅 소셜 피드 위젯을 임베드하는 것입니다.
무거운 플러그인을 설치하거나 API 토큰을 관리할 필요 없이 워드프레스에 소셜 미디어 피드를 추가하려는 사이트 소유자, 블로거 또는 웹 디자인 에이전시라면, 이 가이드에서 설명하는 플러그인을 시작으로 두 가지 옵션을 모두 확인해 보시기 바랍니다.
옵션 1: 전용 워드프레스 피드 플러그인 설치하기
워드프레스에 소셜 피드를 추가하는 표준적인 방법은 플러그인을 사용하는 것입니다. 사이트에 최고의 워드프레스 플러그인을 이미 설치해 본 적이 있다면 이 과정이 익숙할 것입니다. 플러그인 디렉터리에서 검색하고, 소셜 계정을 연결한 다음, 블록 편집기에서 페이지에 피드를 추가하면 됩니다. 워드프레스 사용법을 이미 알고 있다면 간단한 과정입니다.
100만 회 이상의 활성 설치 수를 기록하며 널리 사용되는 옵션인 Smash Balloon Social Photo Feed가 있습니다. 무료 버전을 사용하면 개발자 계정 없이도 인스타그램에 연결할 수 있습니다.
무료 워드프레스 소셜 피드 플러그인을 설정하는 방법은 다음과 같습니다.
- 플러그인 설치: 워드프레스 대시보드에서 플러그인으로 이동한 다음, Smash Balloon Social Photo Feed를 검색하고 지금 설치 및 활성화를 클릭합니다.
- 계정 연결: 대시보드에서 해당 플러그인의 메뉴를 열고, 새 피드를 생성한 후 소스를 선택하고 표시하려는 인스타그램 계정으로 로그인하여 연결을 승인합니다.
- 사용자 지정 및 게시: 시각적 사용자 지정 도구를 사용하여 레이아웃, 색상 및 게시물 수를 설정한 다음, 블록 편집기에서 페이지에 플러그인의 블록을 추가하고 업데이트를 클릭합니다.
가입형 워드프레스(WordPress.com)에 호스팅된 사이트의 경우 플러그인을 설치하려면 유료 플랜이 필요합니다. 또한, Smash Balloon의 무료 버전은 본인 소유의 계정만 표시하며 Meta에 대한 승인된 연결이 필요합니다. 이러한 액세스 토큰은 60일 후에 만료되며, Smash Balloon이 자동으로 갱신하긴 하지만 갱신에 실패할 경우 다시 로그인하여 연결할 때까지 피드 업데이트가 중단됩니다.
무료 플러그인은 인스타그램만 지원합니다. 다른 플랫폼을 표시하려면 각각 별도의 플러그인이 필요합니다. 이를 하나의 피드로 결합하려면 매끄러운 레이아웃(masonry layouts), 해시태그 피드, 좋아요 수와 같은 Pro 전용 기능과 함께 연간 All Access Bundle에 포함된 Smash Balloon의 Social Wall이 필요합니다. 잘 만들어진 플러그인은 피드를 캐시하여 페이지 속도를 유지하지만, 잘못 만들어진 플러그인은 특히 모든 페이지에서 스크립트를 로드하는 경우 로드 시간을 늦춥니다.
옵션 2: 무료 오프서버 소셜 피드 위젯 추가하기 (권장)
여러 네트워크를 하나의 피드로 결합하는 무료 Smash Balloon 대안을 찾고 있다면, 유료 번들 없이도 호스팅 위젯으로 해결할 수 있습니다. Jform 소셜 피드 위젯은 인스타그램, 페이스북, X, 링크드인, 유튜브, 핀터레스트의 게시물뿐만 아니라 Vimeo, Reddit, Medium 같은 플랫폼 및 모든 RSS 소스를 수집하여 단일 반응형 피드로 표시합니다.
워드프레스 내에서 로그인하여 계정을 승인하는 대신, 위젯 빌더에 공개 @계정이나 프로필 URL을 입력하기만 하면 되므로 갱신해야 할 토큰이나 사이트에서 업데이트할 플러그인이 없습니다. 이는 파트너 브랜드나 이벤트 페이지 등 본인 소유가 아닌 계정도 표시할 수 있음을 의미합니다.
사이트가 가입형 워드프레스(WordPress.com)에 있는 경우, 사용자 정의 HTML 블록은 호스팅 기능이 켜진 유료 플랜에서만 임베드 코드를 유지하므로 먼저 플랜을 확인하세요. 설치형 사이트는 영향을 받지 않습니다.
하나의 위젯으로 워드프레스에 여러 소셜 피드를 추가하는 방법은 다음과 같습니다.
- 위젯 생성: Jform 작업 공간 페이지에서 생성을 클릭하고 웹사이트 위젯을 선택한 다음, 소셜 피드를 검색하고 위젯 사용을 클릭합니다.
- 소스 추가 및 피드 스타일 지정: 위젯 속성 패널의 일반 탭에서 + 첫 번째 소스 추가를 클릭하고 플랫폼을 선택한 다음, 공개 @계정이나 프로필 URL을 입력하고 연결을 클릭합니다. 피드에 추가하려는 각 계정에 대해 이 과정을 반복합니다. 레이아웃 탭에서 그리드, 매끄러운 레이아웃(masonry), 목록, 캐러셀 또는 슬라이더 레이아웃을 선택할 수 있으며, 스타일 탭에서는 테마에 맞게 디자인을 사용자 지정할 수 있습니다.
- 임베드 코드 복사: 상단에서 게시를 클릭하고 임베드 코드를 복사합니다.
- 워드프레스에 임베드하기: 블록 편집기에서 페이지를 열고 왼쪽 상단의 더하기(+) 아이콘을 클릭한 다음 사용자 정의 HTML을 선택하고 HTML 편집을 클릭한 후 코드를 붙여넣고 업데이트를 클릭합니다.
게시가 완료되면 소셜 피드가 워드프레스 페이지에 다음과 같이 표시됩니다.
또한 캡션에서 참여도 수치에 이르기까지 각 게시물 카드에 표시할 내용을 제어할 수도 있습니다. 사이트에 설치되는 항목이 없으므로 가볍게 유지 관리할 수 있는 소셜 피드 위젯입니다.
스마트한 서버리스 위젯으로 워드프레스 사이트를 더욱 강력하게 만드세요
각 기능마다 플러그인을 추가하지 않고도 워드프레스 사이트의 참여도를 높일 수 있는 방법을 찾고 있다면, 소셜 피드를 추가하는 것 외에도 Jform의 무료 웹사이트 위젯 디렉터리에서 150개 이상의 옵션을 확인할 수 있습니다. 여기에는 다음이 포함됩니다.
- 방문자가 자신의 네트워크에 페이지를 공유할 수 있게 해주며, 게시물 피드와 자연스럽게 어울리는 소셜 공유 위젯
- 소셜 미디어에서도 홍보 중인 세일이나 출시에 대한 카운트다운 또는 쿠폰 코드가 포함된 배너 위젯
- 마음에 드는 게시물을 보고 문의하고 싶은 방문자를 위한 WhatsApp 채팅 위젯
각 위젯은 소셜 피드와 동일한 방식으로 사용자 정의 HTML 블록을 통해 임베드되므로, 워드프레스나 테마가 변경될 때마다 업데이트를 유지해야 하는 플러그인을 추가할 필요가 없습니다. 방문자로부터 가입이나 문의를 받고 있다면 Jform의 워드프레스 양식을 통해 방문자가 페이지를 벗어나지 않고도 가입하거나 질문을 보낼 수 있습니다.
인스타그램과 페이스북 피드를 결합하기 위해 계정을 다시 연결하거나 연회비를 지불하는 것보다 콘텐츠를 제작하는 데 시간을 투자하는 것이 더 좋습니다. Jform 소셜 피드 위젯은 여러 네트워크를 한 페이지에 무료로 모아주므로, 방문자가 사이트를 떠나지 않고도 여러분이 게시한 내용을 확인할 수 있습니다.
이 기사는 무겁고 사이트 속도를 저하시키는 플러그인을 설치하거나 복잡한 API 토큰을 관리하지 않고도 체류 시간을 늘리고 동적인 소셜 증거(social proof)를 보여주고자 하는 워드프레스 사이트 소유자, 블로거 및 웹 디자인 에이전시를 위한 것입니다.
코멘트 보내기: