Productos en NexFlow

Qué es

Productos es una vitrina de productos estilo catálogo: cada producto lleva una imagen, un título, una descripción y un botón con un enlace.

Lo que la hace flexible es el enlace del botón: es un campo de texto libre que se escribe producto por producto, así que cada botón apunta a donde tú quieras. Por eso sirve para dos negocios distintos con la misma herramienta.

Para vender lo propio

El botón puede apuntar a la página de un producto de tu propio sitio: un contenido de tipo Producto, que muestra su precio y trae su propio botón "Comprar", que lleva al proceso de compra de NexFlow. Quien ya inició sesión como cliente ve el botón "Comprar"; quien no, ve "Inicia sesión para comprar". Así, la vitrina funciona como escaparate de tu catálogo.

Para promover como afiliado

El botón puede apuntar a cualquier página externa, como Amazon o Mercado Libre. Se pega el enlace de afiliado con el código de referencia incluido, y el producto y el cobro ocurren en esa plataforma, sin pasar por NexFlow. Las condiciones de la comisión las define el programa de afiliados de cada plataforma.

No hay que elegir entre una cosa u otra: en la misma vitrina pueden convivir productos propios y enlaces de afiliado, porque el enlace se define producto por producto, no de forma global.

Ten en cuenta cómo se comportan los botones: todos se abren en una pestaña nueva y llevan la marca "nofollow" y "sponsored", que le indica a los buscadores que el enlace es patrocinado o de afiliado.

Diferencia con la vitrina de NexialCart

Las dos muestran productos, pero funcionan al revés:

• NexialCart toma los productos automáticamente de una tienda NexialCart ya existente. Tú eliges a qué tienda se conecta y de qué categoría trae los productos, pero no capturas cada uno: la vitrina se alimenta sola de esa tienda.
• Productos se llena a mano, producto por producto. Más trabajo, pero control total: cada imagen, cada texto y cada enlace se define uno por uno, y pueden apuntar a cualquier lado de internet.

La lista de instancias

Al entrar a Extensiones > Productos se ve el nombre de la extensión arriba, con el botón "+ Nueva Instancia" a la derecha, y una línea que explica qué hace. Debajo está la tabla, con las columnas Nombre y Acciones (Editar / Eliminar). Al dar clic en Eliminar, NexFlow pide confirmación con el aviso "Eliminar esta instancia? No se puede deshacer."

Una instancia es una vitrina concreta, con su propio nombre y sus propios productos. Se pueden crear tantas como haga falta — una por tema, por categoría o por campaña.

Configurar la vitrina

Tanto "+ Nueva Instancia" como "Editar" llevan a una pantalla propia de esta extensión, que se titula "Nueva Vitrina de Productos" o "Editar Vitrina de Productos".

Ajustes generales

• Nombre de la instancia — es obligatorio (si lo dejas vacío, NexFlow te avisa con "El nombre de la instancia es obligatorio.") y acepta hasta 200 caracteres. Ojo: en esta extensión el nombre cumple dos funciones. Además de identificar la vitrina en tu panel, es el título que ven los visitantes arriba de los productos. Por eso conviene ponerle un nombre pensado para el público, como "Casas en Conkal" o "Sistemas para Restaurantes". Si lo cambias y guardas, el título del sitio cambia con él.
• Productos por renglón — cuántas columnas tiene la cuadrícula. Acepta de 1 a 6, y si no lo cambias, empieza en 3. La pantalla lo explica así: "Si hay más productos que columnas, el siguiente cae al renglón de abajo automáticamente." En pantallas muy angostas (celulares de 480 píxeles de ancho o menos), la cuadrícula pasa sola a una columna, sin importar el número que hayas puesto.
• Ancho y Alto — la proporción de imagen que se aplica a todos los productos de esa vitrina (por ejemplo 1 × 1 o 4 × 3). Se recorta parejo para que todas las imágenes queden del mismo tamaño, sin importar cómo vengan las originales. Si dejas alguno de los dos vacío o en 0, las imágenes quedan cuadradas (1:1).

La tabla de productos

Para sumar un producto, da clic en "+ Agregar Producto", debajo de la tabla. Se abre la Biblioteca de Medios y eliges la imagen del producto; en cuanto la eliges, se crea un renglón nuevo con esa imagen. Mientras no hayas agregado ninguno, la tabla dice: Todavía no hay productos — dale clic a "Agregar Producto".

Cada renglón es un producto, con estas columnas:

• Imagen — la miniatura del producto, la que elegiste de la Biblioteca de Medios. Esta columna solo la muestra; para cambiar la imagen de un producto hay que quitarlo y agregarlo de nuevo con la imagen correcta.
• Título — el nombre que se muestra debajo de la imagen (hasta 200 caracteres). Es opcional: si lo dejas vacío, no se muestra.
• Descripción — el texto de apoyo (hasta 1000 caracteres). Es opcional, y el campo se puede estirar hacia abajo para escribir más cómodo. Los saltos de línea que escribas se respetan.
• Texto del botón — qué dice el botón, hasta 60 caracteres (por ejemplo "Ver", "Comprar", "Más información"). Si lo dejas vacío, el botón dice "Ver más".
• Enlace del botón — a dónde manda ese botón (hasta 500 caracteres). Aquí va la dirección del producto propio, o el enlace de afiliado con su código de referencia. El campo trae la indicación "https:// (propio, Amazon, Mercado Libre, etc.)": escribe la dirección completa, empezando con https://. Si dejas este campo vacío, el producto se muestra sin botón.
• Orden — el número que decide en qué posición aparece el producto, de menor a mayor.
• Clics — cuántas veces se ha picado el botón de ese producto. Solo se puede ver, no editar.

Cada renglón termina con un botón rojo con una ✕ para quitar ese producto. Sobre el campo Orden: cada producto nuevo recibe automáticamente el siguiente número (si ya hay cuatro, el nuevo trae el 5), y al quitar un producto, los números de los demás no se reacomodan solos. Lo que manda es el número, no la posición en la tabla. Si dejas un número en blanco, cuenta como 0 y ese producto pasa al principio.

Guardar

Nada se aplica hasta que das clic en Guardar. Cancelar te regresa a la lista de instancias sin cambiar nada. Antes de guardar, NexFlow revisa dos cosas y, si falla alguna, muestra un recuadro rojo con el aviso sin perder lo que ya habías capturado: que la vitrina tenga nombre, y que haya al menos un producto ("Agrega al menos un producto antes de guardar."). Cuando todo está bien, regresas a la lista de instancias con el aviso "Guardado correctamente."

El contador de clics

La columna Clics lleva la cuenta, producto por producto, de cuántas veces se ha picado su botón. Es lo que vuelve a esta extensión medible y no solo decorativa.

Cómo funciona

El botón de cada producto no manda al visitante directo a su destino: primero pasa por una dirección de tu propio sitio que suma un clic a ese producto y, al instante, lo redirige al enlace que escribiste. El visitante no nota nada. Como cada producto tiene su propia identificación interna, que no cambia nunca, la cuenta se conserva aunque reordenes los productos, edites sus textos o vuelvas a guardar la vitrina. Lo único que borra la cuenta de un producto es quitar el producto.

Conviene saber tres cosas sobre lo que cuenta y lo que no:

• Cuenta todos los clics en el botón. No distingue quién lo picó: cuentan también los clics repetidos de una misma persona y los tuyos cuando pruebas el botón.
• Solo mide clics, no visitas. No registra cuántas personas vieron la vitrina ni cuántas compraron.
• En un sitio con muchísimo tráfico, dos clics exactamente simultáneos pueden contarse como uno. Con el tráfico normal de un sitio, es una diferencia insignificante.

Si algún producto no suma clics aunque sepas que lo pican, abre la vitrina y vuelve a guardarla: al guardar, NexFlow deja lista la identificación que necesita el contador. Mientras falte, el botón funciona igual, pero manda directo al enlace sin contar, y la vitrina tampoco muestra su título arriba.

Para qué sirve

Te ayuda a ver qué productos le llaman más la atención a la gente que visita tu sitio. Eso no sustituye las estadísticas de ventas de una plataforma de afiliados, pero sí te da una idea de cuáles conviene acomodar primero. Si un producto lleva muchos clics pero pocas comisiones, lo más probable es que el problema esté del otro lado, en la página de destino.

Cómo colocarla en una página

Crear una instancia no la pone todavía en ninguna página: hay que colocarla. Dentro de Crear Contenido, en la sección "Posicion de los modulos", hay tres columnas: Columna Izquierda, Contenido y Columna Derecha. La propia pantalla aclara: "Columna Izquierda y Derecha son de ancho fijo. Contenido se estira solo segun cuales columnas tengas presentes." Cada una tiene su propio selector "-- Elige que agregar --" y su botón "+ Agregar", y las tres comparten la misma lista de opciones: es quien edita la página quien decide en qué columna va cada elemento.

1. Elige la columna donde va a vivir la vitrina.
2. Abre el selector "-- Elige que agregar --" de esa columna.
3. Dentro del grupo Extensiones busca la vitrina por su nombre. Ahí no aparece el nombre de la extensión, sino el de tu instancia.
4. Selecciónala y da clic en "+ Agregar".
5. Aparece en la lista de esa columna con una etiqueta Extension (para distinguirla de los Bloque de contenido normal) y, a su lado, el nombre de tu instancia.
6. Cada elemento trae una flecha hacia arriba y otra hacia abajo (al pasar el cursor dicen "Subir" y "Bajar") para acomodar su orden, y una × ("Quitar") para sacarlo de la columna.
7. Da clic en Guardar.

También puedes insertar la instancia con el Editor Visual, sin pasar por esta pantalla.

El campo "Productos por renglón" conviene ajustarlo según la columna donde la coloques. Como referencia: en la columna Contenido, que es ancha, 3 o 4 se ven bien; en una columna lateral angosta conviene bajarlo a 1 o 2, o los productos van a quedar apretados.

Cómo se ve en el sitio

Arriba aparece el nombre de la vitrina como título, centrado. Debajo, los productos en una cuadrícula, cada uno en su propia tarjeta con:

• La imagen, recortada a la proporción que elegiste. El texto alternativo de la imagen (el que leen los buscadores y los lectores de pantalla) se toma de la Biblioteca de Medios; si la imagen no tiene uno, se usa el título del producto.
• El título en negritas, si lo escribiste.
• La descripción, si la escribiste.
• El botón, si escribiste un enlace, con el texto que elegiste o "Ver más".

Lo que dejes vacío simplemente no se muestra. Si borras de la Biblioteca de Medios la imagen de un producto, ese producto desaparece de la vitrina sin ningún aviso, y el título de la vitrina se consulta cada vez, así que si renombras la instancia el cambio se refleja solo. Si la vitrina no tiene ningún producto que mostrar, aparece el mensaje "Esta vitrina todavía no tiene productos."

Cómo usarlo en el día a día

Usa el campo Orden para poner arriba lo que más interesa promover — no el orden en que se fueron agregando los productos a la tabla.

Revisa la columna Clics de vez en cuando y reacomoda: si un producto que está hasta abajo tiene más clics que uno de arriba, vale la pena subirlo. Es información real de lo que la gente pica en tu sitio, no una corazonada.

Para enlaces de afiliado, verifica que el código de referencia venga incluido en el enlace antes de guardarlo: es el error más fácil de cometer y el más caro, porque el botón funciona igual pero la plataforma no puede atribuirte la venta.

Se pueden crear varias vitrinas distintas para separar temas (por ejemplo, una de productos propios y otra de afiliados, o una por categoría), cada una con su propia configuración de columnas y proporción de imagen. Recuerda que el nombre de cada una es también su título público.

Si ya has creado tu primera vitrina llenando los productos de forma correcta, debes ver algo como esta vitrina: