Configurar la plataforma de publicación usando un CMS sin interfaz gráfica (‘headless CMS’)

Puedes configurar una plataforma para que se pueda publicar y promocionar juegos mediante un sistema de gestión de contenidos (CMS) sin interfaz, en el cual la interfaz de usuario de edición es independiente de la interfaz de usuario del sitio web.

Cuando se aprueben la estructura y el diseño, el equipo de Xsolla implementa el front-end de tu plataforma y configura el CMS.

El CMS te permite gestionar de forma independiente el contenido del sitio web (p. ej., noticias, fichas de juego y ofertas especiales) sin modificar el código. Esto simplifica la gestión del sitio tras su lanzamiento, a la vez que mantiene el aspecto visual y la lógica de visualización controlados por Xsolla.

Guía del CMS

Inicia sesión en el CMS y cambia tu contraseña.

Tras la implementación del front-end y la configuración inicial del sitio web, el equipo de Xsolla te facilitará un enlace al CMS y las credenciales de inicio de sesión.

Por motivos de seguridad, te recomendamos cambiar la contraseña de tu cuenta la primera vez que inicies sesión. Para ello, haz lo siguiente:

1. Haz clic en el icono del perfil de usuario ubicado en la esquina superior derecha de la pantalla.
2. Haga clic en Change Password.
3. Introduce tu nueva contraseña en el campo New Password y vuelve a introducirla en el campo Confirm Password.
4. Haga clic en Save.

Nota

En esta sección, también puedes escoger el tema y el idioma del CMS.

Panel de control

La página Dashboard es la pantalla principal del CMS. Puedes acceder a ella desde cualquier parte del CMS pulsando en el icono de la barra de ruta de navegación situada en la parte superior de la pantalla.

Desde el panel de control, puedes:

• Sincroniza los datos del sitio con los datos de las tiendas de aplicaciones o plataformas conectadas, si están configuradas para tu proyecto.
• Publicar los cambios en la configuración del sitio web.
• Consultar la información sobre el mantenimiento programado del sitio web.
• Vaya a la configuración global para establecer los periodos de mantenimiento del sitio.

Colecciones

Las colecciones son secciones estructuradas del CMS donde se guardan y configuran diferentes tipos de contenido del sitio, como artículos, diapositivas, preguntas frecuentes, etc.

Cada objeto de una colección tiene los siguientes parámetros:

• ID único: en la interfaz del CMS, se sustituye por el nombre del objeto, si se especificó.
• Estado del objeto:
  • Draft - asignado automáticamente cuando se realizan cambios, pero no se guardan manualmente. Los campos obligatorios pueden estar no rellenados en este estado. Los cambios preliminares no se publicarán en el sitio web.
  • Published: - asignado cuando se realizan cambios y se guardan manualmente. Los cambios no se pueden guardar salvo que se rellenen todos los campos obligatorios.
• Marcas de tiempo para creación, guardado por última vez y última modificación.
• Historial de cambios.

Versiones de objetos de la colección

El CMS admite el versionado de objetos en colecciones. Esto implica que cada vez que se efectúan cambios, el sistema crea una nueva versión del objeto. Puedes visualizar el historial de cambios pulsando en el número de versión del objeto.

Para consultar información detallada sobre los cambios, pulsa en la fecha de la fila de la versión deseada. En la página de detalles, también puedes comparar versiones o restaurar una seleccionada.

Configuraciones globales

Las configuraciones globales del sitio web están disponibles en la sección Globals > Configuration e incluyen:

• configuración del período de mantenimiento
• configuración de la configuración regional del sitio y
• configuración del favicono del sitio web

Agregar información del juego al sitio web

Con el CMS, puedes ingresar todos los datos necesarios que se mostrarán tanto en la ficha del juego en la página de inicio como en la página individual del juego.

Al añadir un juego en la sección Collections > Games se generan dos tipos de visualizaciones:

• Una ficha del juego que aparece en la página de inicio. La ficha incluye el título, una descripción breve, una imagen y enlaces al juego en las tiendas de aplicaciones.

1. Ejemplo de fichas de juego en la página de inicio:

• Una página del juego completa, que se abre al seleccionar la ficha del juego en la página de inicio. Esta página puede incluir una descripción detallada, capturas de pantalla, vídeos, enlaces a tiendas de aplicaciones, estadísticas de descargas, imágenes de fondo y otros recursos.

1. Ejemplo de la página de un juego:

Además, puede agregar un juego al menú del encabezado. Para ello, contacte con su gestor de éxito del cliente o envíe un correo electrónico a csm@xsolla.com.

Para agregar información del juego y configurar los ajustes básicos:

1. Vaya a la sección Collections > Games.
2. Haga clic en Create New.
3. En la pestaña Main, rellene los campos obligatorios:

1. • Title: el nombre del juego que aparece en el sitio web.

1. • Slug: El identificador URL de la página del juego. Puede contener caracteres latinos EN minúscula, números y guiones. (-).

1. 1. Ejemplo:
   2. Si el campo Slug contiene cool-action-game, la página del juego estará disponible en una URL como http://my-awesome-game-store.com/en/game/cool-action-game.

1. • Short Description: una breve descripción del juego que se muestra en la ficha del juego de la página de inicio

4. Agregue el juego a una franquicia (opcional). En la lista desplegable Franchise, seleccione una franquicia existente o pulse en + y cree una nueva.
5. En la pestaña Page rellene el campo Page description; este contenido aparecerá en la página del juego.
6. Agregue respuestas a las preguntas frecuentes (opcional). En el campo FAQs, seleccione respuestas existentes o pulse en + y cree una nueva.
7. En la pestaña Links, agregue enlaces al juego en las tiendas de aplicaciones (Google Play, App Store, Steam, etc.). Para agregar un enlace:

1. 1. Haga clic en Add Store_link.
   2. En la lista desplegable Platform seleccione la tienda de aplicaciones. Si escoge Other, introduzca el nombre de la tienda de forma manual en el campo Custom Platform Name.
   3. En el campo Icon suba o seleccione un icono de enlace (opcional). Si no se carga ningún icono, se usará el icono por defecto.

1. 4. En el campo Link introduzca la URL del juego en la tienda de aplicaciones.
   5. En el campo Downloads count, introduzca el número total de descargas desde las tiendas de aplicaciones (opcional). Esto contribuye a que los usuarios puedan evaluar la popularidad del juego.

8. En la pestaña Images, suba o seleccione imágenes para la ficha del juego y para la página del juego:

9. En la pestaña Gallery, agregue los recursos que desea mostrar en la página del juego (opcional):

1. • Para agregar una captura de pantalla, en la sección Images pulse en Add Image, y, luego, suba o seleccione una imagen.

1. 1. Recomendaciones:
      • Relación de aspecto: 16:9.
      • Dimensiones: 526 × 296 px.

1. • Para agregar un vídeo, en la sección Videos pulse en Add Video, y, luego, suba o seleccione un vídeo.

Nota

Las imágenes y los vídeos de la página del juego se muestran en el mismo orden en que aparecen en la pestaña Gallery. Para cambiar su orden, pulse en el icono ••• y seleccione Move Up o Move Down.

10. Para validar los campos obligatorios y guardar los cambios, pulse en Publish changes.

Crear franquicia

Una franquicia es una agrupación lógica de múltiples juegos que ayuda a filtrar y organizar el contenido del sitio web. Cada franquicia de la lista de juegos muestra una imagen y un título.

Ejemplo de una franquicia que se muestra en la página de inicio:

Para crear una nueva franquicia:

1. Vaya a la sección Collections > Franchises.
2. Haga clic en Create New.
3. En el campo Title, introduzca el nombre de la franquicia que aparecerá en el sitio web.
4. En la sección Image pulse en Add Image, y, luego, suba o seleccione la imagen que desea mostrar para la franquicia.

1. Recomendaciones:
   • Relación de aspecto: 1:1.
   • Dimensiones: 512 × 512 px.

5. Para validar los campos obligatorios y guardar los cambios, pulse en Publish changes.

Para añadir un juego a una franquicia:

1. Vaya a la sección Collections > Games y seleccione un juego existente de la lista o cree uno nuevo.
2. En la pestaña Main, en la lista desplegable Franchise, seleccione una franquicia existente o pulse en + y cree una nueva.
3. Para validar los campos obligatorios y guardar los cambios, pulse en Publish changes.

Crear artículo

En el CMS, puede crear artículos como noticias, anuncios, reseñas y otros materiales relacionados con sus juegos o plataforma.

Al agregar un juego en la sección Collections > Articles, se generan dos tipos de visualizaciones en el sitio:

• Ficha de vista previa de artículo: puede mostrarse en la página de inicio, en la página con la lista completa de artículos o en la página de un juego si el artículo está asociado a un juego.

• Página del artículo: contiene el contenido íntegro del artículo y se abre al pulsar en la ficha de vista previa.

El aspecto y el número de las fichas de artículo que aparecen en la página de inicio dependerán de la interfaz de usuario de su sitio web.

Para agregar un artículo al sitio:

1. Vaya a la sección Collections > Article.
2. Haga clic en Create New.
3. Rellene los siguientes campos:

1. • Article Title: el título del artículo que aparece en el sitio web.

1. • Slug: el identificador URL de la página del artículo. Puede contener caracteres latinos en minúscula, números y guiones. (-).

1. 1. Ejemplo:
   2. Si el campo Slug contiene cool-action-game, la página del artículo estará disponible en una URL como http://my-awesome-game-store.com/en/game/cool-action-game.

1. • Game: El juego asociado al artículo (opcional). Seleccione un juego de la lista desplegable o haga clic en + y cree uno nuevo. El nombre del juego se muestra como una etiqueta en la ficha de vista previa del artículo. Los artículos vinculados a un juego específico también se muestran en la página de ese juego.

1. • Description: un breve resumen del artículo que aparece en la ficha de vista previa y que se utiliza para SEO (opcional).

1. • Header Image: la imagen que aparece en la ficha de vista previa y como banner en la página del artículo.

1. • Start Date: la fecha de publicación del artículo que se muestra en el sitio web.

1. • Finish Date: la fecha a partir de la cual el artículo ya no aparecerá (opcional).

1. • Text: el contenido completo del artículo.

4. Para mostrar la ficha de vista previa del artículo en la página de inicio, marque la casilla Main Article (opcional).

5. Agregue respuestas a las preguntas frecuentes (opcional). En el campo FAQs, seleccione respuestas existentes o pulse en + y cree una nueva.
6. Para marcar el artículo como activo, marque la casilla Active article. Si no está marcada, el artículo no aparecerá en el sitio web.
7. Para validar los campos obligatorios y guardar los cambios, pulse en Publish changes.

Agregar diapositiva al carrusel de la página de inicio

La página de inicio puede incluir un carrusel debajo del encabezado, un bloque de diapositivas giratorias que se usa para resaltar juegos relevantes, promociones, noticias y mucho más.

Cada diapositiva es un banner visual. Las diapositivas avanzan automáticamente o se pueden cambiar manualmente.

Ejemplo de un carrusel de diapositivas en la página de inicio:

Para añadir una nueva diapositiva al carrusel de la página de inicio:

1. Vaya a la sección Collections > Sliders.
2. Haga clic en Create New.
3. Rellene los siguientes campos:

1. • Title: el nombre interno de la diapositiva (no se muestra en el sitio web).

1. • Slider Title: el título de la diapositiva que aparece en el sitio web.

1. • State: el estado de la diapositiva. Para mostrar la diapositiva en el carrusel de la página de inicio tras publicar el sitio web, seleccione Active.

1. • Slider Description: texto de la diapositiva (opcional).

4. En el campo Image, suba o seleccione una imagen para la diapositiva.

1. Recomendaciones:
   • Relación de aspecto: ~2:1.
   • Dimensiones: 1920 × 980 px.

5. Agregue enlaces a recursos externos u otras páginas del sitio web (opcional). Para agregar un enlace:
   1. En la sección Links, pulse en Add Link.
   2. En el campo Text, introduzca el texto del enlace que se mostrará en la diapositiva.
   3. En el campo Link, introduzca la URL.
   4. En el campo Icon, seleccione o suba un icono para el enlace.
6. Para validar los campos obligatorios y guardar los cambios, pulse en Save.

Crear reseña de juego

Las reseñas de juegos (comentarios de los usuarios sobre un juego) se muestran en la página correspondiente del juego y ayudan a los usuarios a conocer la opinión de otros jugadores. Las reseñas son un factor clave para generar confianza y mantener el compromiso de los usuarios.

Ejemplo de reseñas en la página de un juego:

Puede añadir manualmente una reseña a través del CMS o configurar la importación automática de reseñas desde la tienda de aplicaciones donde está publicado el juego. Para establecer la importación automática de reseñas, contacte con su gestor de éxito del cliente o envíe un correo electrónico a csm@xsolla.com.

Para añadir manualmente la reseña de un juego:

1. Vaya a la sección Collections > Reviews.
2. Haga clic en Create New.
3. Rellene los siguientes campos:

1. • User name: el nombre o alias del usuario que escribió la reseña.

1. • Game: el juego al que está asociada la reseña. Seleccione uno de la lista desplegable o pulse en + y cree un nuevo juego..

1. • Title: la voloración del usuario que se muestra en el sitio web.

1. • Date: la fecha en que se creó la reseña.

1. • Likes: número de "Me gusta" que recibió la reseña (opcional) .

1. • Dislikes: número de "No me gusta" que recibió la reseña (opcional) .

1. • Locale: el idioma de la reseña.

1. • Text: el contenido de la reseña.

4. Para publicar la reseña de forma anónima (sin mostrar el User name), marque la casilla de Anonymous.
5. Para validar los campos obligatorios y guardar los cambios, pulse en Save.

Crear Preguntas frecuentes

Las preguntas frecuentes ayudan a los usuarios a acceder rápidamente a información relevante y reducen las solicitudes de asistencia habituales. En el CMS, puedes agregar un bloque de preguntas frecuentes a las siguientes páginas del sitio web:

• página del juego
• artículo
• página dinámica

Para agregar una pregunta frecuente en el CMS:

1. Vaya a la sección Collections > FAQs.
2. Haga clic en Create New.
3. Rellene los siguientes campos:
   • Title: nombre interno de la pregunta frecuente, no se muestra en el sitio web.
   • Question: el texto de la pregunta.
   • Question: el texto de la respuesta.
4. Para validar los campos obligatorios y guardar los cambios, pulse en Save.

Crea una página dinámica

Las páginas dinámicas se usan para mostrar contenido textual y visual en el sitio web que no está directamente vinculado a un juego específico. Estas páginas pueden incluir contenido personalizado, como:

• Política de privacidad
• Condiciones de uso
• Secciones de información o de ayuda

Las páginas dinámicas no están conectadas a fichas de juegos ni a noticias, pero se pueden agregar al menú del sitio web o acceder a ellas mediante enlaces desde otras secciones.

Para agregar una página dinámica al sitio web:

1. Vaya a la sección Collections > Dynamic Pages.
2. Haga clic en Create New.
3. Rellene los siguientes campos:

1. • Title: el título de la página que aparece en el sitio web.

1. • Slug: el identificador URL de la página. Puede contener caracteres latinos en minúscula, números y guiones. (-).

1. 1. Ejemplo:
   2. Si el campo Slug contiene terms, la página estará disponible en una URL como http://my-awesome-game-store.com/en/terms.

1. • Publish Date: la fecha de publicación de la página (no se muestra en el sitio web).

1. • Expiry Date: la fecha a partir de la cual la página ya no aparecerá (opcional).

1. • Content: el contenido de la página.

4. Agregue respuestas a las preguntas frecuentes (opcional). En el campo FAQs, seleccione respuestas existentes o pulse en + y cree una nueva.
5. Para validar los campos obligatorios y guardar los cambios, pulse en Publish changes.

Establecer la localización

Los idiomas disponibles en el sitio se definen mediante un conjunto de configuraciones regionales en la configuración global.

El contenido debe facilitarse por separado para cada configuración regional.

Si no se especifica ningún contenido para una configuración regional concreta, se utilizará el contenido de la configuración regional en inglés (por defecto) . Para cambiar la configuración regional predeterminada, contacte con su gestor de éxito del cliente o envíe un correo electrónico a csm@xsolla.com.

Ejemplo:

El sitio web admite dos idiomas: inglés (por defecto) y alemán.

Si no se especifican ajustes específicos para el juego para la configuración regional alemana, los usuarios que vean el sitio web en alemán verán el contenido en inglés establecido para la configuración regional predeterminada.

Configurar las configuraciones regionales del sitio web

1. Vaya a la sección Globals > Configuration.
2. En la lista desplegable Languages, seleccione las configuraciones regionales.
3. Haga clic en Save.

Localice el contenido de forma manual

1. En el campo Locale ubicado en la esquina superior derecha de la pantalla, seleccione la configuración regional deseada.
2. Vaya a la sección correspondiente en Collections. Por ejemplo, para localizar un artículo, vaya a la sección Collections > Articles.
3. Seleccione la entrada en la tabla.
4. Rellene los campos de texto en la configuración regional seleccionada y guarde los cambios.

También puede agregar descripciones de juegos, artículos, franquicias u otros objetos en una configuración regional específica. Estos objetos tan solo serán visibles en el sitio web cuando el usuario seleccione la configuración regional compatible.

Localice el contenido de forma automática

La localización automática de contenidos únicamente está disponible para las siguientes colecciones:

• Games
• Articles
• Dynamic Pages

Para localizar contenido de forma automática:

1. Vaya a la Collections > Games, Articles o a la sección Dynamic Pages.
2. Seleccione la entrada deseada en la tabla.
3. Haga clic en Translate.
4. En la ventana modal Languages, seleccione las configuraciones regionales a las que desea traducir el contenido. Para seleccionar todas las configuraciones regionales del sitio web, pulse en Choose All.
5. Haga clic en Translate y espere a que se realice la traducción del contenido.
6. Edite las traducciones si lo considera necesario.
7. Para validar los campos obligatorios y guardar los cambios, pulse en Publish changes.

Publicar cambios

Todos los cambios que se realicen en la configuración del sitio web o en las colecciones no aparecerán en el sitio activo hasta que se publique.

Para publicar los cambios realizados en el sitio, haga clic en el botón Build Site en la esquina superior derecha de la pantalla o en el botón Build en la página Dashboard.

Establecer un dominio para la plataforma de publicación

Todos los sitios web están alojados en la infraestructura de Amazon Web Services (AWS) y cuyos contenidos se proveen a través de Amazon CloudFront, un servicio de red de distribución de contenidos (CDN) que distribuye contenidos de forma rápida y segura a usuarios de todo el mundo.

Cuando finalice la configuración y la publicación, el equipo de Xsolla le proporcionará una URL del sitio web con el siguiente formato: https://your-cloudfront-id.cloudfront.net.

Puede conectar un dominio personalizado (o subdominio) para su plataforma de publicación; p. ej., games.example.com. De este modo, podrá usar el nombre de su empresa o proyecto en la dirección del sitio, para que los usuarios lo reconozcan más fácilmente.

Para configurar un dominio personalizado para su plataforma de publicación:

1. Escoja el dominio o subdominio en el que se alojará su plataforma.

2. Cree un registro CNAME:
   1. Inicie sesión en el panel de administración de su proveedor de DNS.
   2. Vaya a la sección de registros de DNS.
   3. Cree un nuevo registro con los siguientes parámetros:

3. Envíe una solicitud de conexión de dominio a su gestor del éxito del cliente o por correo electrónico a csm@xsolla.com. Incluya los siguientes datos en su solicitud:
   • dominio o subdominio deseado,
   • cualquier requisito adicional (p. ej., idioma predeterminado, reglas de redireccionamiento o configuración de localización).