블록

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

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

블록 이미지

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

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

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

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

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

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

헤더

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

주요 기능:

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

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

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

주요 기능:

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

웹샵 템플릿의 리드 블록

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

주요 기능:

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

콜 투 액션

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

주요 기능:

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

빠른 로그인

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

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

주요 기능:

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

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

주요 기능:

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

갤러리

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

주요 기능:

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

뉴스

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

주요 기능:

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

카드

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

주요 기능:

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

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

프로모션 슬라이더

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

주요 기능:

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

설명

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

주요 기능:

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

프로모션 코드

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

주요 기능:

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

게임 에디션

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

주요 기능:

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

스토어

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

주요 기능:

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

보상 시스템

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

주요 기능 :

• 인게임 스토어에 구성된 보상 체인 선택.
• JS 코드를 사용하여 텍스트, 버튼 또는 이미지 추가 등의 블록 기능 확장.

SNS 위젯

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

주요 기능:

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

FAQ

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

주요 기능:

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

맞춤 코드

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

주요 기능:

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

시스템 요구사항

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

주요 기능:

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

구독

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

주요 기능:

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

꼬리말

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

주요 기능:

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

유용한 링크