Bloques
Los bloques son las secciones divididas de forma lógica en Site Builder que combinan componentes con similar funcionalidad.
Para encontrar todos los bloques, en su proyecto de Cuenta del editor vaya a la sección de Site Builder y haga clic en Open Site builder en el panel de su sitio web.
Imágenes en los bloques
Puede establecer un fondo personalizado para algunos bloques. Para hacerlo, vaya a la sección Layout, establezca el conmutador Custom Background como activo, haga clic en el campo de debajo del conmutador y cargue la imagen deseada.
El fondo personalizado no tiene una anchura o altura fija, ya que se ajusta dinámicamente a las dimensiones del bloque. Las dimensiones del bloque cambian según el contenido del bloque (p. ej., la longitud del texto, la presencia o ausencia de botones) y la resolución de la pantalla del dispositivo.
Puede elegir una de las siguientes maneras de colocar una imagen de fondo en un bloque:
- Ensure fit: la imagen conserva su relación de aspecto y se ajusta a la altura del bloque.
- Maximize: la imagen ocupa todo el ancho del bloque y puede recortarse por las partes superior e inferior si excede la altura del bloque.
- Fix: la imagen se estira para ajustarse al bloque sin conservar su relación de aspecto.
La anchura recomendada para una imagen de fondo personalizada en el bloque es de 1920 px. Determine la relación de aspecto adecuada de la imagen después de agregar el contenido requerido al bloque.
Tamaño máximo de la imagen: 10 MB.
Formatos compatibles: GIF, PNG, JPEG, ICO y WEBP.
Un elevado número de secciones puede reducir la 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 fijar 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 imagen | Tamañ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 a la venta 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 imagen | Tamaño recomendado |
|---|---|
| Icono de plataforma personalizado | 24 x 24 px |
Bloque principal en la plantilla "Web Shop"
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 imagen | Tamaño recomendado |
|---|---|
| Logotipo del juego | 120 x 120 px |
| Icono de tarjeta | 18 x 18 px |
Call-to-action (Llamada a la acción)
El bloque usado para dirigir la atención del usuario hacia acciones clave del sitio web.
Características principales:
- Agregar un campo en 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 imagen | Tamaño recomendado |
|---|---|
| Imagen principal | 784 x 280 px |
Fast Login
El bloque de Fast Login facilita a los usuarios una forma adicional de autenticarse en el sitio web. El aspecto del bloque y sus funciones dependen del método de autenticación seleccionado.
Si está configurada la autenticación mediante ID de usuario para el sitio web, el bloque de Fast Login muestra 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.
- Establecer el 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 imagen | Tamaño recomendado |
|---|---|
| Imagen en la guía de búsqueda de ID de usuario | 320 x 144 px |
| Fondo personalizado | 688 x 152 px |
Si la autenticación mediante Xsolla Login está configurada para el sitio web, se muestra un botón adicional que solicita autorización en el bloque 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:
- Establecer el texto del botón que solicita autorización
- Establecer un fondo personalizado
Gallery (Galería)
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 imagen | Tamaño recomendado |
|---|---|
| Imagen que aparece en la presentación | 1068 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 imagen | Tamaño recomendado |
|---|---|
| Imagen principal | 680 x 382 px |
| Relación de aspecto | 16: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 agregar 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 el juego.
- Visualización de enlaces a su página en varias plataformas.
| Tipo de imagen | Tamaño recomendado |
|---|---|
| Imagen que aparece en la presentación | 374 x 170 px |
Descripción
Bloque con la descripción del juego e imágenes.
Características principales:
- Visualización de 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 imagen | Tamaño recomendado |
|---|---|
| Imagen con el estilo de visualización de bloque horizontal | 383 x 280 px |
| Imagen con el estilo de visualización de bloque vertical | 784 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.
Game editions
El bloque le permite visualizar 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 imagen | Tamaño recomendado |
|---|---|
| Imagen con el estilo de visualización de bloque horizontal | 340 x 170 px |
| Imagen con el estilo de visualización de bloque vertical | 336 x 354 px |
Tienda
El bloque que permite la venta de claves del juego (excepto la plantilla de Web Shop), artículos virtuales, lotes y paquetes de moneda virtual.
Funciones principales:
- Vender artículos del juego y claves del juego.
- Visualizar toda la información sobre los artículos: precios, promociones, nombres, descripciones, imágenes, contenido de los lotes y límites de compra.
- 4 estilos de tarjeta de artículo.
- Navegación por las secciones usando pestañas de tipos de artículo.
- Personalización de los títulos de los bloques y de las secciones.
- Vista previa de artículos de demostración.
- Desplazamiento horizontal en dispositivos móviles.
- Botón adicional para la solicitud de autenticación.
| Tipo de imagen | Tamaño recomendado |
|---|---|
| Diseño de tarjeta de artículo vertical | 249 x 232 px |
| Diseño de tarjeta de artículo horizontal | 120 x 150 px |
| Diseño de tarjeta de artículo de gran tamaño | 522 x 300 px |
| Diseño de tarjeta de artículo destacado | Para ofertas que incluyan un solo artículo: 460 x 320 px. Para ofertas que incluyan varios artículos (p. ej.., lotes y artículos con bonificaciones):
Si un artículo incluido en un lote o proporcionado como bonificación también se vende por separado, utilice una imagen de 460 x 320 px. |
| Fondo personalizado para diseño de tarjeta de artículo destacado | 688 x 290 px |
Sistema de recompensas
El bloque para agregar el sistema de recompensas. Le ofrece la oportunidad de obtener puntos de valor al comprar, almacenar puntos y recopilar cadenas de recompensas. Los puntos de valor no se gastan cuando se obtiene una recompensa.
Características principales:
- Elegir una cadena de recompensas configurada en la tienda dentro del juego.
- Ampliar las características del bloque: por ejemplo, agregar texto, un botón o una imagen, utilizando código JS.
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.
- Elección de 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 adecuadas 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
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.
Funciones principales:
- Establecer iconos para cada componente de la suscripción.
- Establecer una imagen para el plan de suscripción.
| Tipo de imagen | Tamaño recomendado |
|---|---|
| Icono de función de suscripción | 34 x 36 px |
| Imagen de plan de suscripción | 318 x 144 px |
Footer (Pie de página)
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 imagen | Tamaño recomendado |
|---|---|
| Logotipo del juego | 120 x 120 px |
Enlaces útiles
Última actualización: 24 de Febrero de 2025¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.
