Crear el sitio web y personalizar los bloques principales

Descripción general

En esta sección se describe cómo establecer manualmente Web Shop en el creador de sitios web. Si es la primera vez que crea una Web Shop, le recomendamos que comience con el escenario exprés: este escenario le permite generar automáticamente una configuración inicial del sitio web basada en los datos de la página de su juego en App Store, que luego podrá seguir personalizando en el creador de sitios web (Site Builder).

Con la plantilla de Web Shop, puede crear:

  • Tienda de una sola página: un formato simplificado de Web Shop. Todo el contenido se muestra en una sola página. Es ideal si necesita minimizar el recorrido del usuario para realizar la compra y poner en marcha la tienda lo antes posible. La plantilla de Web Shop incluye los bloques principales para una tienda de una sola página. Puede personalizar y eliminar estos bloques, así como añadir otros nuevos.

  • Portal web multipágina: un formato avanzado de Web Shop que le permite crear una plataforma con todas las funciones para fomentar la participación de los jugadores. Es ideal tanto para trabajar con contenido (noticias o recompensas) como para escenarios de captación de tráfico dentro del juego. Puede dirigir a los usuarios a páginas de contenido sin venta directa de artículos, de conformidad con los requisitos de la plataforma, y luego fomentar las compras dentro de Web Shop. Si no utiliza el escenario exprés, cada página debe añadirse manualmente. Un elemento obligatorio de un sitio web multipágina es la barra lateral: permite la navegación entre páginas y se añade automáticamente al crear el sitio multipágina.

Antes de empezar, configure:

Para crear una Web Shop:
  1. Cree un sitio web.
  2. Configure los bloques principales.

Cuando haya terminado la configuración, pruebe y publique el sitio web.

Crear el sitio

  1. Abra su proyecto en Cuenta del editor y vaya a Storefronts > Websites.
  2. Haga clic en Create site.
  3. Seleccione la plantilla Web Shop.
  4. Añada una URL a una plataforma externa donde esté disponible su juego. Esto le permite crear rápidamente una página con el estilo de su juego: las imágenes y el título del juego, los datos del desarrollador y una combinación de colores se añaden automáticamente a la página. Si no quiere utilizar esta información, desactive la opción Copy game info via App Store or Google Play URL.
  1. Haga clic en Create Web Shop.

Como resultado, se le redirigirá al creador de sitios web con una web preconfigurada para su juego. Puede hacer los cambios necesarios:

  • Personalizar el tema del sitio:

    • colores de los elementos principales
    • redondeo de esquinas de los elementos
    • tipografías para encabezados y cuerpo de texto

  • Editar el contenido:

    • subir imágenes y vídeos a los bloques
    • cambiar los textos que ven los usuarios

Si crea un portal web de varias páginas, añada páginas:

  1. Haga clic en el nombre de la página en la parte superior del creador de sitios web y seleccione Create page en el menú desplegable.
  1. Seleccione una plantilla de página en la pestaña Recommended o Other templates.
Nota
La plantilla de la página contiene bloques predefinidos, pero se pueden modificar si es necesario.

Para obtener más información sobre la gestión de páginas de sitios, consulte la documentación.

Configurar los bloques clave

Todos los bloques incluyen una configuración predeterminada. Puede activar o desactivar determinadas funciones de los bloques y personalizarlos según desee. Al utilizar la plantilla de Web Shop, se añaden automáticamente los siguientes bloques al sitio:

  • Header: el bloque situado en el encabezado del sitio. Muestra información del usuario y contiene elementos de navegación del sitio. Para obtener información detallada, consulte la sección Bloques.

  • Lead block: bloque con información básica sobre su tienda web: el juego para el que se ha creado el sitio y quién es el desarrollador. Para obtener información detallada, consulte la sección Bloques.

  • Fast Login: bloque que permite destacar el paso de autorización y agilizar el proceso de compra del usuario. Es necesario haber configurado previamente la autenticación de usuario. Para obtener información detallada, consulte la sección Bloques.

  • Store: bloque para vender artículos virtuales, lotes y paquetes de moneda virtual. Para obtener información detallada, consulte la sección Bloques.

  • Footer: el bloque del pie de página del sitio web que contiene enlaces a redes sociales, botones para compartir e información adicional. Para obtener información detallada, consulte la sección Bloques.

  • Shopping cart: permite a los usuarios añadir artículos a la cesta antes de realizar la compra y aplicar códigos promocionales o cupones en la interfaz de la cesta de la compra. Para obtener información detallada, consulte la sección Bloques.

Descripción general

En esta sección se describe cómo configurar manualmente una tienda en el creador de sitios web. Si es la primera vez que crea una tienda, le recomendamos que empiece con el escenario exprés, que le permite generar automáticamente una configuración inicial del sitio a partir de los datos de la página de su juego en la App Store o en Google Play, y que luego puede personalizar aún más en el creador de sitios web.

Puede crear los siguientes tipos de Web Shop:

  • Single-page Web Shop: un formato simplificado de tienda web en el que todo el contenido se muestra en una única página. Es ideal si quiere minimizar el proceso de compra del usuario y lanzar la tienda lo antes posible. La plantilla incluye los bloques principales para una tienda de una página. Puede personalizar y eliminar estos bloques, así como añadir otros nuevos.
  • Multi-page web portal: un formato avanzado de Web Shop que le permite crear una plataforma con todas las funciones para fomentar la participación de los jugadores. Es adecuado tanto para trabajar con contenido (noticias, recompensas) como para escenarios de captación de tráfico dentro del juego. Puede dirigir a los usuarios a páginas de contenido sin venta directa de artículos, cumpliendo con los requisitos de la plataforma, y luego fomentar las compras dentro de Web Shop.

    Un elemento esencial en un sitio web de varias páginas es la barra lateral: permite navegar entre las páginas y se añade automáticamente al crear el sitio web de varias páginas. La plantilla incluye un conjunto de páginas que se pueden personalizar y eliminar, así como añadir otras nuevas.

Antes de empezar, configure lo siguiente:

Para crear una Web Shop:

  1. Cree un sitio.
  2. Configure los bloques principales.
  3. Configure las páginas (opcional).

Una vez configurado, pruebe y publique el sitio.

Crear sitio

  1. Abra el proyecto en su cuenta y vaya a la sección Web Shop.

  2. Haga clic en Create Web Shop.

  3. Seleccione la plantilla Single-page Web Shop o Multi-page web portal y haga clic en Use this template.

  1. Elija un estilo visual: uno de los temas predefinidos del sitio para distintos géneros de videojuegos (opcional).

    Añada una URL a una plataforma externa en la que esté disponible su juego. Esto le permite crear rápidamente una página con el estilo de su juego: las imágenes y el título del juego, información sobre el desarrollador y una combinación de colores se añaden automáticamente a la página.

    Para configurar el sitio manualmente sin usar datos del juego, haga clic en Skip this step.

  1. Haga clic en Continue.

Una vez creado el sitio web preconfigurado, puede continuar con la configuración del proyecto o acceder al editor para hacer los ajustes necesarios en su Web Shop:

  • Personalice el tema del sitio:
    • colores de elementos clave
    • radio de borde de los elementos
    • fuentes para encabezados y cuerpo de texto
  • Edite el contenido:
    • suba imágenes y videos a los bloques
    • modifique los textos que ven los usuarios

Configurar bloques principales

Todos los bloques tienen una configuración predeterminada. Puede activar o desactivar determinadas funciones de los bloques y personalizarlas a su gusto. Al usar la plantilla Single-page Web Shop, se añaden automáticamente los siguientes bloques al sitio:

  • Header: el bloque situado en el encabezado del sitio. Muestra la información del usuario y contiene los elementos de navegación del sitio.

  • Lead block: bloque con información básica sobre su Web Shop: el juego para el que se ha creado el sitio y quién es el desarrollador.

  • Fast Login: bloque que permite destacar el paso de autorización y agilizar el recorrido del usuario hasta la compra. Requiere que la autenticación de usuario se haya configurado de antemano.

  • Store: bloque para vender artículos virtuales, lotes y paquetes de moneda virtual.

  • Footer: el bloque situado en el pie de página del sitio con enlaces a redes sociales, botones de opciones para compartir e información adicional.

  • Shopping cart: permite a los usuarios añadir artículos a la cesta antes de comprar y aplicar códigos promocionales o cupones desde la propia interfaz de la cesta.

Para obtener información detallada sobre todos los bloques disponibles, consulte la sección Bloques.

Configurar páginas

Al usar la plantilla de portal web de varias páginas, se añaden automáticamente las siguientes páginas al sitio:

Cada plantilla de página contiene bloques predefinidos, pero se pueden modificar si es necesario.

Para obtener más información sobre las plantillas de páginas y la gestión de páginas, consulte Cómo gestionar páginas 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.

Seguir leyendo

Última actualización: 7 de Septiembre de 2026

¿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!
No hemos podido enviar sus comentarios
Vuelva a intentarlo más tarde o escríbanos a [email protected].