방문자를 사이트의 페이지, 외부 콘텐츠, 이메일 주소, 파일 등으로 이동시키세요.

링크는 방문자가 사이트 페이지를 탐색하는 것을 도와주기 위해 사용할 수 있습니다. 또한, 링크를 사용해 방문자를 외부 사이트, 파일, 이메일 주소, 전화번호로 안내할 수 있습니다.

이 가이드에서는 방문자가 사이트에서 클릭할 수 있는 링크를 살펴보겠습니다. 다른 곳에서 방문자를 웹사이트로 연결하는 자세한 방법은 사이트에서 URL 공유 페이지를 참고하세요.

팁: 최대한 많은 사용자로 링크 접근성을 높이고 싶다면 Squarespace의 접근성 리소스 페이지를 살펴보세요.

비디오 시청하기

링크를 추가할 수 있는 영역

링크는 사이트의 거의 모든 곳에 추가할 수 있습니다. 각 유형의 링크를 추가하는 방법은 해당 링크에 관한 가이드를 참고하세요.

• 텍스트 - 텍스트를 추가할 수 있는 거의 모든 영역에 링크를 만들 수 있습니다.
• 탐색 메뉴 - 사이트 탐색 구조에 링크를 추가할 수 있습니다.
• 이미지 - 이미지를 링크로 변환할 수 있습니다.
• 버튼 블록 - 콘텐츠 영역에 버튼 링크를 추가할 수 있습니다.
• 커버 페이지(버전 7.0만 해당) - 커버 페이지의 작업 패널에 링크나 버튼을 추가할 수 있습니다.

링크에 연결할 수 있는 항목

링크에 연결할 수 있는 항목은 링크를 생성하는 위치에 따라 달라집니다.

• 태그 또는 카테고리를 기준으로 필터링된 콘텐츠나 게시물
• 이메일 주소
• 외부 사이트 또는 페이지
• 파일
• 사이트 내 페이지
• 전화번호
• 페이지의 특정 지점(앵커 링크)
• 딥링크 URL - 갤러리 페이지 내 특정 이미지(버전 7.0만 해당)

외부 사이트 링크

친구의 비즈니스 웹사이트, 사이트에서 사용하는 서드파티(타사) 서비스와 같은 외부 URL에 링크를 연결하는 방법은 다음과 같습니다.

1. 링크 에디터 드롭다운에서 URL을 선택합니다.
2. 텍스트 필드에 URL 전체를 입력합니다.
3. 새 탭에서 링크 열기 토글을 끄면 링크가 같은 탭에서 열립니다.
4. 위 단계를 완료한 후 Enter 키를 누르거나 블록 편집기 바깥 부분을 클릭합니다.

참고: 브라우저의 팝업 차단기에 문제가 발생할 수 있어 링크를 완전히 새로운 브라우저 창에서 열도록 자동으로 강제하는 기능은 지원되지 않습니다.

사이트 페이지로 링크를 연결하고 싶다면 다음 섹션에 설명된 단계에 따르는 것을 권장합니다. 하지만 다른 방법으로는 연결할 수 없는 사이트의 특정 콘텐츠에 링크를 연결할 때는 위에 설명된 단계를 사용할 수 있습니다.

• 개별 블로그 게시물, 이벤트 또는 포트폴리오 하위 페이지
• 카테고리 또는 태그로 필터링된 컬렉션
• 검색 페이지
• 앵커 링크
• 개별 갤러리 이미지(버전 7.0만 해당)

사이트 콘텐츠 링크

사이트의 페이지, 개별 제품, 컬렉션 카테고리 또는 컬렉션 태그에 링크를 연결하는 방법은 다음과 같습니다. 

1. 링크 에디터 드롭다운에서 URL을 선택합니다.
2. 연결할 페이지의 제목이나 URL을 입력하기 시작합니다. 또는, 연결할 컬렉션 페이지의 카테고리나 태그를 입력하기 시작합니다.
3. 드롭다운에 표시된 결과 목록에서 페이지나 제품, 카테고리, 태그를 선택합니다.
4. 새 탭에서 링크 열기 토글을 켜면 링크가 새 탭에서 열립니다.
5. 위 단계를 완료한 후 Enter 키를 누르거나 블록 편집기 바깥 부분을 클릭합니다.

다음 사항을 참고하세요.

• 링크된 페이지의 URL 슬러그를 변경했다면 링크를 열고 새 URL을 입력해 링크를 업데이트하세요.
• 개별 블로그 게시물이나 이벤트, 포트폴리오 하위 페이지에 링크를 연결하려면 URL 전체를 입력하세요.
• 버전 7.0에서는 색인의 하위 페이지에 링크를 연결하면 방문자가 페이지의 독립형 버전으로 이동합니다. 스택화된 색인의 메인 레이아웃에 있는 하위 페이지로 링크를 연결하려면 웹 주소 탭에 앵커 링크를 추가하세요.

이메일 주소 링크

이메일 주소에 링크를 연결해 방문자의 연락을 유도하세요. 방문자가 링크를 클릭하면 기본 이메일 서비스에서 빈 이메일이 열리고 입력된 정보를 사용해 이메일이 자동으로 채워집니다.

이메일 주소에 링크를 연결하는 방법은 다음과 같습니다.

1. 링크 에디터 드롭다운에서 이메일을 선택합니다.
2. 받는 사람에 방문자가 메시지를 보낼 이메일 주소를 입력하고, CC와 BCC를 클릭해 각각의 필드에 채울 이메일 주소를 추가합니다. 하나의 필드에 여러 개의 이메일 주소를 추가할 수 없습니다.
3. 제목에 이메일 제목란을 채울 제목을 입력합니다.
4. 본문에 이메일 메시지를 채울 본문 텍스트를 입력합니다. 이메일 링크를 클릭한 방문자는 이메일을 보내기 전에 사전에 정보가 입력된 필드를 편집할 수 있고, 이메일 서비스에 따라 서식이 달라질 수 있습니다.
5. 위 단계를 완료한 후 Enter 키를 누르거나 블록 편집기 바깥 부분을 클릭합니다.

참고: 방문자의 기기에 이메일 프로그램이 설치되어 있지 않으면 이메일 링크가 열리지 않습니다. 이 경우, 링크에서 이메일 주소를 수동으로 복사해야 합니다.

방문자가 이메일을 보낼 수 있는 다른 방법 추가

• 어떤 사람들은 개인정보 보호를 위해 이메일 주소를 공개하고 싶어 하지 않습니다. 주소를 표시하지 않고 이메일 전송을 유도하려면 양식 블록을 사용해 연락처 양식을 추가하세요. 이러한 방식은 보안을 한층 더 강화하며, 여러분은 이메일로 제출된 양식에 바로 답장을 보낼 수 있습니다.
• 조금 더 시각적인 접근을 위해 이메일 주소를 소셜 아이콘으로 추가할 수 있습니다. 소셜 아이콘은 'mailto' 링크가 연결된 봉투 아이콘을 생성하며 다른 소셜 아이콘과 함께 표시됩니다.
• 모바일 정보 표시줄을 추가해 방문자가 이동 중에도 연락처 정보에 간편하게 액세스할 수 있게 하세요.

전화번호 링크

전화번호에 링크를 연결해 방문자의 전화나 메시지를 유도하세요. 방문자가 스마트폰에서 링크를 누르면 해당 번호로 전화하거나 문자를 보낼 수 있는 메시지가 표시됩니다.

참고: 전화번호를 링크로 연결하지 않고 일반 텍스트로만 추가하면 기기에 따라 서식이 달라질 수 있습니다. 일부 기기는 전화번호를 자동으로 감지해 링크로 표시합니다. 전화번호가 항상 링크로 표시되도록 하려면 아래 단계를 따르세요.

전화번호에 링크를 연결하는 방법은 다음과 같습니다.

1. 링크 에디터 드롭다운에서 전화를 선택합니다.
2. 입력란에 국가 코드와 지역 코드를 포함한(해당할 경우) 전화번호를 입력합니다. 링크가 작동하지 않을 수 있으므로 맨 처음 0은 포함하지 않습니다.
3. 입력한 번호로 전화를 걸게 하려면 통화 링크를 선택하고, 빈 문자 메시지를 열려면 문자 링크를 선택합니다.
4. 위 단계를 완료한 후 Enter 키를 누르거나 블록 편집기 바깥 부분을 클릭합니다.

방문자가 전화할 수 있는 다른 방법 추가

모바일 정보 표시줄을 추가해 방문자가 이동 중에도 간편하게 전화할 수 있게 하세요.

파일 링크

링크 에디터의 파일 메뉴에서 .pdf 메뉴, 사이즈 표, 오디오 파일 등의 파일을 업로드해 연결할 수 있습니다. 업로드된 파일은 브라우저와 파일 형식에 따라 자동으로 다운로드되거나 새 탭에서 열립니다. 방문자는 새 탭에서 파일을 보거나 컴퓨터에 저장할 수 있습니다.

파일에 링크를 연결하는 방법은 다음과 같습니다.

1. 링크 에디터 드롭다운에서 파일을 선택합니다.
2. 업로드 아이콘을 클릭해 컴퓨터에서 파일을 선택합니다. 이미 사이트에 업로드한 파일에 링크를 연결하고 싶다면 해당 파일을 검색하거나 최근 업로드 목록에서 선택합니다.
3. 가능하다면 새 탭에서 링크 열기 토글을 끄고 파일이 같은 탭에서 열리도록 합니다. 일부 파일 형식은 이 설정과 관계없이 방문자가 링크를 클릭했을 때 새 탭에서 열릴 수 있습니다.
4. 위 단계를 완료한 후 Enter 키를 누르거나 블록 편집기 바깥 부분을 클릭합니다.

더 자세한 정보는 파일 업로드 및 관리 페이지를 참고하세요.

컬렉션 아이템 링크

링크 에디터에서 URL 옵션을 사용해 제품을 검색하면 온라인 스토어 제품에 바로 링크를 연결할 수 있습니다. 블로그 게시물, 이벤트, 포트폴리오 하위 페이지 등 이외의 컬렉션 아이템은 URL 필드에 아이템의 URL 전체를 추가하세요.

컬렉션 아이템에 링크를 연결하는 방법은 다음과 같습니다.

1. 비공개 브라우저에서 링크를 연결하려는 항목을 엽니다.
2. 도메인 이름을 포함해 아이템의 URL 전체를 복사합니다.
3. 사이트에서 링크 에디터를 열고 URL을 선택합니다.
4. 아이템의 URL 전체를 텍스트 필드에 붙여 넣습니다.
5. 새 탭에서 링크 열기 토글을 끄면 링크가 같은 탭에서 열립니다.
6. 위 단계를 완료한 후 Enter 키를 누르거나 블록 편집기 바깥 부분을 클릭합니다.

링크가 열리는 방식 변경

웹 주소나 페이지, 파일 링크가 열리는 방식을 변경하려면 링크를 추가한 편집 영역(클릭스루 URL, 버튼 블록, 탐색 링크, 텍스트 링크 등)으로 이동하세요.

• 새 탭에서 링크를 열려면 새 탭에서 링크 열기 토글을 켭니다.
• 같은 탭에서 링크를 열려면 새 탭에서 링크 열기 토글을 끕니다.
• Squarespace 앱을 사용해 사이트를 편집 중이고 토글이 보이지 않는다면 컴퓨터를 사용해 링크가 열리는 방식을 변경하세요.

다음 사항에 유의하세요. 

• 브라우저의 팝업 차단 기능에 문제가 발생할 수 있어 Squarespace는 링크를 완전히 새 창에서 열리도록 설정하는 기능을 지원하지 않습니다.
• 사이트 콘텐츠의 링크가 새 탭에서 링크 열기로 설정된 경우, 사이트에 로그인해야 링크가 동일한 탭에서 열립니다. 계정에서 로그아웃했거나 시크릿 모드로 사이트를 방문한 경우에는 링크가 새 탭에서 열립니다.
• 링크가 열리는 방식은 방문자의 브라우저 사용 방식에 따라 달라집니다. 동일한 탭에서 링크가 열리도록 설정해 놓더라도 방문자는 단축키를 사용해 링크를 새 탭에서 열 수 있습니다.

갤러리 블록의 링크

클릭스루 URL을 새 탭에서 여는 기능은 갤러리 블록의 그리드 레이아웃에서만 지원됩니다.

그리드 갤러리 블록에서 클릭스루 URL 링크가 새 탭에서 열리도록 설정하세요. 디자인 탭에서 해당 옵션을 선택하면 됩니다. 이 옵션은 그리드 갤러리 블록에 있는 모든 이미지에 적용됩니다.

1. 페이지 편집 도중 그리드 갤러리 블록 위로 커서를 올리고 편집을 클릭합니다.
2. 디자인 탭을 클릭합니다.
3. 아래로 스크롤해 새 창에서 링크 열기를 선택하거나 선택을 취소합니다.
4. 적용을 클릭해 변경 사항을 저장합니다.

문제 해결

링크가 깨지거나 다른 문제가 발생한 경우, 링크 문제 해결 페이지를 살펴보세요.