Agregue la tabla de tallas a la página de su producto

¿Cómo mostrar una tabla de tallas en la página de tu producto?

Opción 1: Utilizar el elemento de imagen

Si tiene una imagen de tabla de tallas prediseñada, puede agregarla fácilmente a la página de su producto.

Paso 1: Abra la página de su producto en el editor de GemPages y busque el elemento Imagen.

Paso 2: Arrastre el elemento desde la barra lateral izquierda y suéltelo en la ubicación deseada en su página.

Paso 3: En la sección Fuente , pase el cursor por encima de la imagen actual y haga clic en Subir imagen.

Paso 4: Una vez cargada la imagen de la tabla de tallas, puedes modificar su configuración a tu manera.

Opción 2: Utilizar código personalizado

Paso 1: Navegue hasta su Administración de Shopify > Productos. Seleccione el producto al que desea agregar la tabla de tallas.

Paso 2: En la sección Descripción sección, crea una tabla de tallas usando la Tabla Función. Cuando haya terminado, haga clic en Guardar.

Paso 3: En el editor de descripción, cambie al modo HTML haciendo clic en el botón Mostrar HTML .

Copia el código HTML de tu tabla de tallas.

Paso 4: En el editor de GemPages, arrastre el Código Personalizado de Hero desde la barra lateral y colóquelo donde desea que aparezca la tabla de tallas.

Paso 5: En la sección Código personalizado Sección, haga clic para abrir el panel de código.

Paso 6: Pegue el código HTML en el Pestaña HTML y golpear Guardar.

Verifica el resultado:

Opción 3: Utilizar aplicaciones de terceros

Para obtener una tabla de tallas más dinámica o personalizable, las aplicaciones de terceros son una excelente opción. Muchas aplicaciones se integran perfectamente con GemPages y ofrecen funciones como recomendaciones de tallas automáticas y personalización avanzada.

Para explorar estas opciones, visite Centro de ayuda de GemPages: integración de la tabla de tallas para obtener una guía paso a paso sobre el uso de aplicaciones de tablas de tallas populares.

Práctica recomendada: crear una ventana emergente de tabla de tallas con GemPages

En lugar de mostrar la tabla de tallas directamente en la página del producto, puedes hacerla más fácil de usar mostrándola dentro de una Ventana emergente (Popup).

De esta manera, su página se mantiene limpia y los clientes pueden abrir el gráfico solo cuando lo necesitan.

¿Por qué se recomienda esto?

• Mantiene la página del producto limpia y sin distracciones.
• Proporciona una mejor experiencia al cliente: la tabla de tallas siempre está accesible, pero no ocupa espacio.
• Funciona perfectamente con gráficos de tamaño de imagen y de tabla.

Usar una ventana emergente para su tabla de tallas es el enfoque más flexible y garantiza que los clientes puedan verificar la talla fácilmente sin salir de la página del producto.

Siga estos pasos a continuación para crear una ventana emergente de tabla de tallas en su página:

Paso 1: Una vez en el Editor de GemPages, puede usar la barra de búsqueda para encontrar el elemento emergente. Luego, arrástrelo y suéltelo en el área de diseño.

Paso 2: Continúe agregando un elemento de imagen anidado en la ventana emergente.

Paso 3: En el panel de configuración de la imagen, vaya a Fuente y pase el cursor sobre la imagen actual. Luego, haga clic en Subir imagen para subir la imagen de tu tabla de tallas.

Paso 4: Haga clic fuera de la ventana emergente, luego arrastre y suelte un elemento de botón en la posición deseada en la página.

Paso 5: Configura el botón como prefieras en el Configuración .

Por ejemplo, puede cambiar el color de fondo, ajustar el tamaño del botón o agregar un efecto de desplazamiento.

Luego, edita el texto del botón y configura su estilo. Puedes probar "Consulta tu talla" o "Guía de tallas" para animar a tus visitantes a hacer clic.

Paso 6: Desplácese hacia abajo hasta la sección Enlace sección y actívela. Desde allí, configure el Después de hacer clic = Abrir ventana emergentey seleccione la ventana emergente creada en el Paso 1-3.

Ahora, la ventana emergente aparecerá una vez que sus visitantes hagan clic en este botón.

Guarde y vuelva a publicar su página y podrá comprobar el resultado en la tienda en vivo.

Resultado: