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.
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.
- 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.
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 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 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 imagen | Tamaño recomendado |
---|---|
Icono de plataforma personalizado | 24 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 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 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 imagen | Tamaño recomendado |
---|---|
Imagen principal | 784 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 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 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
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 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 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:
- 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 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.
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 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 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 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 | 411 x 184 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. 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:
- 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.
- 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 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: 19 de Noviembre de 2024¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.