VizupCommerce

¿Cómo crear un Widget de Cuadrícula?

Vista previa del widget de cuadrícula:

Para mostrar videos en múltiples filas, la opción Grid Wrap es la opción perfecta.

Grid Widget Preview

Paso 1: Crear un nuevo widget de cuadrícula

En la vista principal del diseño de cuadrícula, encontrarás un botón con la etiqueta “Crear nuevo widget”. Haz clic en este botón para crear un nuevo widget.

Create New Widget

Paso 2: Nombra tu widget

Dale un nombre a tu widget en el campo proporcionado. Una vez que hayas ingresado un nombre, haz clic en el botón “Crear” para guardar tu nuevo widget.

Grid Modal

Paso 3: Agregar videos al widget

Haz clic en el botón “Configurar widget” para abrir la vista de detalles del widget. Allí encontrarás el botón “Agregar videos al widget”. Haz clic en él para abrir la interfaz de selección de videos y elige los videos para tu widget de cuadrícula.

Add Videos Button

Paso 4: Guardar los videos seleccionados en el widget

Selecciona los videos que deseas incluir en tu cuadrícula. Después de hacer tus selecciones, haz clic en el botón “Agregar al widget”. Esto agregará los videos seleccionados a tu widget de cuadrícula y guardará los cambios.

Add to Widget

Paso 5: Elige la ubicación de visualización de tu widget

Elige dónde aparecerá tu widget de cuadrícula en tu sitio web. Tienes tres opciones:

  • Página de inicio: Muestra la cuadrícula de forma destacada en tu página principal para mayor visibilidad. Ideal para mostrar contenido clave o promociones.
  • Página de producto: Integra la cuadrícula dentro de las páginas de producto individuales para destacar productos relacionados, detalles adicionales o testimonios, mejorando la experiencia de compra.
  • Página de colección: Coloca la cuadrícula en las páginas de colección para resaltar grupos de productos específicos o promover artículos relacionados dentro de una categoría.

Selecciona la opción que mejor se adapte a tus necesidades.

Display Widget Location Options

Paso 6: Guardar la ubicación de visualización del widget

Después de seleccionar la ubicación de visualización, haz clic en “Guardar” para confirmar tu elección y colocar el widget de cuadrícula en tu sitio web.

Save Grid

Paso 7: Personalización del tema de Shopify

Abre el Personalizador de temas de Shopify (Ve a Shopify Admin -> Tienda en línea -> haz clic en el botón Personalizar).

Shopify Customization

Paso 8: Agregar una nueva sección

En el editor de temas de Shopify, haz clic en “Agregar sección” para crear un espacio para tu widget de cuadrícula.

App Block

Paso 9: Seleccionar la aplicación

Ve a la pestaña de Aplicaciones en el panel y busca la aplicación “Grid Layout” usando la barra de búsqueda.

App Status Tag

Paso 10: Guardar el tema de Shopify

Después de seleccionar la aplicación, haz clic en “Guardar” para aplicar los cambios. Esto activará el widget de cuadrícula en tu tema de Shopify y lo publicará en tu sitio web.

Save Shopify Theme
← Back to All Tutorials