Bloques

Los bloques son las secciones divididas de forma lógica en Site Builder que combinan componentes con los mismos fines.

Para encontrar todos los bloques, vaya a Cuenta del editor > Site Builder > Open Site Builder.

Nota
Hay un límite de 50 bloques por página de destino.
Puede establecer un fondo personalizado para algunos bloques. Para ello, vaya a la sección Layout, ponga el conmutador Custom Background en la posición de On, haga clic en el campo situado debajo del conmutador y cargue la imagen deseada.
La anchura recomendada para una imagen de fondo personalizada en el bloque es de 1920 px. La anchura del bloque de fondo puede variar según el dispositivo en el que se visualice el sitio web. La altura de la imagen de fondo se estira en función del número de secciones del bloque.
Aviso
  • El tamaño máximo de la imagen es de 10 MB.
  • Formatos admitidos: GIF, PNG, JPEG, BMP e ICO (VND.MICROSOFT.ICON).
  • Un gran número de secciones puede provocar que se pierda calidad de la imagen.
Además del fondo personalizado, puede agregar imágenes a los bloques de Site Builder. Los tamaños de imagen recomendados para la versión de escritorio con una resolución de pantalla de 1200 px se facilitan en las descripciones de los bloques que se muestran a continuación.

Header (Encabezado)

El bloque del encabezado del sitio web. El encabezado muestra información del usuario y contiene elementos de navegación del sitio web. Puede establecer el bloque para que se mantenga visible en la pantalla al desplazarse por el sitio.
Características principales:

  • Adición de botones de navegación, compra o navegación a otras páginas.
  • Adición de un selector de idiomas para el sitio web.
  • Establecimiento de un botón de autenticación en el sitio web.
  • Visualización de información sobre el usuario autenticado.

Tipo de imagenTamaño recomendado
Logotipo en “Single game page” (página de juego individual)120 x 40 px

Bloque principal en la plantilla "Single game page"

Bloque con información sobre el juego que se vende en el sitio web.
Características principales:

  • Personalización del diseño del texto.
  • Visualización de la información del juego: título y desarrollador.
  • Visualización de plataformas de distribución del juego.
  • Adición de etiquetas con contenido personalizado.
  • Configuración de las funciones de los botones:
    • Visualización de vídeos
    • Desplazamiento hasta un bloque
    • Redireccionamiento a un enlace
    • Compra de un producto
  • Personalización del estilo de los botones.

Tipo de imagenTamaño recomendado
Icono de plataforma personalizado24 x 24 px

Bloque principal en la plantilla "Web Shop"

El bloque con información sobre el sitio web.
Características principales:

  • Personalización de la información sobre el juego: icono, título y desarrollador.
  • Personalización de fichas con descripciones de las características del sitio web.

Tipo de imagenTamaño recomendado
Logotipo del juego120 x 120 px
Icono de tarjeta18 x 18 px

Call-to-action (Llamada a la acción)

El bloque para captar la atención del usuario hacia acciones clave en el sitio web.
Características principales:

  • Agregar un campo para el correo electrónico del usuario destinado a suscribirse a las noticias del juego.
  • Agregar un botón para comprar un producto, enlaces para acceder a Google Play/App Store, o a otro sitio web.
  • Mostrar logotipos de plataformas; al hacer clic en ellos el usuario será redirigido a su página en esa plataforma.
  • Lightbox con un vídeo de YouTube/Vimeo.

Tipo de imagenTamaño recomendado
Imagen principal784 x 280 px

Fast Login

El bloque de Fast Login (inicio de sesión rápido) ofrece a los usuarios una forma adicional de autenticarse en el sitio web. El aspecto del bloque y sus características dependen del método de autenticación seleccionado.
Si la autenticación mediante ID de usuario está configurado para el sitio web, el bloque de Fast Login presenta un campo para introducir el ID y un botón de inicio de sesión.
Características principales:

  • Autenticación de usuarios sin transición adicional a la ventana modal.
  • Establecimiento del contenido del bloque. Puede habilitar y configurar las siguientes secciones:
    • Título
    • Descripción
    • Instrucciones sobre cómo encontrar el ID de usuario
    • Fondo personalizado

Tipo de imagenTamaño recomendado
Imagen en la guía de búsqueda de ID de usuario320 x 144 px
Fondo personalizado688 x 152 px

Si la autenticación mediante Xsolla Login está configurada para el sitio web, se muestra un botón adicional que invoca la autorización en el bloque de Fast Login. Al pulsar en el botón del bloque, se abre una ventana modal para la autorización mediante uno de los métodos de Xsolla Login.
Características principales:

  • Configuración del texto del botón que invoca la autorización
  • Configuración de un fondo personalizado

Bloque con imágenes, capturas de pantalla y material de vídeo para incrementar el interés del usuario por el juego.
Características principales:

  • Añadir imágenes y vídeos a las diapositivas.
  • Reproducir vídeos en la página de destino mediante un enlace de YouTube.
  • Desplazarse por las diapositivas con contenido.
  • Previsualizar el vídeo o la imagen anterior y posterior en el control deslizante.
  • Visualizar flechas para desplazarse por el contenido.

Tipo de imagenTamaño recomendado
Imagen que aparece en la presentación1068 x 600 px

News (Noticias)

Bloque para publicar artículos en su sitio web.
Características principales:

  • publicar artículos, noticias, anuncios, registros de cambios del juego
  • agrupar artículos por categorías y mostrar las categorías como pestañas

Tipo de imagenTamaño recomendado
Imagen principal680 x 382 px
Relación de aspecto16:9

Fichas

Bloque universal para visualizar información sobre el juego o la tienda. En este bloque, puede agregar fichas con cualquier contenido.
Características principales:

  • Adición de fichas con textos, imágenes y botones.
  • Configuración de las funciones de los botones:
    • Visualización de vídeos
    • Desplazamiento hasta un bloque
    • Redireccionamiento a un enlace
    • Compra de un producto
  • Ajuste de los tamaños de las fichas y ubicación de los elementos de la ficha.
  • Personalización del diseño de cuadrícula de las fichas.
  • Alineación del contenido dentro de las fichas.

No hay ningún tamaño de imagen recomendado en el bloque Cards, ya que puede ajustar por sus propios medios la relación de aspecto de la tarjeta y de la imagen.

Control deslizante de promoción

El bloque con una galería que contiene banners de juegos, títulos de juegos y sus descripciones.
Características principales:

  • Opción de añadir un botón para comprar productos, navegar a un enlace o a Google Play/App Store.
  • Desplazamiento cíclico de diapositivas con contenido.
  • Visualización de flechas de navegación para los juegos.
  • Adición de un campo para el correo electrónico del usuario para que se suscriba a noticias sobre juegos.
  • Visualización de enlaces a su página en varias plataformas.

Tipo de imagenTamaño recomendado
Imagen que aparece en la presentación374 x 170 px

Descripción

Bloque con la descripción del juego e imágenes.
Características principales:

  • Visualizar imágenes y descripciones de texto.
  • Dos opciones de diseño para las imágenes y el texto: horizontal y vertical.
  • Ampliar la imagen o navegar a un enlace pulsando en la imagen.

Tipo de imagenTamaño recomendado
Imagen con el estilo de visualización de bloque horizontal383 x 280 px
Imagen con el estilo de visualización de bloque vertical784 x 280 px

Códigos promocionales

El bloque para usar códigos promocionales y cupones en el sitio web.
Características principales:

  • Aplicación de códigos promocionales por parte del usuario para recibir bonificaciones en sus compras.
  • Aplicación de cupones para recibir recompensas inmediatas.
  • Adición de código JS personalizado para ampliar las capacidades del bloque.

Versiones del juego

El bloque permite mostrar información detallada sobre un juego y mostrar las características de las distintas versiones de ese juego.
Características principales:

  • Plantillas de estilo para el lote y estilo personalizado.
  • Ajuste del diseño de los componentes: botones, títulos y descripciones pueden reorganizarse.
  • Configuración de las listas de ventajas de cada versión del juego.
  • Resaltado del lote más ventajoso: puede marcar una versión del juego como la recomendada para su compra.

Tipo de imagenTamaño recomendado
Imagen con el estilo de visualización de bloque horizontal340 x 170 px
Imagen con el estilo de visualización de bloque vertical336 x 354 px

Tienda

El bloque para vender claves del juego (excluida la plantilla de Web Shop), artículos virtuales, lotes y paquetes de moneda virtual.
Características principales:

  • Vender artículos internos y claves de juego.
  • Visualizar toda la información sobre los productos: precios, promociones, nombres, descripciones, imágenes, contenido de los lotes y límites de compra.
  • 4 estilos de fichas de producto.
  • Navegación por las secciones usando pestañas de tipos de producto.
  • Personalización de los títulos de los bloques y de las secciones.
  • Vista previa de productos de demostración.
  • Desplazamiento horizontal en dispositivos móviles.
  • Botón adicional para la solicitud de autenticación.

Tipo de imagenTamaño recomendado
Diseño de tarjeta de artículo vertical249 x 232 px
Diseño de tarjeta de artículo horizontal120 x 150 px
Diseño de tarjeta de artículo de gran tamaño522 x 300 px
Diseño de tarjeta de artículo destacado411 x 184 px
Fondo personalizado para diseño de tarjeta de artículo destacado688 x 290 px

Sistema de recompensas

El bloque para agregar el sistema de recompensas. Brinda la oportunidad de obtener puntos de valor al comprarlos, almacenar puntos y coleccionar cadenas de recompensas. Los puntos de valor no se gastan al se obtiene una recompensa.
Características principales:

Widgets de redes sociales

El bloque con acceso a las redes sociales del juego para lograr una interacción más eficaz con los usuarios.
Características principales:

  • Adición de widgets para Facebook, Twitter, Discord y Twitch.
  • Dos tipos de visualización de widgets.
  • Elegir temas oscuros o claros en Twitter y Discord.

Preguntas frecuentes

El bloque con respuestas a las preguntas más frecuentes sobre su juego.
Características principales:

  • Respuestas predefinidas a las preguntas comunes que son aptas para la mayoría de las tiendas.
  • Agregar código JS personalizado para aumentar las capacidades del bloque.

Código personalizado

El bloque le permite emplear su código CSS, JS y HTML personalizado en el sitio web para implementar funcionalidades exclusivas que no se suministran en la interfaz.
Características principales:

  • Sincronización de código personalizado en todas las versiones de idioma del sitio web sin necesidad de migraciones individuales.
  • Pestañas independientes para CSS, HTML y JS dentro del bloque.
  • Resaltado de sintaxis integrado.
  • Miniatura de código para simplificar la navegación dentro del bloque.

Requisitos del sistema

Un bloque con información sobre los requisitos del sistema mínimos y recomendados necesarios para ejecutar el juego en diferentes plataformas.
Características principales:

  • Dos opciones de visualización:
    • Únicamente requisitos mínimos.
    • Requisitos mínimos y recomendados.
  • Utilización de múltiples pestañas para distintas plataformas.

Subscriptions

Un bloque que posibilita el acceso de los usuarios a un paquete de servicios en función de unas condiciones especificadas.
Características principales:

  • Establecimiento de iconos para cada componente de la suscripción.
  • Establecimiento de una imagen para el plan de suscripción.

Tipo de imagenTamaño recomendado
Icono de función de suscripción34 x 36 px
Imagen de plan de suscripción318 x 144 px

El bloque está ubicado en la parte inferior de la página. Contiene información legal y opciones de privacidad.
Características principales:

  • Estilos de bloque a elegir: columnas o filas.
  • Agregar un selector de idiomas para el sitio web.
  • Agregar un botón Share (Compartir) para compartir el enlace del sitio web en redes sociales.
  • Mostrar las restricciones de edad.

Tipo de imagenTamaño recomendado
Logotipo del juego120 x 120 px
¿Te ha resultado útil este artículo?
¡Gracias!
¿Hay algo en lo que podamos mejorar? Mensaje
Lo sentimos
Por favor, cuéntanos por qué no te ha resultado útil este artículo. Mensaje
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.

Enlaces útiles

Última actualización: 19 de Noviembre de 2024

¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.

Informar de un problema
Nos esforzamos por ofrecer contenido de calidad. Tus comentarios nos ayudan a mejorar.
Déjanos tu correo electrónico para que te podamos responder
¡Gracias por tu mensaje!