Cómo agregar un producto simple con el complemento WooCommerce

Publicado: 2021-03-15

WooCommerce es un complemento popular para crear una tienda en línea (sitio web de comercio electrónico) en WordPress. Proporciona muchas características esenciales para un sitio web de comercio electrónico, como carrito de compras, pago, envío, promoción, registro de cliente,… En este artículo, estamos aprendiendo cómo agregar un producto simple en WordPress con el complemento WooCommerce .

Tabla de contenido ocultar
  1. 1. Método 1: agregue cada producto manualmente
    1. 1.1. Información básica
    2. 1.2. Otra información (no requerida)
  2. 2. Método 2: agregar productos simples a granel con la función de importación
  3. 3. Personalice la visualización simple del producto en el sitio web.
  4. 4. Personalice la visualización de la página del producto
    1. 4.1. Agregar la página del producto al menú
    2. 4.2. Elija la página del producto como la página de inicio
    3. 4.3. Personalizar la pantalla de la tienda (no es obligatorio)
  5. 5. Últimas palabras

Para agregar un producto simple con el complemento WooCommerce, puede usar dos métodos:

  • Método 1: agregue cada producto manualmente.
  • Método 2: agregue productos simples a granel con la función Importar (necesita un archivo CSV).

¡Aquí vamos!

Método 1: agregue cada producto manualmente

WooCommerce WooCommerce

Autor (es): Automattic

Versión actual: 6.0.0

Última actualización: 15 de diciembre de 2021

woocommerce.6.0.0.zip

90% Calificaciones 5,000,000+ Instalaciones WP 5.6+ Requiere

Después de instalar y activar el complemento WooCommerce, vaya a Producto > Agregar nuevo . La interfaz para agregar un nuevo producto se mostrará de la siguiente manera:

Agregue cada producto manualmente con el complemento WooCommerce

Para que sea más fácil de entender, clasifico la configuración en dos tipos aquí:

  • Información básica : información importante que definitivamente debes completar.
  • Otra información : información opcional, puedes introducirlas o no, según tus necesidades.

Información básica

Primero, debe ingresar información básica sobre el producto simple, como nombre, descripción, imagen, precio y tipo de producto.

Nombre y descripciones

El nombre simple del producto debe ser corto e incluir palabras clave principales para que los clientes puedan encontrarlo fácilmente.

Ingrese el nombre y las descripciones del producto simple

Nombre y descripción larga

En cuanto a la descripción, el complemento WooCommerce tiene una descripción larga y una descripción breve.

El complemento WooCommerce tiene una descripción larga y una descripción breve.

Breve descripción

La breve descripción aparece junto al nombre y la imagen del producto. Por lo tanto, debe escribirlo de manera breve y atractiva, como "Un hermoso gorro con un logotipo atractivo".

La breve descripción aparece junto al nombre y la imagen del producto.

La breve descripción se muestra en la parte delantera.

En la descripción larga, debe describir más sobre el producto simple, como de dónde viene, sus especificaciones, etc. Por ejemplo: “El sombrero está hecho de algodón chino y tejido manualmente por artesanos”. Hay un truco que consiste en utilizar viñetas cuando necesite enumerar algo. Esto hará que el contenido se vea mucho más aireado y fácil de leer.

describir más sobre el producto simple

La descripción larga se muestra en la parte delantera.

Imagen de producto y galería de productos

El producto simple debe tener al menos una imagen que lo ilustre. Además, debe agregar algunas otras imágenes de productos desde diferentes ángulos (vistas desde la izquierda, derecha, desde la distancia e imágenes de los clientes) a la Galería de productos. Esto ayuda a los clientes a visualizar fácilmente el producto real, ganando así su confianza.

El producto simple debe tener al menos una imagen que lo ilustre.

Etiquetas y categorías de productos

Etiqueta y categoría son dos herramientas útiles que lo ayudan a administrar y organizar productos de manera efectiva. El uso adecuado de etiquetas y categorías hace que sea más fácil para los clientes especificar lo que vende su sitio web de comercio electrónico. Además, pueden buscar sus productos deseados de forma más fácil y rápida.

Para agregar una nueva categoría, simplemente haga clic en el botón Agregar nueva categoría en la sección Categorías de productos :

Etiqueta y categoría son dos herramientas útiles que lo ayudan a administrar y organizar productos de manera efectiva.

En cuanto a las etiquetas, es más fácil. Solo necesita ingresar el nombre de la etiqueta y luego hacer clic en el botón Enter o hacer clic en Agregar .

ingrese el nombre de la etiqueta del producto

tipo de producto

Hay cuatro tipos de productos en el complemento WooCommerce que son:

  • Producto simple
  • Producto de grupo
  • Producto externo / afiliado
  • Producto variable

Sin embargo, en este artículo, solo agregamos un producto simple.

Hay cuatro tipos de productos en el complemento WooCommerce

Precio del producto

Para agregar el precio del producto, vaya a Datos del producto y elija la pestaña General . Hay dos entradas principales que deberían interesarle:

  • Precio regular
  • Precio de venta

agregue el precio del producto

Para configurar el tiempo de venta, haga clic en Programar a la derecha de la entrada del precio de venta .

configurar el tiempo de venta

Por ejemplo, configuro el tiempo de venta de la siguiente manera:

Configure la venta con el complemento WooCommerce

Otra información (no requerida)

Nota : Puede hacer clic en el botón (?) A la derecha de cada sección para leer la documentación del complemento WooCommerce.

Dependiendo del producto y la tienda, los propietarios del sitio web de comercio electrónico deben completar diferentes atributos y datos para el producto simple en la sección Datos del producto . Esta sección consta de 6 pestañas principales de la siguiente manera:

Pestaña General

En la pestaña General , además de agregar el precio del producto, puede configurar dos secciones más:

  • Estado impositivo : hay tres estados impositivos predeterminados que son Gravables , Ninguno y Solo envío .
  • Clase de impuestos : elija cómo WooCommerce calcula el impuesto del producto. Explicaré más en el próximo artículo.

configurar secciones en el complemento WooCommerce

Pestaña de inventario

Hay 4 secciones en la pestaña Inventario :

  • SKU : el código del producto.
  • ¿Gestionar stock?
  • Estado de stock : hay tres estados predeterminados que son En stock , Fuera de stock y En pedido pendiente .
  • Vendido individualmente : cada cliente solo puede comprar un producto de este tipo por cada pedido.

Hay 4 secciones en la pestaña Inventario del complemento WooCommerce

Pestaña de envío

Hay 3 secciones en la pestaña Envío :

  • Peso (kilogramo)
  • Dimensión (largo x ancho x alto)
  • Clase de envío : elija la clase de producto (frágil, voluminoso,…) para aplicar diferentes métodos de envío. Explicaré más en el próximo artículo.

Hay 3 secciones en la pestaña Envío del complemento WooCommerce

Ficha Productos vinculados

  • Upsells : proponer un producto similar que tenga otros tamaños, colores,… para el cliente.
  • Ventas cruzadas : sugiera otro producto relevante. Por ejemplo, si vende libros, puede sugerir que los clientes compren marcadores.

Configure la pestaña Productos vinculados en el complemento WooCommerce

Pestaña de atributos

Esta pestaña trata sobre la creación de un producto variable. Para obtener más detalles, consulte este artículo.

Crea un producto variable

Lengüeta avanzada

Hay 3 secciones en la pestaña Avanzado :

  • Nota de compra : envíe una nota al cliente cuando finalice el pedido.
  • Orden de menú : la prioridad del producto en el carrito. Cuanto menor sea el número, mayor será la prioridad.
  • Habilitar revisión

Hay 3 secciones en la pestaña Avanzado del complemento WooCommerce

Además de crear cada producto manualmente, puede agregar productos simples a granel con la función Importar mediante el segundo método.

Método 2: agregar productos simples a granel con la función de importación

Para agregar productos simples a granel con la función Importar, primero necesita un archivo CSV. Este archivo CSV contiene algunos campos de productos como nombre, descripción, precio, SKU, etc. Puede exportar este archivo CSV desde otro sitio web de comercio electrónico o crear uno manualmente con Excel (elija el formato CSV en la sección Guardar como de Excel).

Puede descargar el archivo CSV de ejemplo aquí.

Veamos como lo hacemos:

Primero, vaya a Productos > Todos los productos > Importar .

Agregue productos simples a granel con la función de importación

En la siguiente pantalla, cargue su archivo CSV y luego haga clic en Continuar :

cargue el archivo CSV en WooCommerce

En la sección Mapeo de columnas , elija los campos que desea importar:

elija los campos que desea importar usando WooCommerce

Después de eso, desplácese hasta la parte inferior y haga clic en Ejecutar el importador :

Ejecutar el importador

Después de terminar, puede hacer clic en Ver productos para ver los nuevos productos:

ver nuevos productos WooCommerce

Estos son dos productos que hemos importado:

Importar 2 productos

Después de agregar productos simples, debemos configurar su visualización en el sitio web para que se vean más hermosos.

Personalice la visualización simple del producto en el sitio web

En esta sección, configuraremos la visualización de la página del producto y la tienda para que se vean más hermosas, profesionales y convenientes para los clientes.

Personalizar la visualización de la página del producto

Hay muchos temas de comercio electrónico en el mercado. Estos temas le ayudan a mostrar los productos sencillos de forma hermosa. Además, algunos temas eligen la página del producto como página de inicio o agregan la página del producto al menú de forma predeterminada. Esto puede ayudar a los clientes a ver la página de su producto justo después de que accedan a su sitio.

Sin embargo, no todos los temas se muestran así. Por lo tanto, le mostraré cómo agregar la página del producto al menú y elegir la página del producto como página de inicio manualmente.

Agregar la página del producto al menú

Tenemos un artículo que explica cómo agregar / eliminar una sección en la página del menú, puede consultarlo aquí.

Elija la página del producto como la página de inicio

Primero, haga clic en Personalizador en la barra de menú de administración:

Elija la página del producto como la página de inicio

En la barra lateral izquierda, elija la configuración de la página de inicio :

Configurar la página de inicio del sitio web de comercio electrónico

Después de eso, elija Una página estática en la sección Visualizaciones de su página de inicio , elija Comprar en la sección Página de inicio y luego haga clic en Publicar .

Elija la página del producto como página de inicio

¡Tada! Hemos terminado de elegir la página de inicio como página de producto:

Elija la página de inicio como página de producto en WordPress

A continuación, le presentaré algunas configuraciones interesantes en la sección Personalizador para hacer que el sitio web de comercio electrónico sea más hermoso.

Personalizar la pantalla de la tienda (no es obligatorio)

Aún en el Personalizador , vaya a WooCommerce :

Personalizar la pantalla de la tienda WooCommerce

En la sección WooCommerce , hay pequeñas secciones de la siguiente manera (vea la imagen):

En la sección WooCommerce, hay pequeñas secciones.

Ahora explicaré brevemente sobre el uso de cada sección:

  • Aviso de tienda :

Esta sección le permite mostrar una notificación en la parte superior de la página como se muestra a continuación:

mostrar una notificación en la parte superior de la página del producto

  • Catalogo de productos :

En la sección Catálogo de productos , puede agregar una barra lateral, personalizar la forma en que la página del producto muestra / administra los productos, personalizar la cantidad de productos en una fila y la cantidad de filas en una página.

personalizar cómo se muestra la página del producto

  • Imágenes del producto :

En la sección Imágenes del producto , puede editar la longitud y la relación de aspecto de la imagen del producto para que se vea más hermosa y equilibrada.

personalizar el formulario de pago del sitio web de WordPress

  • Echa un vistazo a :

En esta sección, puede personalizar el formulario de pago agregando / eliminando secciones como el nombre de la empresa, el número de teléfono y la ubicación. Además, puede mostrar las páginas de Política de privacidad y Términos y condiciones .

personalizar el formulario de pago del sitio web de WordPress

  • Optimización : habilite esta sección de forma predeterminada a menos que esté utilizando bloques de WooCommerce.

Como puede ver, el complemento WooCommerce permite a los usuarios personalizar la pantalla de la tienda de manera flexible. Dependiendo de las características, necesidades y gustos de cada persona, puede editar esta sección de diferentes formas.

Ultimas palabras

Esperamos que haya aprendido cómo agregar un producto simple con el complemento WooCommerce después de 15 minutos de lectura. En el próximo artículo, aprenderemos cómo crear una tienda en línea, ¡así que no te lo pierdas!

Además, algunos productos pueden tener información que WooCommerce no admite. Esa vez, puede usar campos personalizados con el complemento Meta Box para agregar esta información, obtenga más detalles aquí.