Crear Web Shop para juegos móviles

Una tienda Web Shop es una solución con la cual puede vender productos virtuales, moneda virtual y lotes usando la interfaz de pago de Xsolla y una interfaz de tienda en su sitio web. Los usuarios podrán acceder a más de 700 métodos de pago.

La página de abajo describe la forma de crear un sitio web usando la plantilla de Web Shop. Para obtener más información sobre la solución y aprovechar todas sus funciones, consulte la documentación.

Para crear un sitio de Web Shop:

  1. Cree un proyecto en Cuenta del editor.
  2. Cree un sitio web.
  3. Configure los bloques clave.

Crear sitio web

  1. Abra su proyecto en Cuenta del editor.
  2. Haga clic en Site Builder en el menú lateral.
  3. Haga clic en Create site.
  4. Seleccione la plantilla de Web Shop.
  5. Agregue un enlace a su juego en Google Play o App Store para reconfigurar la interfaz de tienda (logotipo, imagen de fondo, colores, texto de pie de página, enlaces a botones de compra). Si no desea utilizar los datos del juego, establezca la opción Use game info from Google Play or App Store en la posición On.
  1. Haga clic en Create.
  2. Elija:
    • tema global del sitio web
    • colores de los elementos principales
    • redondez del botón
    • fuentes del encabezado y textos del cuerpo
  3. En la parte principal del creador de sitios web (Site Builder):
    • Suba imágenes y vídeos a los bloques
    • Edite los textos que serán visibles para los usuarios

Configurar los bloques clave

Todos los bloques contienen ajustes predeterminados. Puede optar por habilitar o deshabilitar funciones específicas del bloque y personalizarlas como desee.

Establecer bloque de 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.
Nota
Si agregó un enlace a Google Play o a App Store al crear el sitio web, el bloque Header (Encabezado) se configurará automáticamente.
Si es necesario, personalice el bloque:
  1. Estableciendo los conmutadores correspondientes a la posición On:
    • Botón de inicio de sesión. El botón de autenticación de usuario se mostrará en el encabezado del sitio web.
    • Posición fija. Esta característica permite que el encabezado permanezca visible al desplazarse por la página.
    • Fondo personalizado. El fondo del encabezado cambiará a un fondo personalizado.
  2. Configure los botones del bloque

Bloque principal

Bloque que contiene información básica sobre su tienda Web Shop: el juego para el que se creó el sitio web y la identidad del desarrollador. Si no añadió un enlace a Google Play o a App Store al crear el sitio web, configure los siguientes elementos del Bloque principal en la parte principal del constructor:
  1. Agregue el icono del juego.
  2. Especifique el nombre del juego.
  3. Especifique el desarrollador del juego.
Si es necesario, personalice el bloque:
  1. Agregando una imagen de fondo.
  2. Configure las fichas con información del sitio web cambiando los conmutadores a la posición On:
    • Fichas de descripción
    • Iconos de ficha
    • Títulos de ficha
    • Descripciones de ficha

Fast Login

El bloque de Fast Login ofrece a los usuarios la capacidad de autenticarse en el sitio web. Puede usar el bloque además del botón de inicio de sesión del encabezado o en lugar de este. La apariencia y las capacidades del bloque varían en función del método de autenticación seleccionado.
Nota
Para seleccionar el método de autenticación, vaya a Login Settings en el creador de sitios.
Si usa la autenticación mediante ID de usuario, le recomendamos que añada instrucciones sobre cómo encontrar el ID en el juego. Para hacerlo:
  1. Cambie el conmutador Instructions a la posición On.
  2. Pulse en la línea que aparece en la parte inferior del bloque.
  3. Sustituya el texto de las instrucciones para los usuarios.

Si es necesario, personalice el bloque:

  1. Ajustando la visualización del encabezado y la descripción del bloque.
  2. Sustituyendo los textos predeterminados por sus propios textos.

Para configurar el bloque cuando se utiliza la autenticación por ID de usuario:

  1. Ajuste la visualización del encabezado y la descripción del bloque. También puede sustituir el texto predeterminado por el suyo propio.
  2. Para mostrar instrucciones sobre cómo encontrar el ID de usuario en el juego, cambie el conmutador Instruction a la posición On. Pulse en la línea que aparece en la parte inferior del bloque y sustituya el texto que verán los usuarios.

Establecer bloque de Store (Tienda)

Bloque para vender artículos virtuales, lotes y paquetes de moneda virtual. Este bloque contiene secciones creadas automáticamente que puede eliminar y sustituir por otras nuevas.

  1. Si hace falta, personalice el bloque:
    • Agregando un título
    • Habilitando la visualización de los nombres de grupos de productos
    • Habilitando pestañas para facilitar la navegación en la tienda
    • Agregando un fondo personalizado
    • Configurando el botón de llamada a la acción de inicio de sesión.

  1. En la sección de tienda, seleccione el tipo de artículo que quiere vender en el sitio web y su grupo correspondiente en la lista desplegable.

Aviso
Si los artículos creados o importados y las monedas virtuales no se muestran en la ventana de Site Builder, asegúrese de que los grupos de artículos y paquetes creados están Habilitados, y que los artículos se han transferido a los grupos creados. Puede ver y configurar los artículos creados a través de Cuenta del editor en la sección Store.

  1. En la sección de tienda, escoja Item card layout(Diseño de ficha del artículo):

    • Featured (Destacado). Este diseño de ficha le permite captar la atención de los usuarios sobre productos u ofertas especiales. Le recomendamos que utilice este diseño para las promociones de bonificación y de descuentos, y promociones, artículos y lotes de duración y número limitados.
      En la configuración del diseño de la ficha puede:
      • ocultar o mostrar la imagen y la descripción de un artículo,
      • asegurar el ajuste o aumentar al máximo la imagen de un artículo
      • cambiar el color del texto,
      • utilizar un fondo personalizado para el carrusel.
  • Horizontal Esta disposición de ficha le permite colocar el nombre, la descripción y el precio del producto a la derecha de la imagen.
    En la configuración del diseño de la ficha puede:
    • ocultar o mostrar la imagen y la descripción de un artículo
    • asegurar el ajuste o aumentar al máximo la imagen de un artículo
    • habilitar o deshabilitar el desplazamiento horizontal en dispositivos móviles
    • utilizar un fondo personalizado para la sección
  • Vertical Esta disposición de ficha le permite colocar el nombre, la descripción y el precio del producto en la parte inferior de la imagen.
    En la configuración del diseño de la ficha puede:
    • ocultar o mostrar la imagen y la descripción de un artículo
    • asegurar el ajuste o aumentar al máximo la imagen de un artículo
    • habilitar o deshabilitar el desplazamiento horizontal en dispositivos móviles
    • utilizar un fondo personalizado para la sección
  • Large (Grande). Recomendamos utilizar este diseño de ficha para lotes y bonificaciones. Este muestra la composición de la ficha en la página de destino sin tener que pulsar en la ficha.
    En la configuración del diseño de la ficha puede:
    • ocultar o mostrar la imagen y la descripción de un artículo
    • asegurar el ajuste o aumentar al máximo la imagen de un artículo
    • habilitar o deshabilitar el desplazamiento horizontal en dispositivos móviles
    • utilizar un fondo personalizado para la sección.
Nota
Solo puede utilizar los diseños Vertical, Large y Featured para los lotes.
  1. Si es necesario, personalice el diseño de la ficha estableciendo los conmutadores correspondientes en la posición On en la configuración del diseño de la ficha.

  1. Puede Ocultar sección si está vacía poniendo el conmutador pertinente en la posición On.

Nota
Si añadió un enlace a Google Play o a App Store al crear el sitio web, el bloque Footer (Pie de página) se configurará automáticamente.
Si es necesario, personalice el bloque:
  1. Select layout style (Seleccione el estilo de diseño).
  2. Personalice el fondo.
  3. Añada botones de Share options (Opciones para compartir), configure los iconos de redes sociales.
  4. Añada enlaces a las redes sociales.
  5. Añada restricciones de edad.
  • Guía de integración de Web Shop
  • Todos los bloques de Site Builder (Creador de sitios web)
    • ¿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.
      Valore esta página
      Valore esta página
      ¿Hay algo en lo que podamos mejorar?

      Prefiero no responder

      ¡Gracias por tu mensaje!
      Última actualización: 24 de Mayo 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!