Instagram 피드를 Elementor에 무료로 추가하는 방법은 무엇입니까?

게시 됨: 2022-03-11

WordPress 웹 사이트에 대한 멋진 페이지를 빠르게 만들고 싶다면 Elementor가 현재 최고의 옵션 중 하나입니다. 그것으로 코딩 지식 없이도 매력적인 웹 페이지를 만들 수 있습니다.

웹 페이지를 더 매력적으로 만드는 방법과 Instagram으로 사이트를 더 쉽게 홍보하는 방법을 모르십니까? 웹사이트에 Instagram 피드를 추가하는 쉬운 방법이 있습니다.

이 기사에서는 WooCommerce 사이트에 Elementor Instagram 피드를 추가하는 방법을 보여줍니다. 몇 단계만 거치면 됩니다.

목차
[보이기][숨기기]
  1. WordPress 사이트에 Instagram 피드를 추가해야 하는 이유는 무엇입니까?
  2. 2022년 Elementor용 상위 6개의 Instagram 피드 플러그인
  3. WordPress 사이트에 Elementor Instagram 피드를 추가하는 방법(단계별)?
    1. 플러그인 설치 및 활성화
    2. 인스타그램 계정에 연결
    3. Elementor Instagram 피드 사용자 지정
    4. WordPress 사이트에 Elementor Instagram 피드 추가
  4. 마지막 단어

WordPress 사이트에 Instagram 피드를 추가해야 하는 이유는 무엇입니까?

먼저 WordPress 사이트에 대한 Instagram 피드가 어떻게 도움이 되는지 잠시 살펴보겠습니다.

오늘날의 세계에서 비즈니스 마케팅 및 판매는 더 이상 웹사이트 소유에 국한되지 않습니다. 소셜 네트워크, 특히 가장 비즈니스 친화적인 Instagram은 광고 캠페인을 실행 및 추적하고 귀하의 프로필을 성공적인 매장으로 만들 수 있는 몇 가지 편리한 도구를 제공합니다.

2022년의 디지털 마케팅은 소셜 네트워크 없이는 존재하지 않습니다. 인스타그램은 주로 시각적 콘텐츠에 중점을 두고 있기 때문에 기업들에게 매우 매력적입니다.

웹사이트와 Instagram 프로필이라는 두 채널에 리소스와 시간을 투자하는 경우에만 비즈니스에 추가적인 가치를 창출할 수 있습니다.

또한 사용자 행동 요인을 개선하고 두 채널의 성장에 기여할 수 있습니다.

방문자가 Instagram 프로필을 팔로우하도록 권장하려면 Elementor Instagram 피드를 사이트에 구현하는 것을 고려해야 합니다.

결국, 웹사이트에서 하는 것보다 소셜 미디어 팔로워와 교류하고 리드로 전환하는 것이 훨씬 쉽습니다.

다음은 Instagram 피드를 Elementor 웹 페이지에 추가해야 하는 몇 가지 이유입니다.

  • 웹사이트에 Instagram 리뷰와 평가를 표시할 수 있습니다. 사이트 방문자가 다른 사람들이 귀하의 제품을 좋아하는 것을 보면 사회적 증거로 작용하여 귀하로부터 구매하도록 유도합니다.
  • Instagram 피드를 추가하여 웹 페이지에 관련 비디오 및 이미지를 표시할 수 있습니다. 따라서 이러한 비디오와 이미지를 웹사이트 서버에 업로드하지 않고도 더 매력적으로 만들 수 있습니다.
  • 더 많은 사람들이 볼 수 있도록 Instagram 게시물을 WordPress 웹사이트에 포함할 수 있습니다. 이것은 더 많은 Instagram 팔로어를 얻는 데 도움이 될 수 있습니다.
  • Instagram 피드를 추가하면 사이트 방문자에게 훌륭한 온라인 쇼핑 경험을 제공할 수도 있습니다. 웹사이트에 쇼핑 가능한 Instagram 피드를 포함하고 항목을 직접 판매할 수 있습니다.

보시다시피 Instagram 피드Elementor 에 추가하면 비즈니스를 광고하고 여러 가지 방법으로 더 많은 이익을 얻을 수 있습니다.

이제 WordPress 사이트에 Elementor Instagram 피드를 추가하는 방법을 살펴보겠습니다.

2022년 Elementor용 상위 6개의 Instagram 피드 플러그인

다음은 Elementor용으로 인기 있는 6가지 프리미엄 및 무료 WordPress Instagram 피드 플러그인입니다. 일부 무료 플러그인은 추가 기능을 잠금 해제하는 프리미엄 버전을 제공합니다.

  • 무료:
    • 스매시 벌룬 소셜 사진 피드
    • 소셜 슬라이더 피드
    • 소셜 피드 갤러리
    • 소셜 피드
  • 프리미엄:
    • 인스타그램 저널
    • 그레이스 워드프레스 플러그인

WordPress 사이트에 Elementor Instagram 피드를 추가하는 방법(단계별) ?

이 튜토리얼에서는 Smash Balloon Social Photo Feed 플러그인을 사용할 것입니다. 백만 개 이상의 사이트에서 작업하는 이것은 지금까지 찾을 수 있는 가장 인기 있는 옵션입니다.

Instagram 피드는 무료 버전에서 일반적인 그리드로 표시됩니다. 그리고 표시할 열과 이미지 수를 결정할 수 있습니다.

또한 '팔로우' 버튼을 추가하여 팔로워를 늘리고 '더 로드' 버튼을 추가하여 사이트 방문자가 더 많은 사진을 볼 수 있도록 할 수 있습니다.

여유가 있다면 Pro 버전을 구입하는 것이 좋습니다. 한 사이트에 대해 연간 $98의 비용이 듭니다. 다음과 같은 몇 가지 유익한 이점을 얻을 수 있습니다.

  • Instagram 계정 대신 해시태그의 피드를 표시합니다.
  • 하이라이트, 석조 및 회전 목마를 포함하여 더 많은 레이아웃 옵션이 있습니다.
  • 게시물을 필터링하고 검토합니다.

가이드를 따르기 전에 WordPress 사이트가 Elementor 페이지 빌더를 활성화했는지 확인하십시오. 더 이상 고민하지 않고 시작하겠습니다.

플러그인 설치 및 활성화

  1. 플러그인 > 새로 추가 로 이동합니다.
Elementor-instagram-feed-1
  1. 검색창에 'Smash Balloon Social Photo Feed'를 입력하여 플러그인을 찾습니다. 그러면 옵션으로 나열된 플러그인이 표시됩니다.
Elementor-instagram-feed-2
  1. 다음으로 지금 설치 버튼을 클릭합니다. WordPress가 플러그인을 설치할 때까지 잠시 기다리십시오. 마지막으로 활성화 버튼을 클릭합니다.

인스타그램 계정에 연결

  1. 플러그인을 성공적으로 활성화한 후 WordPress 대시보드에서 Instagram 피드 > 설정 으로 이동합니다.
Elementor-instagram-feed-3
  1. 그런 다음 소스 관리 섹션에서 소스 추가 를 클릭합니다.
Elementor-instagram-feed-4
  1. 새 웹 페이지로 리디렉션됩니다. 여기에서 Instagram 피드에 대한 개인 또는 비즈니스 프로필을 선택하도록 요청합니다. 차이점은 다음과 같습니다.
    • 개인 프로필: Instagram의 모든 표준 기능을 사용할 수 있습니다. 개인 프로필에서 가져온 Instagram 게시물로 피드를 만들 수 있습니다.
    • 비즈니스 프로필: Instagram에 대한 연락처 버튼과 분석이 제공됩니다. 또한 플러그인을 사용하여 쇼핑 가능한 피드, 해시태그 피드, Instagram TV(IGTV) 동영상 등 다양한 유형의 Instagram 피드를 만들 수 있습니다.
Elementor-instagram-feed-5
  1. 올바른 옵션을 선택한 후 Instagram으로 로그인 버튼을 클릭합니다.
  2. 다음으로 플러그인에 Instagram 계정에 대한 액세스 권한을 부여해야 합니다. 허용 버튼을 클릭하여 액세스 권한을 부여합니다.
Elementor-instagram-feed-7
  1. 권한을 성공적으로 부여한 후 이 계정 연결 을 클릭하여 완료합니다.
Elementor-instagram-feed-8

Elementor Instagram 피드 사용자 지정

Instagram 계정에 연결하면 원하는 경우 피드 사용자 지정을 시작할 수 있습니다.

그렇게 하려면 페이지 상단의 사용자 정의 탭을 클릭하십시오.

Elementor-instagram-feed-8

아래로 스크롤하여 레이아웃 섹션에서 레이아웃 유형 옵션을 찾을 수 있습니다. Pro 버전을 구입했다면 Grid, Carousel, Masonry 및 Highlight 중에서 선택할 수 있는 4가지 레이아웃 옵션이 있습니다.

Elementor-instagram-feed-9
  • 행과 열에 한 번에 여러 Instagram 게시물을 표시하려면 그리드 옵션을 사용해 보세요. 이것은 무료 버전을 사용하는 경우 사용할 수 있는 유일한 옵션입니다.
Elementor-instagram-feed-10
  • Instagram 게시물을 동적으로 표시하는 방법을 선호하십니까? 그런 다음 캐러셀 레이아웃을 시도할 수 있습니다.
Elementor-instagram-feed-11
  • 벽돌 레이아웃은 비디오와 사진을 원래 비율로 표시합니다.
Elementor-instagram-feed-12
  • 마지막으로 하이라이트 옵션은 게시물에 더 중점을 둡니다. 그것은 당신의 비디오와 사진의 크기를 4배로 늘립니다.

원하는 레이아웃을 선택한 후 변경 사항 저장 버튼을 클릭하는 것을 잊지 마십시오.

다음으로 여기에서 다른 사용자 정의 옵션을 탐색하고 피드 색상, 크기, 글꼴, 게시물 수, 여백, 헤더 스타일 등을 변경할 수 있습니다.

WordPress 사이트에 Elementor Instagram 피드 추가

이제 Elementor Instagram 피드를 웹 페이지에 추가할 차례입니다.

  1. 먼저 새 WordPress 게시물/페이지를 만들거나 기존 게시물/페이지를 편집해야 합니다.
Elementor-instagram-feed-13
Elementor-instagram-feed-14
  1. 페이지 상단에 있는 Edit with Elementor 버튼을 클릭합니다.

이제 오른쪽에 사이트의 실시간 미리보기가 표시되어야 합니다. 그리고 왼쪽에서 게시물/페이지에 추가할 수 있는 모든 Elementor 요소를 찾을 수 있습니다.

  1. 왼쪽의 검색 필드로 이동하여 '인스타그램 피드'를 입력합니다.
Elementor-instagram-feed-15
  1. 요소가 표시되어야 합니다. 이제 오른쪽에 끌어다 놓기만 하면 됩니다.
  2. 마지막으로 결과에 만족하면 게시 버튼을 클릭하는 것을 잊지 마십시오.

WordPress에 Elementor Instagram 피드를 추가했습니다. 웹사이트! 페이지를 확인하고 잘 보이는지 확인하는 것을 잊지 마십시오.

Elementor-instagram-feed-16

마지막 단어

Elementor 웹 페이지에 Instagram 피드를 추가하는 것은 페이지를 더 매력적으로 만드는 현명한 방법입니다. 결과적으로 사이트 방문자를 리드로 전환하고 궁극적으로 고객으로 전환할 수 있습니다.