큐샵 고객센터
  • 📌큐샵
    • 🧑‍💻고객센터 안내
    • 🏠시작하기
      • 📝사이트 개설하기
        • 빈페이지로 시작하기
        • 템플릿으로 시작하기
        • 큐샵AI로 시작하기
      • 🚀이용요금안내
      • 💎마이베네핏
      • 🎫플랜 활성화 코드
    • 🙋고객 포럼 기능 요청하기
  • 💡큐샵 가이드
    • 🖌️상점 디자인하기
      • 에디터 기본정보
        • 섹션
        • 상단 메뉴바
        • 구조패널
        • 속성패널
        • 추가 패널
          • 섹션
          • 텍스트
          • 미디어
            • 로티 활용하기
          • 쉐이프
          • 아이콘
          • 버튼/폼
            • 구글 폼
            • 타입 폼
            • 탈리
          • 상품
          • 메뉴
          • 고급
            • 스크롤링 블록
            • 코드 블록
            • 구글 지도 블록
            • 네이버 지도 블록
            • 테이블 블록
            • 게시판 블록
            • 공지사항 블록
            • 아코디언 블록
            • RSS 피드
            • 구글 드라이브 블록
    • 🛠️운영관리
      • 상품
        • 상품 등록
          • 유형상품 등록하기
          • 무형상품 등록하기
        • 상품 조회/수정
        • 템플릿 관리
          • 주문서 추가 항목
          • 배송지
          • 상품정보제공고시
        • 카테고리 관리
      • 판매
        • 주문관리
        • 취소관리
        • 반품관리
      • 쇼핑 연동
        • 네이버쇼핑
      • 혜택
        • 쿠폰 관리
        • 적립금 관리
      • 리뷰 관리
      • 문의
        • 상품문의
        • 1:1문의
      • 회원
        • 회원 관리
        • 그룹 관리
      • 메시지
        • 메시지 발신 관리
        • 발신 기본설정
        • 자동발신 설정
        • 발신 예시
      • 콘텐츠
        • 공지사항 관리
        • 입력폼 관리
          • 재피어 연동하기
        • 팝업/배너 관리
        • 게시판 관리
      • 아이콘 등록/관리
    • ⚙️상점설정
      • 기본정보
        • 사이트정보
        • 관리자정보
        • 주소지정보
      • 회원 가입
        • 기본 로그인
        • 소셜 로그인
          • 네이버 로그인
          • 카카오 로그인
        • 가입약관
        • 본인인증
      • 운영환경
        • 상담 설정
        • 도메인 설정
          • DNS 레코드
        • SEO 설정
          • 네이버 서치어드바이저
          • 구글 서치 콘솔
          • 다음 웹마스터 도구
          • 빙(Bing) 웹마스터 도구
      • 쇼핑환경
      • 결제수단
        • 무통장입금
        • 전자결제
          • 신청 전 확인 사항
          • 에스크로
            • 에스크로 인증마크 삽입하기
          • 토스 신청하기
          • 나이스페이 신청하기
          • KG 모빌리언스 신청하기
          • 휴대폰 결제
    • 🫂성장센터
      • 네이버 애널리틱스
      • 네이버 프리미엄 로그 분석
      • 네이버 지도
      • 구글 애널리틱스(GA)
      • 구글 애즈
      • 메타 픽셀
      • 메타 전환 API
      • 메타 도메인 인증
      • 카카오
    • ➕활용 가이드
      • 브라우저 쿠키 및 캐시 삭제하기
      • PC↔︎모바일 전용 페이지 만들기
      • 콘텐츠 고정하기
        • 헤더 고정하기
        • 섹션 고정하기
        • 블록 고정하기
        • 플로팅 콘텐츠
      • 헤더 디자인하기
      • 배경 고정하기
      • 사이트 이미지 최적 해상도
      • 쇼핑몰 운영을 위한 기본설정
      • 쇼츠 영상 업로드하기
      • 개인 결제창 만들기
  • 🖱️큐샵링크
    • 큐샵 링크 생성하기
    • 에디터 기본정보
      • 콘텐츠
        • 콘텐츠 요소
      • 디자인
  • 🚀큐샵 소식
    • 공지 및 뉴스
      • 공지 사항
        • 2025년 05월 30일
        • 2025년 05월 27일
        • 2025년 05월 26일
        • 2025년 04월 25일
        • 2025년 03월 12일
        • 2025년 02월 27일
        • 2025년 02월 25일
        • 2025년 01월 31일
        • 2025년 01월 20일
        • 2024년12월27일
        • 2024년11월06일
        • 2024년11월 05일
        • 2024년09월25일
        • 2024년09월09일
        • 2024년08월16일
        • 2024년08월12일
        • 2024년08월08일
        • 2024년06월03일
        • 2024년05월13일
        • 2024년05월02일
        • 2024년04월25일
        • 2024년04월03일
      • 업데이트 소식
        • 2025년 5월
        • 2025년 4월
        • 2025년 3월
        • 2025년 2월
        • 2025년 1월
        • 2024년 12월
        • 2024년 11월
        • 2024년 10월
        • 2024년 9월
        • 2024년 8월
        • 2024년 7월
        • 2024년 6월
        • 2024년 5월
        • 2024년 4월
        • 2024년 3월
Powered by GitBook
On this page
  • 1. 링크
  • 2. 이미지
  • 3.텍스트
  • 4.Youtube
  • 5. 라인
  • 6. 아이콘
  • 7. 지도
  • 8. 스크롤링
  • 9. 도형

Was this helpful?

  1. 큐샵링크
  2. 에디터 기본정보
  3. 콘텐츠

콘텐츠 요소

콘텐츠 요소의 종류와 설정 방법에 대해 알아봅니다.

Previous콘텐츠Next디자인

Last updated 1 year ago

Was this helpful?

큐샵 링크 사이트를 만들기 위해 이미지 아이콘 텍스트 등 다양한 콘텐츠 요소를 제공하고 있습니다. 다양한 콘텐츠를 활용하여, 여러분들만의 프로필 링크를 만들 수 있습니다.

1. 링크

버튼 형식의 링크 요소를 추가하여, 링크의 이름 및 URL을 설정할 수 있습니다.

링크의 기본 배경색은 의 button의 색상을 기본 텍스트 색상은 Text sub의 색상을 따라갑니다.

항목

설명

이름(필수)

링크에 적용 될 이름을 입력합니다.

URL(선택)

URL을 입력하면 클릭 시 해당 URL로 이동합니다.

  • http:// 입력 된 URL로 이동이 됩니다.

  • https:// 입력 된 URL로 이동이 됩니다

  • mailto: 해당 주소로 메일 발송을 위해 지정 된 포털 사이트로 이동이 됩니다.

  • tel: 입력 된 연락처 정보로 전화 연결을 합니다.

텍스트 크기

입력한 이름의 텍스트 크기를 선택합니다.

  • XS S M L XL 중 선택 가능

텍스트 굵기

입력한 이름의 텍스트 굵기를 선택합니다.

  • Thin / Normal / Bold 중 선택 가능

색상

링크의 색상을 선택합니다.

2. 이미지

이미지를 추가하여, 다양한 디자인을 할 수 있습니다.

항목

설명

미리보기

미리보기 부분을 클릭하여, PC의 이미지를 선택할 수 있습니다.

URL(선택)

URL을 입력하면 클릭 시 해당 URL로 이동합니다.

  • http:// 입력 된 URL로 이동이 됩니다.

  • https:// 입력 된 URL로 이동이 됩니다

  • mailto: 해당 주소로 메일 발송을 위해 지정 된 포털 사이트로 이동이 됩니다.

  • tel: 입력 된 연락처 정보로 전화 연결을 합니다.

프레임

뷰포트를 통해 보여지는 이미지의 프레임을 선택합니다.

3.텍스트

텍스트를 추가하여, 링크 내 브랜드 소개 및 설명등을 기재할 수 있습니다.

항목

설명

입력창

뷰포트를 통해 보여질 내용을 입력합니다.

텍스트 크기

입력한 이름의 텍스트 크기를 선택합니다.

  • XS S M L XL 중 선택 가능

텍스트 굵기

입력한 이름의 텍스트 굵기를 선택합니다.

  • Thin / Normal / Bold 중 선택 가능

좌우 정렬

텍스트의 정렬 위치를 선택합니다.

  • Left / Center / Right 중 선택 가능

4.Youtube

유튜브(YouTube)에 업로드한 동영상 주소(URL)를 입력하여동영상을 재생할 수 있습니다.

항목

설명

주소

업로드한 동영상 주소(URL)를 입력합니다.

자동재생

영상의 자동 재생 여부를 설정합니다.

라운드

뷰포트를 통해 보여지는 영상의 라운드를 설정합니다.

5. 라인

콘텐츠와 콘텐츠를 구분짓는 용도로 사용이 됩니다.

항목

설명

두께

라인의 두께를 선택합니다.

  • Thin / Normal / Bold 중 선택 가능

색상

라인의 색상을 선택합니다.

6. 아이콘

다양한 아이콘을 활용하여 페이지 디자인을 할 수 있습니다.

항목

설명

아이콘 더보기/숨기기

아이콘 더보기를 통해 변경할 아이콘 디자인을 선택합니다.

  • 더보기 클릭 시 아이콘 확인 가능

URL(선택)

URL을 입력하면 클릭 시 해당 URL로 이동합니다.

  • http:// 입력 된 URL로 이동이 됩니다.

  • https:// 입력 된 URL로 이동이 됩니다

  • mailto: 해당 주소로 메일 발송을 위해 지정 된 포털 사이트로 이동이 됩니다.

  • tel: 입력 된 연락처 정보로 전화 연결을 합니다.

색상

아이콘의 색상을 선택합니다.

7. 지도

사용자에게 위치 정보를 알려주고자 할 때 사용합니다.

구글 지도를 지원 하며 별도의 API 설정 없이 쉽게 사용을 하실 수 있습니다.

항목

설명

주소

지도에 표시를 할 주소를 입력합니다.

언어

지도를 표시할 언어를 선택합니다.

  • KO / EN 중 선택 가능

확대

뷰포트에 보여지는 지도의 확대 비율을 선택합니다.

라운드

뷰포트를 통해 보여지는 지도의 라운드를 설정합니다.

8. 스크롤링

스크롤링 요소를 사용하면, 입력한 텍스트가 자동으로 스크롤이 됩니다. 여러 텍스트를 입력하여 사용자에게 주제에 맞는 정보 또는 이벤트 정보를 노출하는 용도로 사용이 가능합니다.

항목

설명

입력창

뷰포트를 통해 보여질 내용을 입력합니다.

텍스트 크기

스크롤링 텍스트의 크기를 선택합니다.

  • H1 H2 H3 H4 Body 중 선택 가능

텍스트 굵기

입력한 이름의 텍스트 굵기를 선택합니다.

  • Thin / Normal / Bold 중 선택 가능

9. 도형

버튼 형식의 링크 요소를 추가하여, 링크의 이름 및 URL을 설정할 수 있습니다.

항목

설명

도형 더보기/숨기기

도형 더보기를 통해 변경할 도형 디자인을 선택합니다.

  • 더보기 클릭 시 아이콘 확인 가능

URL(선택)

URL을 입력하면 클릭 시 해당 URL로 이동합니다.

  • http:// 입력 된 URL로 이동이 됩니다.

  • https:// 입력 된 URL로 이동이 됩니다

  • mailto: 해당 주소로 메일 발송을 위해 지정 된 포털 사이트로 이동이 됩니다.

  • tel: 입력 된 연락처 정보로 전화 연결을 합니다.

도형 색상

도형의 색상을 선택합니다.

테두리 굵기

테두리 ON 설정 시 테두리의 굵기를 선택합니다.

  • Thin / Normal / Bold 중 선택 가능

테두리 색상

테두리 ON 설정 시 테두리 색상을 설정 합니다.

프레임

뷰포트를 통해 보여지는 이미지의 프레임을 선택합니다.

텍스트의 기본 색상은 의 Text main의 색상을 따라갑니다.

라인의 기본색상은 의 button의 색상을 따라갑니다.

아이콘의 기본색상은 의 Text sub의 색상을 따라갑니다.

스크롤링의 기본 색상은 의 Text main의 색상을 따라갑니다.

도형의 기본색상은 의 button의 색상을 따라갑니다.

🖱️
[디자인 > 테마]
[디자인 > 테마]
[디자인 > 테마]
[디자인 > 테마]
[디자인 > 테마]
[디자인 > 테마]