Instagram 피드의 최신 이미지를 사이트에 표시하세요.

Instagram 블록을 사용하여 사이트에 Instagram 게시물을 표시하세요. 인스타그램 이미지나 비디오를 갤러리 블록이나 갤러리 페이지에 수동으로 추가하지 않고도 선보일 수 있는 훌륭한 방법입니다. 연결된 Instagram 계정에 콘텐츠를 추가하면 Instagram 블록이 동기화되어 사이트에 최신 게시물을 표시합니다. 

참고: Instagram의 API 최근 변경으로 인해 Instagram 블록에 새 콘텐츠를 계속 가져오려면 Squarespace 사이트를 Instagram에 다시 연결해야 합니다. 현재 개인 Instagram 계정이 있는 경우, 이 과정에서 계정을 프로페셔널 계정으로 전환해야 합니다. 2024년 12월 4일부터 다시 연결된 적 없는 Instagram 블록은 다시 연결될 때까지 새 콘텐츠를 표시하지 않습니다.

Instagram 계정을 다시 연결하려면 다음 방법을 따르세요.

1. 연결된 계정 패널을 엽니다.   
2. 재인증을 클릭합니다.
3. 아직 프로페셔널(비즈니스 또는 크리에이터) 계정이 없는 경우, 다시 연결하는 과정에서 개인 계정을 프로페셔널 계정으로 변경하는 방법을 안내해 드립니다.
4. 계정을 전환하고 다시 연결한 후, 연결된 계정 패널에서 Instagram 아이콘을 클릭합니다.
5. 데이터 재설정을 클릭합니다.

Instagram 계정을 프로페셔널 계정으로 전환하지 않고 사이트에 Instagram 게시물 피드를 계속 표시하려면, Instagram 블록을 Instagram 임베드 코드가 포함된 임베드 블록으로 교체하세요.

비디오를 시청하십시오

Instagram 블록 추가

Instagram 블록을 추가하는 방법:

1. 페이지나 게시물을 편집하고, 블록 추가 또는 삽입 지점을 클릭한 후, 메뉴에서 Instagram을 선택합니다. 도움이 필요하시면 블록으로 콘텐츠 추가하기를 방문하세요.
2. 블록에서 연필 아이콘을 클릭하여 블록 편집기를 엽니다.
3. 계정 탭에서 연결된 계정 드롭다운 메뉴를 클릭하여 이전에 연결된 Instagram 계정을 선택하거나 계정 추가를 선택하고 인증 단계를 따라 새 계정을 연결합니다.
4. 표시할 항목 수를 최대 20개까지 설정합니다.
5. 디자인 탭에서 디자인을 선택하고 디스플레이 설정을 맞춤화합니다. 
6. 변경 사항을 저장하고 계속 편집하려면 저장을 클릭합니다. 또는 종료를 클릭한 다음 저장을 클릭하여 편집기를 닫습니다.

팁과 제한 사항

다음 사항에 유의하세요.

• Instagram은 Instagram 블록에서 게시물을 검색어 또는 해시태그로 필터링하는 기능을 지원하지 않습니다.
• 비공개 Instagram 계정을 Instagram 블록에 연결하면 게시물이 블록에 표시되지만 클릭 시 비활성 링크로 연결됩니다. 이를 방지하려면 Instagram 계정을 공개로 설정하세요.
• 여러 이미지 또는 비디오가 포함된 Instagram 게시물은 Instagram 블록에서 첫 번째 항목을 정적 이미지로 표시합니다. 블록 편집기의 디자인 탭에서 새 창에서 하이퍼링크 열기를 확인하여 방문자를 전체 게시물로 연결하세요.
• Instagram 블록은 IGTV 게시물, 스토리, 공유 게시물 또는 릴스를 지원하지 않습니다.
• 고정된 게시물은 Instagram 블록의 시작 부분에 표시되지 않습니다. 
• 여러 개의 Instagram 계정을 추천하고 싶은 경우, 각 계정을 다른 Instagram 블록에 연결할 수 있습니다.

디자인 선택

디자인 탭에서 게시물이 블록에 어떻게 표시될지 선택하세요. 네 가지 디자인 중에서 선택할 수 있으며, 종횡비, 패딩(여백), 게시물을 클릭했을 때의 표시 방식 등 다양한 옵션으로 사용자 정의할 수 있습니다. 디자인 네 가지는 다음과 같습니다.

• 슬라이드쇼 - 게시물이 한 번에 하나씩 표시됩니다.
• 캐러셀 - 설정에 따라 게시물이 전체적으로 표시되며, 양쪽에 이전 및 다음 게시물의 일부가 표시됩니다.
• 그리드 - 게시물은 섬네일 이미지 그리드로 표시됩니다.
• 스택형 - 게시물이 전체 너비로 표시되며, 하나가 다른 하나 위에 표시됩니다.

디자인 사용자 지정을 완료했으면 저장을 클릭합니다. 자세한 내용을 알아보려면 각 Instagram 블록 디자인의 옵션을 방문하세요.

팁: 일부 디자인 옵션은 모바일 기기에서 다르게 표시됩니다. 기기 화면 보기를 통해 설정을 미리 보실 수 있습니다.

각 Instagram 블록 디자인 옵션

문제 해결

Instagram 블록 문제를 해결하려면 아래 단계를 따르세요. 문제 해결 조언은 제공해드릴 수 있지만, Instagram 정책 변경이나 제품 업데이트로 인한 문제는 지원 범위에 포함되지 않는다는 점을 명심해 주세요. 일반적인 문제는 다음과 같습니다.

• 블록이 Instagram 피드와 일치하지 않습니다.
• 블록은 중복되거나 잘못된 게시물을 보여줍니다.
• 블록은 보관된 게시물을 보여줍니다.
• 블록에 표시되는 오류 메시지: "선택한 컬렉션에서 표시할 항목이 없습니다."
• 블록이 전혀 나타나지 않습니다.

팁: Instagram은 약 30분마다 업데이트되므로 새 게시물이 즉시 표시되지 않을 수 있습니다.

1단계 - 연결 확인

Instagram 연결이 올바르게 설정되어 있는지 확인하면 대부분의 문제를 해결할 수 있습니다.

1. 연결된 계정 패널을 엽니다.
2. Instagram 계정을 클릭합니다.
3. 데이터 다운로드가 선택되어 있는지 확인합니다.
4. 데이터 재설정을 클릭합니다.
5. 저장을 클릭합니다.
6. 웹페이지를 새로 고칩니다.

2단계 - 계정 다시 연결

여전히 문제가 발생하거나 "인증 실패: 계속 사용하려면 이 계정을 삭제하거나 다시 인증하세요"라는 오류 메시지가 표시되면 Instagram 계정을 연결 해제했다가 다시 연결하세요.

1. 연결된 계정 패널에서 Instagram 계정을 클릭합니다.
2. 연결 해제를 클릭합니다.
3. 확인을 클릭합니다.
4. 별도의 탭에서, 기기의 모든 Instagram 계정에서 로그아웃합니다.
5. Squarespace 사이트로 돌아갑니다. 연결된 계정 패널에서 연결을 클릭합니다.
6. 소셜 계정 메뉴에서 Instagram을 선택한 후 Instagram 사용자 이름과 비밀번호를 사용하여 로그인합니다.
7. 저장을 클릭합니다.
8. Instagram 블록으로 돌아갑니다. 블록 편집기의 계정 탭에서 연결된 계정 드롭다운 메뉴를 클릭하여 Instagram 계정을 다시 선택합니다.
9. 변경 사항을 저장하고 계속 편집하려면 저장을 클릭합니다. 또는 종료를 클릭한 다음 저장을 클릭하여 편집기를 닫습니다.
10.  

3단계 - 블록 교체

문제가 여전히 해결되지 않으면 블록을 제거하고 새 블록을 추가하세요.

1. 페이지 패널을 열고 Instagram 블록이 있는 페이지를 클릭합니다.
2. 페이지에 마우스를 올리고 편집을 클릭합니다.
3. Instagram 블록 위에 커서를 올리고 휴지통 아이콘을 클릭합니다.
4. 삽입 지점을 클릭하고 Instagram을 선택합니다.
5. Instagram 계정을 선택하고 저장을 클릭합니다.
6. 페이지를 새로 고칩니다.

4단계 - 광고 차단 기능 및 브라우저 확장 프로그램 비활성화

브라우저에서 광고 차단 기능을 사용 중인 경우 Instagram 블록이 표시되지 않을 수 있습니다. 시작하려면 광고 차단 기능을 모두 제거하는 것이 좋습니다. 블록 표시 문제가 계속되면 모든 브라우저 확장 프로그램을 비활성화하세요. 문제가 지속되면 연락해 주세요.

임베드 블록을 사용하여 게시물 피드를 표시합니다.

Instagram 블록을 사용하려면 프로페셔널 Instagram 계정이 있어야 합니다. 전문가 계정 없이 사이트에 Instagram 게시물 피드를 표시하려면 다음과 같이 Instagram의 임베드 코드를 임베드 블록에 추가하세요.

1. 페이지나 게시물을 편집하고, 블록 추가 또는 삽입 지점을 클릭한 후, 임베드를 클릭합니다. 도움이 필요하시면 블록으로 콘텐츠를 추가하기를 방문하세요.
2. Instagram에서 임베드하려는 게시물 또는 프로필을 찾은 후 오른쪽 상단의 …을 클릭합니다.
3. 임베드를 클릭한 다음 임베드 코드 복사를 클릭합니다. 
4. 임베드 블록으로 돌아가서 컴퓨터의 블록 편집기에서 코드 스니펫을 클릭하거나 Squarespace 앱에서 코드를 탭한 다음, 임베드 코드를 텍스트 필드에 수동으로 붙여 넣습니다.

사이트에 게시물 컬렉션을 포함하는 방법에 대해 자세히 알아보려면 Instagram 설명서를 방문하세요.