Tutoriales de J2Store para Joomla!

Cómo crear, configurar y gestionar Productos Simples en J2Store

Cómo crear, configurar y gestionar Productos Simples en J2Store

Cuándo utilizar un producto simple

 

Este tutorial es una guía completa de edición de fichas de productos simples para tiendas online creadas con J2 Store. Este tipo de producto es el más común, puede tener variantes pero con una única referencia.

Se adapta a la mayoría de los requisitos de los propietarios de una tienda online. Su principal característica es que, aún teniendo variantes como por ejemplo el color o el tamaño, tiene una única referencia

Puedes crear un producto simple con o sin opciones de producto. El inventario de este tipo de producto se gestiona para el producto principal (no para las opciones), es decir, si por ejemplo quieres vender camisetas de diferentes colores, todas deben tener la misma referencia, y debes establecer un stock global de todas las camisetas que tengas, independientemente del color. En caso de que cada color tenga una referencia, debes crear un producto Flexible Variable.

Panel de control de producto simple

Cómo configurar un producto simple

Veamos la configuración y los campos disponibles para el tipo de producto simple.

General

La pestaña general tiene varios campos, en los que debes introducir los detalles necesarios y relevantes, que quieres que aparezcan con el producto.

Echa un vistazo a la siguiente imagen:

Pestaña simple-producto-general
  • Visible en el tienda - IMPORTANTE: establece esto en SÍ si desea que este producto se muestre en la tienda.
  • REF.: introduce el número de SKU o referencia del producto
  • UPC / EAN / JAN / ISBN: introduce el código UPC / EAN / JAN / ISBN del producto, el que sea relevante.
    • UPC - Código de producto universal (en EE. UU. / Norteamérica)
    • EAN - Número de artículo europeo (fuera de América del Norte / Europa)
    • JAN - Número de artículo japonés (solo en Japón)
    • ISBN - Número de libro estándar internacional (globalmente)
    • MPN - Número de pieza del fabricante (globalmente)
  • Marca o fabricante: selecciona la marca o el fabricante del producto de la lista disponible.
  • Vendedor: selecciona el vendedor de quien el producto está disponible para la compra. Nota: esta función está disponible solo en la versión J2Store PRO.
  • Perfil de impuesto: especifica si el producto está sujeto a impuestos y, de ser así, selecciona el perfil de impuesto relevante para el producto.
  • Etiqueta principal: la etiqueta seleccionada aquí se utilizará para la URL canónica. Más detalles sobre el URL canónica se podían encontrar aquí.
  • Texto del botón del carrito: introduce el texto que se mostrará en el botón del carrito (opcional)
  • Clase CSS del producto: usa esta opción para agregar una clase CSS única a cada producto (solo para desarrolladores).

Precios

Agrega el precio de tu producto. Dependiendo de tus necesidades, también puedes optar por configurar un precio avanzado desde aquí. Mira la siguiente imagen:

pestaña precios

Tal y como se detalla en la imagen, puedes establecer el precio regular introduciendo el valor en el cuadro de texto. Si deseas precios avanzados, haz clic en el botón “Fijar precios” y se abrirá una ventana emergente que te permitirá establecer una configuración de precio avanzada. Veamos cómo proceder, observa la siguiente imagen:

precios avanzados
  • Selecciona las fechas (opcional) entre las que deseas establecer el precio especial. Esta opción no es obligatoria. Por ejemplo, puedes ofrecer un precio especial durante todo el año, para una compra al por mayor.
  • Rango de cantidad para que se aplique este precio. Esto también es opcional y si no se requiere una cantidad mínima, déjalo vacío.
  • Selecciona el grupo de clientes al que ofreces este precio especial. Predeterminado: público.
  • Ahora introduce el precio especial y haga clic en Crear.

El precio se agregará y se mostrará a continuación. Puedes editarlo si lo necesitas y hacer clic en “Guardar todos los precios”.

Si deseas eliminar este precio especial, puedes hacerlo haciendo clic en el botón “Eliminar”.

Inventario

NOTA: Esta característica es exclusiva de la versión J2Store PRO *

Esta pestaña tiene la función de configuración para la gestión de inventario. Aquí puedes configurar los siguientes detalles con respecto al inventario. Mira la imagen a continuación:

Inventario de productos simples

De la imagen debes comprender lo siguiente:

  • Gestionar stock: para habilitar la gestión de stock, selecciona Sí. Si tienes stock ilimitado, entonces selecciona No.
  • Cantidad de stock: introduce la cantidad de stock inicial.
  • Permitir pedidos pendientes: elije entre las opciones si deseas o no permitir pedidos pendientes ​​a los clientes, es decir, el cliente puede pedir un producto incluso si no hay existencias. “Permitir pero notificar al cliente”: esta opción permitiría al cliente comprar un producto incluso si no tiene stock. Aparecerá un mensaje (una notificación) antes del precio indicando que: Este artículo está pendiente de entrega.

Esto está establecido en el archivo de idioma administrator/language/es-ES.com_j2store.ini.administrator/language/es-ES.com_j2store.ini.. La constante es: J2STORE_BACKORDER_NOTIFICATION. Puedes escribir una sustitución de idioma para esta constante y mostrar un mensaje personalizado (solo para desarrolladores).

NOTA: Esta notificación se mostrará si: Stock es 0. Esta opción es para quienes venden productos de rápido movimiento. Entonces, incluso si el stock de un producto llega a 0, los clientes podrán seguir realizando pedidos.

  • Estado de stock: selecciona el estado de stock, es decir, En stock o Sin stock.
  • Notificar si el stock está por debajo de: establecer el nivel mínimo de stock para la alerta de stock bajo.
  • Restricción de cantidad: elije si la cantidad de compra está restringida y, en caso afirmativo, establece los límites para la cantidad mínima y máxima para una compra introduciendo las cantidades en los campos provistos.
  • Usar configuración de tienda: si seleccionas “Usar configuración de tienda”, no puedes introducir campos de cantidad máxima y mínima, ya que estarán deshabilitados. Prevalecerán las cantidades establecidas en la configuración global de la tienda.

Imágenes

En esta pestaña puedes agregar imágenes que pueden ayudar al cliente a comprender con mayor claridad el producto que desea comprar. Las imágenes ayudan al cliente potencial a imaginar cómo se verá el producto que desea comprar.

Mira la siguiente la imagen:

imágenes

Entendamos esto con un ejemplo.

Supongamos que a un cliente le gustaría comprar un automóvil. Entonces, las imágenes de automóviles deben cargarse en esta pestaña.

  • Imagen en miniatura: la imagen en miniatura sería algo que representa el producto original, pero sería mucho más pequeña para caber en un botón, que se mostrará en el carrito. Al ver esto, el cliente comprenderá que su producto se muestra en el botón y hará clic en el botón para ver más detalles sobre el automóvil.
  • Imagen principal: la imagen principal será una imagen fotográfica general del automóvil, que debe cargarse haciendo clic en el botón "Seleccionar una imagen" y seleccionar la imagen adecuada de los archivos.
  • Imágenes adicionales: las imágenes adicionales ayudan al cliente a conocer más detalles sobre el automóvil, que mostrará la vista del automóvil en muchos ángulos, y el cliente comprenderá claramente cómo se ve, cuáles son los detalles técnicos del automóvil, el color, y así.

Envíos

Esta pestaña tiene la configuración de envío. Cualquier producto que se haya comprado debe enviarse al cliente, siempre y cuando el producto se pueda entregar físicamente. Mira la siguiente imagen:

Envíos

Como se muestra en la imagen, para configurar el envío debes considerar las siguientes opciones:

  • Habilitar envío: seleccione Sí para habilitar el envío. Esto permitirá añadir los gastos de envío establecidos en los "Métodos de envío".
  • Dimensiones: introduce las dimensiones del producto empaquetado en Largo x Ancho x Alto.
  • Clase de longitud: elije una clase de longitud de la lista, por ejemplo, cm, mm, pulgadas, etc.
  • Peso: introduce el peso neto del producto empaquetado en el campo correspondiente.
  • Clase de peso: selecciona la clase de peso de la lista, como kg, gramos, miligramos, etc.

Opciones

En esta pestaña puedes establecer tus opciones preferidas para un producto en particular como: color, tamaño, peso, masa, etc.

Mira la imagen sobre cómo configurar una opción para un producto.

opciones

Una vez que seleccionas la opción de la lista desplegable, se agregará, como puedes ver en la imagen a continuación.

Agregar opciones al producto

Como puedes apreciar en la imagen, tienes un campo de texto para introducir el nombre de la opción como color, tamaño, etc. Simplemente introduce eso en el campo de texto. Se establecerá como opción preferida.

Si una opción ya está creada y configurada, también puedes importarla aquí en lugar de crear una nueva opción. Haz clic en el botón y te dirigirá a las opciones predefinidas, si las hay.

producto-simple-09.webp

Filtros

Los filtros son ciertos atributos que ayudan a acotar la búsqueda de un producto en particular.

Por ejemplo, supón que un cliente busca camisetas moradas en la tienda. Ahora, el filtro de producto está configurado como color> rojo, para limitar la búsqueda. Mira la imagen a continuación:

filtros de productos

Ahora el carrito mostrará solo las camisetas rojas.

Relaciones

Las relaciones se utilizan para promover las ventas sugiriendo al cliente productos de mayor valor que el que está buscando, y productos adicionales para comprar con un producto en particular.

relaciones
  • En esta pestaña, las relaciones se establecen para ventas adicionales y ventas cruzadas.
  • Una venta adicional es lograr que el cliente gaste más dinero: compre un modelo más caro del mismo tipo de producto que se considera comprar.
  • Una venta cruzada es hacer que el cliente gaste más dinero en comprar agregando más productos de otras categorías, además, junto con el producto destinado a la compra.

Ejemplo: Los términos venta cruzada y venta adicional a menudo se usan indistintamente porque, seamos sinceros, esto se vuelve confuso. Digamos que el cliente está viendo un ordenador portátil con 2GB / 500GB por 500 €. Puede sugerirle algunas opciones, de modo que el cliente pueda estar convencido de comprar una de tus opciones, promoviendo así una venta mayor para ti.

Tus sugerencias podrían ser así:

  • 4GB / 500GB-> 550 € - Venta superior, misma familia de productos, más cara.
  • 4GB / 1TB -> 700 € - Venta adicional, misma familia de productos, más cara.
  • Bolsa para portátil -> 25 € - Venta cruzada, producto relacionado.

Apps (Aplicaciones)

Los campos / configuraciones personalizados de las aplicaciones se mostrarán en esta pestaña.

Aplicaciones instaladas

En esta pestaña puedes agregar herramientas o plugins de terceros, que estén disponibles, para mejorar la funcionalidad de tu J2Store, como comentarios, productos flexibles variables, feed para tus ventas, datos de localización para rellenar en formularios, Mailchimp, restricciones de pedidos, configuración avanzada de descuentos, reCaptcha o lista de deseos, entre otros muchos. Algunas son gratuitas y otras suponen un pequeño coste. Para más información consulta con tu desarrollador. En caso de duda consulta con tu desarrollador.

Guía paso a paso para crear un producto simple

J2Store implementa un concepto innovador en la creación de productos. Utiliza los artículos de Joomla como productos. Entonces, crear un producto es crear un artículo.

Vamos a crear un artículo, también conocido como un producto simple. Echa un vistazo a la siguiente imagen:

agregar un nuevo artículo

Como se muestra en la imagen anterior, haz clic en el menú superior o en el panel izquierdo del panel de control. Obtendrás una nueva pantalla como esta:

guardar y continuar
  • Introduce un nombre para el producto que deseas crear, será el título.
  • Seleccione la pestaña "J2Store Cart" a continuación.
  • Seleccione "Sí" en la opción "Tratar como un producto".
  • La siguiente opción es el tipo de producto. De la lista disponible, seleccione 'Simple', como se muestra en la imagen.
  • Ahora haz clic en el botón "Guardar y continuar".

Tu producto se guardará y podrás continuar configurando el producto. Mira la imagen a continuación:

agregar descripción de producto

Ahora debes agregar una descripción corta y larga a tu producto con el editor de contenido; ambas descripciones deben ir separados por un "leer más". Puedes añadir párrafos, listas, e incluso añadir otros elementos con PDFs o vídeos, todo lo que tu editor de contenido te permita. No olvides seleccionar la categoría de tu tienda a la que pertenece este producto, que previamente debes haber creado desde Contenido > Categorías > Añadir nueva categoría.

Agreguemos ahora los otros detalles principales del producto en la pestaña General. Mira la siguiente imagen:

Detalles de producto en la pestaña General

En la pestaña general del producto simple, puedes configurar la información básica sobre el producto como Referencia, Identificador Universal de Producto, Marca, etc. y puedes decidir si el producto se mostrará o no en la tienda. La siguiente es la pestaña de Precios.

agregar un precio

Aquí introduces el precio del producto. Si deseas establecer precios avanzados, como descuentos especiales, haz clic en el botón 'Fijar precios' y aparecerá una ventana emergente, donde puedes establecer los precios especiales. Mira la imagen a continuación para comprender cómo se hace esto.

agregar un precio avanzado

Introduce las fechas entre las cuales se ofrece el precio especial, la cantidad mínima para disfrutar del precio especial, el grupo de usuarios elegible, el precio especial y haga clic en 'Crear'. Ahora, el nuevo precio aparece como una fila debajo. Puedes editar y guardar o eliminar más precios si lo deseas. Pasemos al Inventario para comprender la gestión de existencias.

Gestión del inventario

NOTA: Esta es una característica exclusiva de J2Store PRO *

Selecciona 'Sí' si deseas gestionar el inventario. Introduce todos los campos según sea necesario. Son bastante intuitivos, y hemos explicado todos los campos en la imagen. Y pasamos a la pestaña Imágenes.

agregar imágenes

Aquí puedes agregar las imágenes de tu producto: la imagen principal del producto, la imagen en miniatura y las imágenes adicionales del producto. Para agregar una imagen, haz clic en el botón verde "Seleccionar imagen", que abrirá una ventana emergente, donde puedes seleccionar la imagen del producto desde tu ordenador. Mira la siguiente imagen:

Carga de imágenes a servidor desde tu ordenador

Puedes cargar las imágenes que necesites mediante la ventana emergente, normalmente las imágenes se suben a una carpeta situada en images/j2store/product/. Para cargar una imagen, selecciona la fuente con el botón de navegación, cárgala e insértala o bien súbela desde tu ordenador, y después procede a insertarla. Ahora veamos los Envíos, mira la siguiente imagen:

Habilitar el envío del producto al cliente

Introduce las opciones con detalles de acuerdo a tus necesidades para habilitar el envío, las dimensiones y peso del producto, clases por longitud y peso. Pasemos a las Opciones.

Configuración de opciones

Puedes agregar opciones para tu producto como se ilustra en la imagen. Si ya has configurado una opción para algún otro producto y deseas importar la misma opción a este producto, puedes hacerlo haciendo clic en el botón de opciones de importación del producto.

Luego vienen los Filtros. Puedes filtrar los productos, con su nombre o tipo para acotar la búsqueda. Por ejemplo, si da "Negro" como filtro, solo se buscarán artículos negros para tu producto, ahorrando así tiempo. Puedes configurar filtros como se muestra en la imagen.

Agregar filtros a productos simples

La siguiente pestaña es Relaciones. Aquí, puedes agregar productos de mayor valor que el que está viendo el cliente y recomendar al cliente que compre ese producto, citando sus ventajas y características adicionales. Esta es una venta adicional. Consulta la imagen a continuación:

Agregar relaciones

Además, puedes agregar algunos otros productos para convencer al cliente de que compre estos productos adicionalmente. Esto es venta cruzada. Para obtener una explicación más detallada, consulta la sección Relaciones del Producto simple.

La siguiente pestaña es Apps (Aplicaciones). Para más información consulta con tu desarrollador.

Finalmente, echemos un vistazo a cómo se ve tu producto en la tienda online. Mira la imagen:

Producto simple en frontend

Videotutoriales relacionados

A continuación, puedes ver los vídeos originales de J2Store.org en Youtube (en inglés).

Creando un Producto Simple con J2Store

Agregar Imágenes Adicionales a un Producto Simple

Sistema de Gestión de Stock en J2Store

Vender Productos con Opciones en J2Store

  • Pilar Dávila Consultora de Estrategias Digital y Fundadora de Davelia Agencia de Marketing Digital. Ayudo a negocios como el tuyo, a digitalizarse y mejorar su presencia online para que conectan con su audiencia, y que les hagan conseguir más clientes y más ventas.

Comentarios gracias a CComment

Davelia and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.

logo davelia diseño web creativo