Crear el sitio web y personalizar los bloques principales

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 Web Shop.
5. Añada un enlace a su juego en Google Play o App Store para utilizar automáticamente los datos del juego (logotipo, imagen de fondo, colores, texto en el pie de página, enlaces a botones de compra) en Web Shop. Si no desea utilizar los datos del juego, establezca la opción Use game info from Google Play or App StoreStore en On.

6. Haga clic en Create.
7. Elija:
   • tema global del sitio web
   • colores de los elementos del correo
   • redondez de los botones
   • fuentes del encabezado y textos del cuerpo
8. En la parte principal de Site Builder:
   • Suba imágenes y vídeos a los bloques
   • Edite los textos que serán visibles para los usuarios

Establecer bloque de encabezado

1. Fijar la posición del bloque. Esta función permite que el encabezado permanezca visible mientras la página se mueve.
2. Añada el logotipo de su juego.
3. Añada una imagen de fondo.
4. Editar los botones. Puede utilizar plantillas de botones prediseñadas. Para ello, añada la URL a la que se redirigirá al usuario tras pulsar el botón.

Establecer bloque de Store (Tienda)

1. Especifique la configuración visual del bloque (opcional):
   • encabezado
   • títulos de grupos de los artículos
   • fondo personalizado
2. Establezca la sección de la tienda creada automáticamente. Para ello, en la lista desplegable, seleccione el tipo de artículo que desea vender en el sitio web y seleccione su grupo.

3. Elija Item card layout (Disposición de la ficha del artículo):
   • Featured(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

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

4. Para mostrar la descripción del producto en la ficha del producto en el sitio web, establezca el conmutador Item description en On.
   Los usuarios pueden ver una descripción detallada haciendo clic en la ficha del producto.
5. Puede editar el tamaño de la imagen en la ficha del artículo. Para ello, en la lista desplegable Image size, elija Ensure fit o Maximize.
6. El desplazamiento horizontal está disponible para dispositivos móviles. Para habilitarlo, establezca el conmutador Horizontal scroll on mobile devices en On.
7. Para añadir un fondo personalizado, establezca el conmutador Custom background en On y suba su imagen.
8. Añada más secciones de Store (opcional).

Establecer bloque de pie de página

1. Seleccione el estilo de diseño.
2. Personalice el fondo.
3. Añada botones de Share, configure el favicon y la publicación.
4. Añada enlaces a las redes sociales.
5. Añada restricciones de edad.

Próximos pasos

1. Importar catálogo de artículos o establecer el catálogo manualmente.
2. Implementar la transferencia de compras al usuario.

Enlaces útiles

• Flujo de integración
• Bloques
¿Te ha resultado útil este artículo?

¡Gracias!

¿Hay algo en lo que podamos mejorar? Mensaje Enviar

Lo sentimos

Por favor, cuéntanos por qué no te ha resultado útil este artículo. Mensaje Enviar

¡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? Enviar

Prefiero no responder

¡Gracias por tu mensaje!

Última actualización: 5 de Marzo de 2024

¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.