블록

블록은 기능이 비슷한 구성 요소를 결합하는 사이트 빌더의 논리적으로 구분된 섹션입니다.

관리자 페이지의 프로젝트에서 모든 블록을 검색하려면 웹사이트 빌더 섹션으로 이동하고 사이트 창에서 웹사이트 빌더 열기를 클릭합니다.

알림
방문 페이지당 블록은 50개로 제한됩니다.

블록 이미지

일부 블록에 사용자 지정 배경을 설정할 수 있습니다. 이렇게 하려면 레이아웃 섹셔능로 이동하고, 사용자 지정 배경 토글을 활성화로 설정하고, 토글 아래의 필드를 클릭한 다음, 원하는 이미지를 업로드합니다.

사용자 지정 배경은 블록 크기에 따라 동적으로 조절되므로 너비나 높이가 고정되어 있지 않습니다. 블록 콘텐츠(예: 텍스트 길이, 버튼 유무) 및 디바이스 화면 해상도에 따라 블록 크기가 변경됩니다.

다음 방법 중 하나를 선택하여 블록에 배경 이미지를 배치할 수 있습니다:

  • 적합성 보장 – 이미지가 가로 세로 비율을 유지하고 블록의 높이 내에 맞습니다.
  • 극대화 – 이미지가 블록의 너비를 채우고 블록의 높이를 초과하는 경우 상단과 하단 부분에서 잘릴 수 있습니다.
  • 고정 – 이미지가 가로 세로 비율을 유지하지 않은 상태로 블록에 맞게 늘어납니다.

블록의 사용자 지정 배경 이미지에 권장되는 너비는 1920픽셀입니다. 블록에 필요한 콘텐츠를 추가한 후 적절한 이미지 비율을 결정합니다.

주의
  • 최대 이미지 크기: 10MB.

  • 지원 형식: GIF, PNG, JPEG, ICO, WEBP.

  • 섹션 수가 많으면 이미지 품질이 저하될 수 있습니다.

사용자 지정 배경 외에도 사이트 빌더 블록에 이미지를 추가할 수 있습니다. 화면 해상도가 1200픽셀인 데스크톱 버전의 권장 이미지 크기는 아래 블록 설명에 나와 있습니다.

헤더

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


주요 기능:

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

이미지 유형권장 크기
단일 게임 페이지 템플릿의 로고120 x 40픽셀

게임 판매 템플릿의 리드 블록

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


주요 기능:

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

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

웹샵 템플릿의 리드 블록

사이트에 대한 정보가 포함된 블록.


주요 기능:

  • 게임 정보에 대한 사용자 지정: 아이콘, 타이틀, 개발자.
  • 사이트 기능에 대한 설명이 있는 카드 사용자 지정.

이미지 유형권장 크기
게임 로고120 x 120픽셀
카드 아이콘18 x 18픽셀

콜 투 액션

사이트의 주요 작업에 대한 사용자의 관심을 끌기 위한 블록.


주요 기능:

  • 게임 뉴스 정기 결제를 위한 사용자 이메일 필드 추가.
  • 아이템 구매 버튼, Google Play/App Store 또는 다른 웹사이트로 이동하는 링크 추가.
  • 해당 플랫폼의 페이지로 이동하는 플랫폼 로고 표시 및 클릭.
  • YouTube/Vimeo의 비디오가 있는 Lightbox.

이미지 유형권장 크기
메인 이미지784 x 280픽셀

빠른 로그인

빠른 로그인 블록은 사용자에게 사이트에서 인증할 수 있는 추가 방식을 제공합니다. 블록의 모양과 기능은 선택한 인증 방법에 따라 달라집니다.

사이트에 사용자 아이디를 통한 인증이 구성되어 있는 경우 빠른 로그인 블록에 ID를 입력할 수 있는 필드와 로그인 버튼이 표시됩니다.

주요 기능:

  • 모달 창으로의 추가 전환 없이 사용자 인증.
  • 블록 콘텐츠 설정. 다음 섹션을 활성화하고 구성할 수 있습니다.
    • 타이틀
    • 설명
    • 사용자 ID를 찾는 방법에 대한 지침
    • 사용자 지정 배경

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

사이트에 엑솔라 로그인을 통한 인증이 구성되어 있는 경우 빠른 로그인 블록에 인증을 호출하는 추가 버튼이 표시됩니다. 블록의 버튼을 클릭하면 엑솔라 로그인 방법 중 하나를 사용하여 인증하는 모달 창이 열립니다.

주요 기능:

  • 인증을 호출하는 버튼 텍스트 설정
  • 사용자 지정 배경 설정

게임에 대한 사용자의 관심도를 높이기 위한 이미지, 스크린샷, 동영상 자료가 있는 블록.


주요 기능:

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

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

뉴스

웹사이트에 기사를 게시하기 위한 블록.

주요 기능:

  • 기사, 뉴스, 발표, 게임 변경 로그 게시
  • 카테고리별로 기사 그룹화 및 탭으로 카테고리 표시

이미지 유형권장 크기
메인 이미지680 x 382픽셀
가로 세로 비율16:9

카드

게임이나 상점에 대한 정보를 표시하는 범용 블록. 이 블록에서는 모든 콘텐츠가 포함된 카드를 추가할 수 있습니다.


주요 기능:

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

카드 및 이미지 측면 비율을 조절할 수 있으므로 카드 블록에 권장된 이미지 크기가 없습니다.

프로모션 슬라이더

게임 배너, 게임 타이틀 및 해당 설명이 포함된 갤러리가 있는 블록.

주요 기능:

  • 아이템 구매, 링크 또는 Google Play/App Store로 이동하는 버튼을 추가하는 기능.
  • 콘텐츠가 있는 슬라이드의 주기적 스크롤.
  • 게임 탐색 화살표 표시.
  • 게임 뉴스 정기 결제를 위한 사용자 이메일 필드 추가.
  • 다양한 플랫폼에 페이지 링크 표시.

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

설명

게임 설명 및 이미지가 포함된 블록.


주요 기능:

  • 이미지 및 텍스트 설명 표시.
  • 이미지와 텍스트를 위한 두 가지 레이아웃 가로 및 세로 옵션.
  • 이미지를 확대하거나 이미지를 클릭하여 링크로 이동.

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

프로모션 코드

사이트에서 프로모션 코드 및 쿠폰을 사용하기 위한 블록.

주요 기능:

  • 사용자가 프로모션 코드를 적용하여 구매 시 보너스 수령.
  • 즉각적인 보상을 위한 쿠폰 적용.
  • 사용자 지정 JS 코드를 추가하여 블록 기능 확장.

게임 에디션

이 블록을 사용하면 한 게임에 대한 세부 정보를 표시하고, 해당 게임의 여러 에디션의 기능을 보여줄 수 있습니다.


주요 기능:

  • 번들 및 사용자 지정 스타일에 대한 스타일 템플릿.
  • 구성 요소의 레이아웃 조정: 버튼, 제목 및 설명을 재배치 가능.
  • 게임의 각 버전에 대한 혜택 목록 구성.
  • 가장 유리한 번들 강조(게임 에디션을 구매 추천으로 표시 가능).

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

스토어

게임 키(웹샵 템플릿 제외), 가상 아이템, 번들, 인게임 재화 패키지를 판매하기 위한 블록.

주요 기능:

  • 인게임 아이템과 게임 키 판매.
  • 가격, 프로모션, 이름, 설명, 이미지, 번들 콘텐츠, 구매 한도 등 아이템에 대한 모든 정보 표시.
  • 4가지 아이템 카드 스타일.
  • 아이템 유형 탭을 사용하여 섹션 탐색.
  • 블록 및 섹션 제목 사용자 지정.
  • 데모 아이템 미리보기.
  • 모바일 디바이스에서 가로 스크롤.
  • 인증 프롬프트용 추가 버튼.
이미지 유형권장 크기
세로 아이템 카드 레이아웃249 x 232픽셀
가로 아이템 카드 레이아웃120 x 150픽셀
큰 아이템 카드 레이아웃522 x 300픽셀
주요 아이템 카드 레이아웃

하나의 아이템으로 구성된 제안의 경우: 460 x 320픽셀.

여러 아이템이 포함된 제안(예: 번들 및 보너스가 있는 아이템)의 경우:

  • 주요 제안 이미지: 480 x 184픽셀.
  • 번들에 포함된 보너스 및 아이템 이미지: 88 x 79픽셀.

번들에 포함되어 있거나 보너스로 제공되는 아이템을 별도로 판매하는 경우 460 x 320픽셀 이미지를 사용합니다.

주요 아이템 카드 레이아웃의 사용자 정의 배경688 x 290픽셀

보상 시스템

보상 시스템을 추가하기 위한 블록. 구매하는 동안 밸류 포인트를 획득하고, 저장하고, 보상 체인을 수집할 기회를 제공합니다. 보상을 받을 때에는 밸류 포인트가 사용되지 않습니다.

주요 기능 :

SNS 위젯

사용자와 더 효과적으로 소통할 수 있도록 게임의 SNS에 액세스할 수 있는 블록.

주요 기능:

  • Facebook, Twitter, Discord 및 Twitch용 위젯 추가하기.
  • 두 가지 유형의 위젯 표시.
  • Twitter와 Discord에서 어둡거나 밝은 테마 선택.

FAQ

게임에 대해 자주 묻는 질문에 대한 답변이 있는 블록.

주요 기능:

  • 대부분의 스토어에 적합한 일반적인 질문에 대한 사전 정의된 답변.
  • 사용자 지정 JS 코드를 추가하여 블록의 기능 확장.

맞춤 코드

이 블록은 사이트에서 사용자 지정 CSS, JS 및 HTML 코드를 사용하여 사용자가 인터페이스에서 제공되지 않는 고유한 기능을 구현할 수 있도록 허용합니다.


주요 기능:

  • 개별 마이그레이션 없이 사이트의 모든 언어 버전에서 사용자 지정 코드 동기화.
  • 블록 내 CSS, HTML, JS를 위한 개별 탭.
  • 구문 강조 기능 내장.
  • 블록 내에서 쉽게 탐색하기 위한 코드 섬네일.

시스템 요구사항

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

주요 기능:

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

구독

사용자가 지정된 조건에 따라 서비스 패키지에 액세스할 수 있도록 허용하는 블록.

주요 기능:

  • 구독의 각 구성 요소에 대한 아이콘 설정.
  • 정기 결제 요금제에 대한 이미지 설정.

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

이 블록은 페이지 하단에 위치해 있습니다. 여기에는 법적 정보 및 개인정보 보호 설정이 포함되어 있습니다.


주요 기능:

  • 블록 스타일 선택: 열 또는 행.
  • 사이트에 대한 언어 스위처 추가.
  • 공유 버튼을 추가하여 SNS에 사이트 링크 확산.
  • 연령 제한 표시.

이미지 유형권장 크기
게임 로고120 x 120픽셀
이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.

유용한 링크

마지막 업데이트: 2025년 7월 9일

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

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