Cómo conectar la tienda a su sitio web

Cómo funciona

Store (Tienda) en su sitio web permite atraer a más jugadores para incrementar la monetización del juego. Con Store puede vender claves del juego (excepto la plantilla de Web Shop), lotes artículos virtuales y paquetes de moneda virtual.

Demo de juegos

Demostración de artículos y monedas

Nota
Estas instrucciones están pensadas para sitios web creados con Site Builder. Si desea conectar una tienda en su propio sitio web, utilice las instrucciones para crear una tienda.

Flujo del usuario

  1. El usuario accede al sitio web del juego y navega hasta la sección de la tienda.
  2. El usuario inicia sesión en el sitio web.
  3. El usuario pulsa en la ficha del artículo y ve una descripción detallada del mismo.
  1. El usuario hace clic en el precio.
  2. El usuario paga la compra en la interfaz de pago abierta.

Flujo de integración

  1. Crear catálogo en Cuenta del editor.
  2. Crear bloque de Store (Tienda).
  3. Personalizar bloque de Store.

Crear catálogo

Para crear un catálogo:
  1. Abra su proyecto en Cuenta del editor.
  2. En el menú lateral, haga clic en Store > Connect.
  3. Haga clic en Connect junto a la sección con el tipo de artículo que desea vender en el sitio:
Nota
La plantilla de Web Shop no admite la venta de claves del juego o lotes que contengan claves del juego.

Crear bloque de Store

Si crea un sitio con la plantilla de Web Shop o Store (Tienda), el bloque Store se añade automáticamente al sitio web.

La plantilla de Store (Tienda) de Web Shop le permite mostrar información adicional en las fichas de los artículos:

  • Bonificaciones: solo para promociones con bonificaciones.
  • Temporizador de promoción: para cualquier tipo de promoción. Aparece un temporizador en la ficha del artículo 30 días antes del final de la promoción que indica el tiempo restante de la promoción.
  • Limite el número de veces que un usuario puede usar una promoción: para cualquier tipo de promoción, si el número de usos es limitado.
  • Limite el número de veces que un usuario puede comprar este artículo: para artículos virtuales si el número de usos es limitado.

Si crea un sitio web con otras plantillas, añada un bloque de Store:

  1. Abra su proyecto en Cuenta del editor.
  2. En el menú lateral, haga clic en Site Builder.
  3. Haga clic en Open Site Builder.

  1. Haga clic en Add block en la plantilla del sitio web.

  1. Seleccione Store en la lista de bloques.
  1. En la lista desplegable, seleccione el tipo de artículo que desea vender en el sitio web y seleccione su grupo.
Nota
Si la lista de artículos está vacía o desea crear un nuevo artículo, haga clic en el botón “Create” o en el enlace Set up purchases situado en la parte inferior de la sección.

  1. Para vender artículos en diferentes lugares del sitio web, cree varias secciones con tienda. Para ello, haga clic en Add store section en el menú de bloques Store.

El bloque Store no admite cesta de la compra ni códigos promocionales. Para conectar una cesta de la compra en su sitio web, contacte con su gestor del éxito del cliente o envíe un correo electrónico a csm@xsolla.com.

Personalizar bloque

  1. Personalice el encabezado de la sección. Para ello, haga clic en el encabezado de Tienda de la plantilla del sitio web y edite su texto y estilo.

  1. Elija Disposición de la ficha del artículo.

  • Destacado Este diseño de ficha le permite llamar 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 y artículos 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
  • Grande. Recomendamos utilizar este diseño de ficha para paquetes y bonificaciones. 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, Grande, y Destacado para los lotes.
  • Por defecto, se emplea un diseño de ficha de artículo independiente para las claves del juego. No se puede cambiar y no está disponible para otros productos.
    En la configuración del diseño de la ficha puede:
    • ocultar o mostrar la imagen y la descripción de un artículo, la fecha de lanzamiento y las plataformas del juego
    • 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
  1. Para comprobar cómo verán su sitio web los usuarios, haga clic en Preview en la esquina superior derecha del creador de sitios.
¿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!

Enlaces útiles

Última actualización: 4 de Marzo 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!