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.

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.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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

Enlaces útiles

Última actualización: 23 de Septiembre de 2024