블록

블록은 웹사이트 빌더에서 유사한 기능의 구성 요소를 묶는 논리적 섹션입니다.

모든 블록을 보려면 게시자 계정의 프로젝트에서 Storefronts > Websites 섹션으로 이동하고 사이트 패널에서 Open Site Builder를 클릭하세요.

모든 블록을 보려면 계정에서 프로젝트를 연 다음 Storefronts > Websites 섹션으로 이동하고 사이트 패널을 클릭하세요.

모든 블록을 보려면 계정에서 프로젝트를 연 다음 Storefronts > Websites 섹션으로 이동하고 사이트 패널을 클릭하세요.

모든 블록을 보려면 계정에서 프로젝트를 연 다음 Storefronts > Websites 섹션으로 이동하고 사이트 패널을 클릭하세요.

모든 블록을 보려면 모바일 게임용 계정의 프로젝트에서 Web Shop 섹션으로 이동하고 사이트 패널을 클릭하세요.

참고
랜딩 페이지당 블록은 50개로 제한됩니다.

헤더

사이트의 헤더 블록입니다. Header는 사용자 정보를 표시하고 사이트 탐색 요소를 포함합니다. 사이트를 스크롤할 때 화면에 고정되도록 설정할 수 있습니다.

주요 기능:

  • 탐색, 구매 또는 다른 페이지로 이동하는 버튼 추가.
  • 사이트의 언어 스위처 추가.
  • 사이트의 인증 버튼 설정.
  • 인증된 사용자 정보 표시.

이미지 유형권장 크기
Single game page 템플릿의 로고120 x 40 px
참고
사이트를 만들 때 Google Play 또는 앱 스토어 링크를 추가했다면 Header 블록이 자동으로 구성됩니다.

사이드바

사이트 페이지 이동을 위한 탐색 메뉴입니다. 데스크톱에서는 왼쪽 정렬된 사이드바로 표시되고, 모바일 기기에서는 고정 하단 바로 전환됩니다.

데스크톱 버전의 사이트 사이드바:

모바일 버전의 사이트 사이드바:

주요 기능:

  • 탐색 메뉴 설정.
  • Google Play, 앱 스토어 또는 다른 앱 스토어로 이동하는 버튼 추가.
  • 소셜 미디어 페이지로 이동하는 버튼 추가.
이미지 유형권장 크기
게임 로고120 x 120 px
메뉴 버튼 아이콘18 x 18 px

단일 게임 페이지 템플릿의 리드 블록

웹사이트에서 판매 중인 게임에 대한 정보가 있는 블록입니다.

주요 기능:

  • 텍스트 레이아웃 사용자 정의.
  • 게임 정보 표시: 제목, 개발자.
  • 게임 배포 플랫폼 표시.
  • 사용자 정의 콘텐츠로 태그 추가.
  • 버튼 기능 구성:
    • 동영상 보기
    • 지정 블록으로 스크롤
    • 링크로 이동
    • 아이템 구매
  • 버튼 스타일 사용자 정의.

이미지 유형권장 크기
사용자 정의 플랫폼 아이콘24 x 24 px

웹샵 템플릿의 리드 블록

웹샵과 게임의 핵심 정보를 담은 블록입니다.

주요 기능:

  • 게임 정보 사용자 정의: 아이콘, 제목, 개발자.
  • 사이트 기능 설명 카드 사용자 정의.

이미지 유형권장 크기
게임 로고120 x 120 px
카드 아이콘18 x 18 px
참고
사이트를 만들 때 Google Play 또는 앱 스토어 링크를 추가했다면 Lead block이 자동으로 구성됩니다.

필요하다면 블록을 사용자 정의하세요.

  1. 사용자 정의 배경으로 images 또는 video를 추가하세요.
  2. 정보 카드를 구성하려면 해당 토글을 켜세요:
    • Show icons
    • Show titles
    • Show descriptions

콜 투 액션

사이트의 주요 작업에 대한 사용자 주의를 끌기 위한 블록입니다.

주요 기능:

  • 게임 소식 구독을 위한 사용자 이메일 입력란 추가.
  • 아이템 구매 버튼, Google Play/앱 스토어 또는 다른 웹사이트로 이동하는 링크 추가.
  • 플랫폼 로고 표시. 로고를 클릭하면 해당 플랫폼의 페이지로 이동합니다.
  • YouTube/Vimeo 동영상 라이트박스.

이미지 유형권장 크기
기본 이미지784 x 280 px

빠른 로그인

Fast Login 블록은 필수 인증 단계를 더 눈에 띄게 만들어 사용자의 구매 경로를 단순화합니다.

블록의 외관과 기능은 선택한 인증 방식에 따라 달라집니다.

사이트에 사용자 ID를 통한 인증이 구성되어 있다면 Fast Login 블록에 ID 입력란과 로그인 버튼이 표시됩니다.

주요 기능:

  • 모달 창으로 이동하지 않고 사용자 인증.
  • 블록 콘텐츠 설정. 다음 섹션을 활성화하고 구성할 수 있습니다.
    • 제목
    • 설명
    • 사용자 ID 찾는 방법 안내
    • 사용자 정의 배경

이미지 유형권장 크기
사용자 ID 검색 가이드의 이미지320 x 144 px
사용자 정의 배경688 x 152 px

사이트에 엑솔라 로그인 인증이 구성되어 있다면 Fast Login 블록에 인증을 요청하는 추가 버튼이 표시됩니다. 블록의 버튼을 클릭하면 엑솔라 로그인 방법 중 하나로 인증하는 모달 창이 열립니다.

주요 기능:

  • 인증을 요청하는 버튼 텍스트 설정.
  • 사용자 정의 배경 설정.

Web Shop 템플릿으로 생성한 사이트에는 Fast Login 블록이 자동으로 추가됩니다. 사이트에 이 블록이 없다면 웹사이트 빌더에서 수동으로 추가하세요.
Web Shop 템플릿으로 생성한 사이트에는 Fast Login 블록이 자동으로 추가됩니다. 사이트에 이 블록이 없다면 웹사이트 빌더에서 수동으로 추가하세요.
Web Shop 템플릿으로 생성한 사이트에는 Fast Login 블록이 자동으로 추가됩니다. 사이트에 이 블록이 없다면 웹사이트 빌더에서 수동으로 추가하세요.
Web Shop 템플릿으로 생성한 사이트에는 Fast Login 블록이 자동으로 추가됩니다. 사이트에 이 블록이 없다면 웹사이트 빌더에서 수동으로 추가하세요.
Web Shop 템플릿으로 생성한 사이트에는 Fast Login 블록이 자동으로 추가됩니다. 사이트에 이 블록이 없다면 웹사이트 빌더에서 수동으로 추가하세요.

게임에 대한 사용자의 관심을 높이는 이미지, 스크린샷, 동영상이 포함된 블록입니다.

주요 기능:

  • 슬라이드에 이미지와 동영상 추가.
  • YouTube 링크를 통해 랜딩 페이지에서 동영상 재생.
  • 콘텐츠가 포함된 슬라이드 순환.
  • 슬라이더에서 이전 및 다음 동영상 또는 이미지 미리보기.
  • 콘텐츠 슬라이딩을 위한 화살표 표시.

이미지 유형권장 크기
슬라이더의 이미지1068 x 600 px

뉴스

웹사이트에 기사 게시를 위한 블록입니다.

웹사이트에 기사 게시를 위한 블록입니다.

주요 기능:

  • 기사, 뉴스, 공지, 게임 변경 로그 게시.
  • 카테고리별로 기사 그룹화하고 탭으로 카테고리 표시.

이미지 유형권장 크기
메인 이미지680 x 382 px
종횡비969

카드

게임 또는 스토어 정보를 표시하는 범용 블록입니다. 이 블록에는 임의의 콘텐츠가 담긴 카드를 추가할 수 있습니다.

주요 기능:

  • 텍스트, 이미지, 버튼이 있는 카드 추가.
  • 버튼 기능 구성:
    • 동영상 보기
    • 지정 블록으로 스크롤
    • 링크로 이동
    • 아이템 구매
  • 카드 크기와 카드 요소 배치 조정.
  • 카드의 그리드 레이아웃 사용자 정의.
  • 카드 내 콘텐츠 정렬.

Cards 블록은 카드와 이미지의 가로세로 비율을 직접 조정할 수 있으므로 권장 이미지 크기가 없습니다.

프로모 슬라이더

게임 배너, 게임 제목, 설명이 포함된 갤러리 블록입니다.

주요 기능:

  • 아이템 구매, 링크 이동 또는 Google Play/앱 스토어 이동 버튼 추가.
  • 콘텐츠가 포함된 슬라이드의 순환 스크롤.
  • 게임용 탐색 화살표 표시.
  • 게임 소식 구독을 위한 사용자 이메일 입력란 추가.
  • 다양한 플랫폼의 페이지 링크 표시.

이미지 유형권장 크기
슬라이더의 이미지374 x 170 px

설명

게임 설명과 이미지가 포함된 블록입니다.

주요 기능:

  • 이미지와 텍스트 설명 표시.
  • 이미지와 텍스트 레이아웃을 가로 또는 세로로 구성.
  • 이미지를 클릭해 확대하거나 링크로 이동.

이미지 유형권장 크기
가로 블록 표시 스타일의 이미지383 x 280 px
세로 블록 표시 스타일의 이미지784 x 280 px

프로모션 코드

사이트에서 프로모션 코드와 쿠폰을 사용할 수 있는 블록입니다.

주요 기능:

  • 사용자가 프로모션 코드를 적용해 구매 시 보너스를 받도록 지원.
  • 즉시 보상을 위한 쿠폰 적용.
  • 사용자 정의 JS 코드를 추가해 블록 기능 확장.

게임 에디션

한 게임에 대한 상세 정보를 표시하고, 해당 게임의 다양한 에디션 특징을 보여줄 수 있는 블록입니다.

주요 기능:

  • 번들 스타일 템플릿과 사용자 정의 스타일 제공.
  • 구성 요소 레이아웃 조정: 버튼, 제목, 설명의 배치를 변경 가능.
  • 각 게임 에디션의 혜택 목록 구성.
  • 가장 메리트 있는 번들 강조. 특정 에디션을 구매 추천으로 표시할 수 있습니다.

이미지 유형권장 크기
가로 블록 표시 스타일의 이미지340 x 170 px
세로 블록 표시 스타일의 이미지336 x 354 px

스토어

게임 키(웹샵 템플릿 제외), 가상 아이템, 번들, 인게임 재화 패키지를 판매하는 블록입니다. 이 블록에는 자동으로 생성된 섹션이 포함되어 있으며, 삭제하거나 새로 만들 수 있습니다.

주요 기능:

  • 인게임 아이템과 게임 키 판매.

  • 아이템의 모든 정보 표시: 가격, 프로모션, 이름, 설명, 이미지, 번들 구성, 구매 한도.

  • 4가지 아이템 카드 스타일.

  • 아이템 유형 탭으로 섹션 탐색.

  • 블록 및 섹션 제목 사용자 정의.

  • 데모 아이템 미리보기.

  • 모바일에서 가로 스크롤.

  • 인증 프롬프트용 추가 버튼.

필요하다면 블록을 사용자 정의하고 다음을 추가하세요.

  • 제목
  • 아이템 그룹 이름 표시
  • 스토어 내 빠른 이동을 위한 탭
  • 사용자 정의 배경

이를 위해 해당 토글을 켜세요.

Login button 섹션에서 인증 요청 버튼도 설정할 수 있습니다.

스토어에서 아이템 표시를 구성하려면:

  1. 스토어 섹션을 추가하고 드롭다운 목록에서 사이트에서 판매할 아이템의 유형과 그룹을 선택하세요.
알림
추가한 아이템이 웹사이트 빌더에 표시되지 않으면 해당 아이템 그룹에 대해 스토어 표시가 활성화되어 있는지 확인하세요. 아이템과 그룹은 Item catalog > All items 섹션에서 확인 및 편집할 수 있습니다.
추가한 아이템이 웹사이트 빌더에 표시되지 않으면 해당 아이템 그룹에 대해 스토어 표시가 활성화되어 있는지 확인하세요. 아이템과 그룹은 Item catalog > All items 섹션에서 확인 및 편집할 수 있습니다.
추가한 아이템이 웹사이트 빌더에 표시되지 않으면 해당 아이템 그룹에 대해 스토어 표시가 활성화되어 있는지 확인하세요. 아이템과 그룹은 Item catalog > All items 섹션에서 확인 및 편집할 수 있습니다.
추가한 아이템이 웹사이트 빌더에 표시되지 않으면 해당 아이템 그룹에 대해 스토어 표시가 활성화되어 있는지 확인하세요. 아이템과 그룹은 Item catalog > All items 섹션에서 확인 및 편집할 수 있습니다.
추가한 아이템이 웹사이트 빌더에 표시되지 않으면 해당 아이템 그룹에 대해 스토어 표시가 활성화되어 있는지 확인하세요. 아이템과 그룹은 Item catalog > All items 섹션에서 확인 및 편집할 수 있습니다.
  1. 스토어 섹션에서 Item card 스타일을 선택하세요:

  • Featured. 이 카드 레이아웃은 아이템이나 특별 혜택에 사용자의 주목을 끌 수 있습니다.

  • 카드 레이아웃 설정에서 다음을 수행할 수 있습니다:
    • 아이템 이미지와 설명 숨기기/표시
    • 아이템 이미지를 맞춤 또는 최대화
    • 텍스트 색상 변경
    • 캐러셀에 사용자 정의 배경 사용

  • Horizontal. 이 카드 레이아웃은 아이템의 이름, 설명, 가격을 이미지 오른쪽에 배치합니다.

  • 카드 레이아웃 설정에서 다음을 수행할 수 있습니다:
    • 아이템 설명 숨기기/표시
    • 아이템 이미지를 맞춤 또는 최대화
    • 모바일에서 가로 스크롤 활성화/비활성화
    • 섹션에 사용자 정의 배경 사용

  • Vertical. 이 카드 레이아웃은 아이템의 이름, 설명, 가격을 이미지 하단에 배치합니다.

  • 카드 레이아웃 설정에서 다음을 수행할 수 있습니다:
    • 아이템 설명 숨기기/표시
    • 아이템 이미지를 맞춤 또는 최대화
    • 모바일에서 가로 스크롤 활성화/비활성화
    • 섹션에 사용자 정의 배경 사용

  • Large. 번들과 보너스에 이 카드 레이아웃을 권장합니다. 카드를 클릭하지 않아도 랜딩 페이지에서 카드 구성이 표시됩니다.

  • 카드 레이아웃 설정에서 다음을 수행할 수 있습니다:
    • 아이템 설명 숨기기/표시
    • 아이템 이미지를 맞춤 또는 최대화하도록 설정
    • 모바일에서 가로 스크롤 활성화/비활성화
    • 섹션에 사용자 정의 배경 사용

참고
번들에는 Vertical, Large, Featured 레이아웃만 사용할 수 있습니다.
  1. 필요한 경우 카드 레이아웃 설정에서 해당 토글을 켜서 카드 레이아웃을 사용자 정의하세요.

  2. 내용이 없을 때 섹션을 숨기려면 Hide section if empty 토글을 켜세요.

이미지 유형권장 크기
세로 아이템 카드 레이아웃249 x 232 px
가로 아이템 카드 레이아웃120 x 150 px
대형 아이템 카드 레이아웃522 x 300 px
추천 아이템 카드 레이아웃

단일 아이템 혜택: 460 x 320 px.

여러 아이템이 포함된 혜택(예: 번들, 보너스 포함 아이템)의 경우:

  • 메인 혜택 이미지: 480 x 184 px.
  • 번들에 포함된 보너스와 아이템 이미지: 88 x 79 px.

번들에 포함되었거나 보너스로 제공되는 아이템을 별도로도 판매한다면 460 x 320 px 이미지를 사용하세요.

추천 아이템 카드 레이아웃의 사용자 정의 배경688 x 290 px

리워드 시스템

리워드 시스템 블록입니다. 구매 시 가치 포인트를 획득해 적립하고 리워드 체인을 완성할 수 있습니다. 리워드를 받을 때 가치 포인트는 차감되지 않습니다.

주요 기능:

혜택 체인

게시자 계정에서 구성한 혜택 체인을 추가하는 블록입니다. 사용자는 체인의 다음 혜택을 잠금 해제하기 위해 아이템을 무료로 받거나 실제 통화로 구매합니다. 혜택은 무료 또는 유료일 수 있습니다.

계정에서 구성한 혜택 체인을 추가하는 블록입니다. 사용자는 체인의 다음 혜택을 잠금 해제하기 위해 아이템을 무료로 받거나 실제 통화로 구매합니다. 혜택은 무료 또는 유료일 수 있습니다.

계정에서 구성한 혜택 체인을 추가하는 블록입니다. 사용자는 체인의 다음 혜택을 잠금 해제하기 위해 아이템을 무료로 받거나 실제 통화로 구매합니다. 혜택은 무료 또는 유료일 수 있습니다.

계정에서 구성한 혜택 체인을 추가하는 블록입니다. 사용자는 체인의 다음 혜택을 잠금 해제하기 위해 아이템을 무료로 받거나 실제 통화로 구매합니다. 혜택은 무료 또는 유료일 수 있습니다.

계정에서 구성한 혜택 체인을 추가하는 블록입니다. 사용자는 체인의 다음 혜택을 잠금 해제하기 위해 아이템을 무료로 받거나 실제 통화로 구매합니다. 혜택은 무료 또는 유료일 수 있습니다.

페이지 내 동작:

  • 혜택은 아이템 카드가 있는 가로 슬라이더로 표시됩니다.
  • 각 혜택에는 다음 상태 중 하나가 있을 수 있습니다:
    • Claimed – 아이템을 구매했거나 무료로 수령했습니다.
    • Available – 아이템을 구매하거나 무료로 수령할 수 있습니다.
    • Locked – 이전 혜택을 수령하거나 구매하지 않아 아직 이용할 수 없습니다.
  • 각 혜택에는 다음 가격 유형 중 하나가 있을 수 있습니다:
    • Free – 아이템을 무료로 수령할 수 있습니다.
    • $X.XX – 아이템을 구매할 수 있습니다.
  • 사용 가능한 혜택이 강조 표시됩니다. 버튼에는 무료 혜택의 경우 Claim, 유료 혜택의 경우 $X.XX가 표시됩니다.
  • 사용자가 활성 혜택 카드의 버튼을 클릭하면 결제 인터페이스를 실행하거나 무료 수령을 처리하는 등 해당 작업이 실행됩니다.

소셜 미디어 위젯

사용자와의 상호작용을 강화할 수 있도록 게임의 소셜 네트워크에 접근하는 블록입니다.

주요 기능:

  • Facebook, Twitter, Discord, Twitch용 위젯 추가.
  • 두 가지 위젯 표시 방식 제공.
  • Twitter와 Discord에서 라이트 또는 다크 테마 선택.

자주 묻는 질문

게임에 대한 자주 묻는 질문과 답변을 제공하는 블록입니다.

주요 기능:

  • 대부분의 스토어에 적합한 사전 정의된 공통 질문과 답변.
  • 사용자 정의 JS 코드를 추가해 블록 기능 확장.

사용자 정의 코드

이 블록을 사용하면 사이트에서 사용자 정의 CSS, JS, HTML 코드를 적용해 인터페이스에 없는 고유 기능을 구현할 수 있습니다.

주요 기능:

  • 개별 마이그레이션 없이 사이트의 모든 언어 버전에서 사용자 정의 코드 동기화.
  • 블록 내 CSS, HTML, JS 전용 탭 제공.
  • 구문 하이라이팅 내장.
  • 블록 내 탐색을 돕는 코드 썸네일.

장바구니 설정

웹 사이트에서 장바구니를 사용할 수 있습니다. 이렇게 하려면 다음과 같이 하세요:

  1. 빌더의 기본 섹션에서 Cart settings 블록으로 이동하세요.

  2. Use shopping cart 토글을 활성화하세요.

  3. 추가 장바구니 기능을 설정하세요(선택 사항). 이를 위해 해당 토글을 켜세요.

    • 프로모션 코드 입력란 표시 – 사용자가 장바구니 인터페이스에서 프로모션 코드나 쿠폰을 사용할 수 있도록 허용합니다.
    • 장바구니 사용 전 로그인 – 사용자가 이전에 로그인하지 않은 상태에서 장바구니로 이동할 때 인증 창을 엽니다.

시스템 요구사항

다양한 플랫폼에서 게임을 실행하는 데 필요한 최소 및 권장 시스템 요구사항 정보를 제공하는 블록입니다.

주요 기능:

  • 두 가지 표시 옵션:
    • 최소 요구사항만 표시
    • 최소 및 권장 요구사항 모두 표시
  • 플랫폼별로 여러 탭 사용.

정기 결제

지정된 조건에 따라 서비스 패키지에 대한 액세스를 제공하는 블록입니다.

주요 기능:

  • 정기 결제 구성 요소별 아이콘 설정.
  • 정기 결제 요금제 이미지 설정.

이미지 유형권장 크기
정기 결제 기능 아이콘34 x 36 px
정기 결제 요금제 이미지318 x 144 px

소셜 퀘스트

Social quests 블록을 사용하면 웹사이트에 작업을 추가하고, 사용자가 완료하면 로열티 포인트나 카탈로그 아이템으로 리워드를 지급할 수 있습니다.

작업에는 YouTube 계정 연결, Discord 커뮤니티 방문, 게임 트레일러 시청 등이 포함될 수 있습니다. 리워드는 자동으로 지급됩니다. 로열티 포인트는 웹사이트의 사용자 계정 잔액에 즉시 반영되며, 사용자는 결제 시 일부 금액을 포인트로 결제할 수 있습니다. 카탈로그 아이템은 사용자 인게임 인벤토리, 백팩 또는 지갑으로 전달됩니다.

소셜 퀘스트는 소셜 활동을 실제 리워드로 전환하여 참여도를 높이고, 사용자 충성도를 강화하며, 커뮤니티 성장을 돕습니다.

블록 구성 방법은 소셜 퀘스트 문서를 참조하세요.

퀘스트

Quests 블록은 웹샵에 퀘스트를 카드 형태로 표시합니다. 각 카드는 퀘스트 이미지, 이름, 설명, 리워드, 버튼을 보여줍니다. 퀘스트 조건은 인게임 이벤트(예: 레벨 달성, 일정 횟수 승리)처럼 게임에서 퀘스트 플랫폼으로 전송하는 플레이어 행동에 기반합니다.

퀘스트는 엑솔라 AI toolkit에서만 생성 및 편집할 수 있습니다. 블록 추가 및 구성 방법은 퀘스트 문서를 참조하세요.

페이지 하단에 있는 블록입니다. 법적 정보와 개인정보 설정을 포함합니다.

주요 기능:

  • 블록 스타일 선택: 열 또는 행.
  • 사이트의 언어 스위처 추가.
  • 소셜 네트워크에 사이트 링크를 공유하는 버튼 추가.
  • 연령 제한 표시.

이미지 유형권장 크기
게임 로고120 x 120 px
참고
사이트를 만들 때 Google Play 또는 앱 스토어 링크를 추가했다면 Footer 블록이 자동으로 구성됩니다.

필요하다면 블록을 사용자 정의하세요.

  • 레이아웃 스타일을 선택하세요.
  • 배경을 사용자 정의하세요.
  • Share options 섹션을 추가하고 공유 버튼을 구성하세요.
  • Social media 섹션을 추가하고 소셜 미디어 링크를 설정하세요.
  • 연령 제한을 추가하세요.

이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.
마지막 업데이트: 2026년 6월 25일

오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.

문제 보고
콘텐츠를 항상 검토합니다. 여러분의 피드백은 콘텐츠를 개선에 도움이 됩니다.
후속 조치를 위해 이메일을 제공해 주세요
의견을 보내 주셔서 감사드립니다!
피드백을 보내는 중 문제가 발생했습니다
잠시 후 다시 시도하거나 [email protected]으로 연락해 주세요.