Cómo añadir un producto con diferentes opciones (Variable) en Woocommerce

Aprende cómo crear tus propios productos simples en la tienda Woocommerce de tu página web con WordPress en unos simples pasos.

¿Quieres comenzar a vender tus productos o servicios en línea? WooCommerce es la solución perfecta para crear una tienda en línea personalizada sin necesidad de conocimientos técnicos avanzados. En esta guía completa, te mostraremos cómo crear tu primer producto simple en WooCommerce, paso a paso.

 

1. ¿Qué es un producto variable en Woocommerce?

Un producto variable es un tipo de producto que ofrece múltiples opciones o variaciones. Por ejemplo, una camiseta puede tener diferentes tamaños (S, M, L) y colores (rojo, azul, negro). Cada combinación única de atributos crea una nueva variación del producto.

2. Crear un producto con diferentes opciones (Variable) en Woocommerce

La manera más resumida de crear un producto con diferentes opciones en Woocommerce en WordPress es la siguiente:

Una vez que tengas WooCommerce instalado y activado, podrás empezar a crear tus productos variables. Sigue estos sencillos pasos:

  1. Accede al panel de control de WooCommerce: Desde tu escritorio de WordPress, busca el menú de WooCommerce y haz clic en «Productos».
  2. Agregar un nuevo producto: Haz clic en el botón «Añadir producto» para iniciar el proceso de creación.
  3. Completar los campos obligatorios:
    • Nombre del producto: Escribe un nombre general para el producto, ya que este tendrá varias variaciones.
    • Descripción corta: Una breve descripción que se aplicará a todas las variaciones.
    • Descripción larga: Una descripción detallada que se aplicará a todas las variaciones.
    • Precio: Introduce un precio base que se ajustará según las variaciones.
    • Categoría: Selecciona la categoría a la que pertenece el producto.
  4. Agregar atributos:
    • Crear atributos: Define los atributos que variarán en tu producto (por ejemplo, color, talla, material).
    • Asignar valores: Asigna los valores posibles para cada atributo (por ejemplo, rojo, azul, verde para el color; S, M, L para la talla).
  5. Crear variaciones:
    • Añadir variaciones: Haz clic en el botón «Añadir variación» para crear cada combinación posible de atributos.
    • Establecer precio y stock: Para cada variación, establece el precio, el stock y cualquier otra información específica.
  6. Agregar imágenes del producto:
    • Imagen destacada: Sube una imagen principal para el producto.
    • Galería de imágenes: Añade imágenes adicionales para cada variación si es necesario.
  7. Configurar el inventario:
    • Estado del inventario: Indica si el producto está en stock, agotado o en pre-venta para cada variación.
    • Gestión de stock: Configura los niveles de stock para cada variación.

Si necesitas mas ayuda o información, te dejamos los siguientes enlaces de interes:

Cómo añadir un producto simple en Woocommerce

Aprende cómo crear tus propios productos simples en la tienda Woocommerce de tu página web con WordPress en unos simples pasos.

¿Quieres comenzar a vender tus productos o servicios en línea? WooCommerce es la solución perfecta para crear una tienda en línea personalizada sin necesidad de conocimientos técnicos avanzados. En esta guía completa, te mostraremos cómo crear tu primer producto simple en WooCommerce, paso a paso.

 

1. ¿Qué es woocommerce?

WooCommerce es un plugin de comercio electrónico gratuito y de código abierto para WordPress. Es altamente personalizable y se integra perfectamente con tu sitio web de WordPress, lo que te permite crear una tienda en línea profesional sin complicaciones.

 

2. Cómo crear un producto en Woocommerce

La manera más resumida de crear un producto en Woocommerce en WordPress es la siguiente:

  1. Una vez que tengas WooCommerce instalado y activado, podrás empezar a crear tus productos. Sigue estos sencillos pasos:

    1. Accede al panel de control de WooCommerce: Desde tu escritorio de WordPress, busca el menú de WooCommerce y haz clic en «Productos».
    2. Agregar un nuevo producto: Haz clic en el botón «Añadir producto» para iniciar el proceso de creación.
    3. Completar los campos obligatorios:
      • Nombre del producto: Escribe un nombre claro y descriptivo para tu producto.
      • Descripción corta: Una breve descripción que aparecerá en los listados de productos.
      • Descripción larga: Una descripción detallada del producto, incluyendo sus características y beneficios.
      • Precio: Introduce el precio de venta del producto.
      • Categoría: Selecciona la categoría a la que pertenece el producto.
    4. Agregar imágenes del producto: Utiliza la opción «Establecer imagen destacada» para agregar una imagen principal y la galería de imágenes para añadir más fotos.
    5. Configurar el inventario:
      • Estado del inventario: Indica si el producto está en stock, agotado o en pre-venta.
      • Gestión de stock: Configura si deseas realizar un seguimiento del stock y establecer un nivel de stock bajo.

Si necesitas mas ayuda o información, te dejamos los siguientes enlaces de interes:

Como crear una publicación o post en wordpress

Aprende cómo crear tus propias publicaciones en el blog de tu página web con WordPress en unos simples pasos.

Ahora, el siguiente artículo te llevará a través de los pasos necesarios para agregar contenido a tu sitio web, centrándose en cómo crear una publicación de blog paso a paso.

Para comenzar, es importante entender que las «entradas» son la base de WordPress, son como los ingredientes esenciales en una receta, como el aceite y el vinagre en una ensalada de lechuga y tomate. Son inseparables y forman el corazón y alma de tu sitio web. En el mundo de este CMS, a menudo se les llama «posts», que en esencia son artículos, ni más ni menos. 😉

Antes de adentrarnos en los detalles, te invito a echar un vistazo a la siguiente imagen, que te abrirá el apetito para la creación de publicaciones en tu blog. Verás lo sencillo que es crear una entrada en WordPress, y en cuestión de minutos (¡dependiendo de la longitud de tu texto, por supuesto!), podrás publicarla en tu sitio web de inmediato.

1. ¿Qué son las entradas de wordpress?

Para poder crear una entrada en WordPress, es fundamental comprender qué es exactamente una entrada o «post» en el contexto de WordPress. Esto te ayudará a entender cómo se gestiona dentro de la plataforma y cuáles son las diversas opciones y posibilidades que ofrece.

Las entradas se utilizan para publicar una amplia variedad de contenidos informativos, que van desde noticias y tutoriales hasta artículos técnicos, relatos de viajes, recetas de cocina, diarios personales o incluso historias de tu huerto. La versatilidad es infinita, y las entradas son el medio principal para compartir estos contenidos en tu sitio web.

Cuando publicas entradas en tu sitio web, se muestran en orden cronológico, lo que significa que la fecha y la hora de creación de cada entrada determinan su posición en tu sitio web, ya sea en la página de inicio o en la sección dedicada al blog.

Sin embargo, las páginas en WordPress no tienen fechas de creación y no se ven afectadas por este factor de jerarquía; en cambio, las entradas están organizadas principalmente por su fecha de creación.

Una característica importante de las entradas es que, si utilizas un feed o RSS en WordPress, estos contenidos se distribuyen automáticamente a las personas o scripts que están suscritos a tus actualizaciones.

La diferencia fundamental entre las entradas y las páginas radica en que puedes tener múltiples entradas publicadas en tu sitio, que se muestran de manera cronológica y se pueden acceder desde la sección de «blog». En cambio, las páginas solo se muestran a través de menús o enlaces específicos y no aparecen en los feeds del sitio web.

Además, en WordPress, existen las taxonomías, que son elementos utilizados para jerarquizar y organizar los contenidos, así como para facilitar su filtrado. Las categorías y las etiquetas son ejemplos de taxonomías en WordPress que permiten categorizar y etiquetar las entradas según valores o parámetros específicos. Esto luego se utiliza para determinar dónde se mostrarán ciertas publicaciones, para mostrar «entradas relacionadas» cuando se lee una entrada y para realizar búsquedas relacionadas por etiquetas.

Las taxonomías son una característica exclusiva de las entradas, ya que las páginas no cuentan con ellas.

Otra función importante, que solo está disponible para las entradas, es la capacidad de filtrar contenidos por autor de WordPress. Esto permite consultar únicamente las publicaciones asociadas a un autor específico en un blog donde varios autores contribuyen. Por ejemplo, al hacer clic en el nombre de un autor al final de un artículo, se mostrarán las entradas relacionadas con ese autor, sin necesidad de utilizar un buscador específico en el blog.

2. Cómo crear una entrada en WordPress

La manera más resumida de crear una Entrada (post) o publicación en WordPress es la siguiente:

  1. Accede al dashboard de tu WordPress.
  2. En el menú izquierdo haz clic en Entradas.
  3. En la parte superior de
  4. Entradas haz clic en Añadir nueva.
  5. Pon el Título WordPress de la publicación.
  6. El slug o permalink se generará automáticamente tras guardar cambios.
  7. Añade el contenido principal en el bloque de texto “cuerpo” de la entrada.
  8. Establece una Categoría para esta nueva Entrada (sidebar derecho).
  9. Establece una Etiqueta o varias para esta nueva
  10. Entrada (sidebar derecho).
    Añade una Imagen destacada a la publicación.
  11. Publica la entrada haciendo clic en Publicar (sidebar derecho).

Es importante destacar que, a partir de WordPress 6.0, el Editor Clásico ya no es una opción nativa, lo cual es una tendencia que comenzó a implementarse desde WordPress 5.0. A lo largo del tiempo, este editor fue perdiendo funcionalidades y visibilidad a medida que se integraba gradualmente el editor de bloques Gutenberg.

En realidad, si estás utilizando una versión de WordPress 6.x (o cualquier versión posterior), notarás que el «editor clásico» ha desaparecido por completo. Cuando creas una nueva publicación, te encuentras directamente con el editor Gutenberg.

Este cambio refleja la evolución de WordPress hacia una experiencia de edición más moderna y versátil. Si eres nuevo en el editor Gutenberg, no te preocupes, es una herramienta poderosa que te permitirá crear contenido de manera más flexible y dinámica. ¡Explora y descubre todas sus capacidades!


Crear una nueva entrada es muy sencillo, si estás el escritorio de WordPress debes ir al menú de la izquierda en la sección Entradas, ahí en esa pantalla debes hacer clic en Añadir nueva (1) y pasar a una nueva pantalla en donde ya puedes crear el contenido de tu nueva entrada.

En la siguiente imagen (en 2) también he marcado dos opciones más en donde puedes ver todas las entradas y filtrarlas para poder ver: Todas, Publicadas, en Borrador, en la Papelera, etc.

En este caso podrás ver que el estado Borrador no aparece porque no existe ninguna entrada en borrador.

Debajo de todo (3) ya tendrás ordenada cada entrada por fecha de publicación con su respectivo autor, categorías, etiquetas y comentarios. El último ítem que aparece SEO pertenece al plugin Yoast de SEO el cual evalúa el post respecto a una palabra clave y otros parámetros importantes.

 

¡Perfecto! Has llegado a la pantalla de edición de tu entrada, ¡eso es genial! Aquí, en la siguiente pantalla, te mostraré lo que debes tener en cuenta al comenzar a editar tu contenido:

 

¡Perfecto! Has llegado a la pantalla de edición de tu entrada, ¡eso es genial! Aquí, en la siguiente pantalla, te mostraré lo que debes tener en cuenta al comenzar a editar tu contenido:

 

2.1 Título de la entrada

¡Este paso es bastante sencillo e intuitivo! Lo único que debes hacer es escribir el título de tu publicación.

Aquí tienes un consejo valioso: crea un título atractivo que despierte interés, cumpla con las expectativas y promueva tu contenido de manera efectiva. Además, ten en cuenta que incluir la «keyword» principal en el título es esencial para mejorar su posicionamiento en los motores de búsqueda.

Recuerda que un buen título es la clave para atraer a tus lectores y aumentar la tasa de clics (CTR), lo que naturalmente genera más visitas a tu sitio web, tanto directas como orgánicas.

En cuanto a su longitud, es recomendable que no supere los 65 caracteres, aunque lo ideal es apuntar a unos 55 caracteres, que equivale a aproximadamente 600 píxeles. Google utiliza esta medida en píxeles para calcular el tamaño de los títulos en los resultados de búsqueda.

Además, es crucial escribir el título sin errores ortográficos y asegurarte de que la palabra clave principal aparezca lo más cerca posible del inicio del título de forma natural, sin forzarla. Evita el uso excesivo de signos de exclamación, comas, dos puntos, comillas u otros elementos que puedan complicar la creación del «slug» o enlace permanente de WordPress y las «stop-words».

Un título sólido es tu primera oportunidad para captar la atención de los lectores, ¡así que tómalo en serio!

 

2.2 Cuerpo de la entrada

En esta sección, estarás listo para redactar el contenido principal de tu entrada. Aquí, te mostraré las dos opciones disponibles: «Visual» y «Texto» (en este artículo nos enfocamos en el editor clásico, no en el editor de bloques).

  1. Visual: En la primera pestaña, llamada «Visual», verás cómo se va formateando el contenido a medida que escribes. WordPress automáticamente añade las etiquetas HTML en segundo plano, aunque no las verás en el texto. El formato se ajusta según vayas aplicando negritas, cursivas u otros estilos de texto.

  2. Texto: En la segunda pestaña, llamada «Texto», podrás ver el contenido en formato de texto plano, junto con las etiquetas HTML correspondientes de WordPress. Estas etiquetas te permiten aplicar formato especial como «negrita» o «cursiva». En los párrafos siguientes, te mostraré cómo utilizar estas etiquetas de manera práctica.

Esta elección entre las pestañas «Visual» y «Texto» depende de tu preferencia y conocimientos. La opción «Visual» es más intuitiva y muestra el formato en tiempo real, mientras que la opción «Texto» te brinda un mayor control sobre el formato utilizando etiquetas HTML. ¡Selecciona la que mejor se adapte a tus necesidades!

 

2.3 Publicar la entrada

En esta sección vas a encontrar el estado de publicación de tu entrada.

Estado

Pulsa encima de los titulos para saber mas

Antes que todo es muy importante que vayamos con pies de plomo, por eso mantendremos una charla contigo para que entendamos tu concepto, estudiemos el caso y podamos recomendarte tecnologías y procesos que te ayudarán a innovar,  mejorar el impacto y las ventas de tu negocio, y sobretodo tu tiempo.

Una vez estudiado tu modelo de negocio, marca y confirmado contigo, realizaremos un diseño web adaptado a tu identidad y tecnologias innovadoras para destacar por encima de tu competencia.

Daremos de alta tu nuevo alojamiento web, nombre de dominio que sería el nombre de la página web y te añadiremos por ultimo un plan de correo electrónico profesional, por ejemplo: adrian@adrianalcala.es

Visibilidad

Antes que todo es muy importante que vayamos con pies de plomo, por eso mantendremos una charla contigo para que entendamos tu concepto, estudiemos el caso y podamos recomendarte tecnologías y procesos que te ayudarán a innovar,  mejorar el impacto y las ventas de tu negocio, y sobretodo tu tiempo.

Una vez estudiado tu modelo de negocio, marca y confirmado contigo, realizaremos un diseño web adaptado a tu identidad y tecnologias innovadoras para destacar por encima de tu competencia.

Daremos de alta tu nuevo alojamiento web, nombre de dominio que sería el nombre de la página web y te añadiremos por ultimo un plan de correo electrónico profesional, por ejemplo: adrian@adrianalcala.es

Publicado en

En esta sección, puedes establecer la fecha de publicación de tu entrada o, si lo prefieres, programarla para que se publique automáticamente en una fecha futura que determines. Esta función es especialmente útil si planeas estar ausente durante algunos días y deseas tener varias publicaciones listas para que se publiquen de manera automática en los días y horas que hayas configurado previamente. ¡Es una forma conveniente de mantener tu sitio web actualizado incluso cuando no estás disponible para publicar manualmente!

2.4 Listas

Existen dos tipos de listas en HTML.

La lista sin orden que es la etiqueta ul que significa “ordered list o lista desordenada”, y que serían la viñetas sin números.

Y también tenemos la lista ordenada que comienza con ol que significa “ordered list o lista ordenada”, lo que sería una lista numerada.

Cada elemento dentro de estas etiquetas estará conformado con una lista “Lista de ítems” con la etiqueta HTML li.

 

2.5 Imagen

La etiqueta para insertar una imagen es otra de la que es muy usada. Pero raro vez se lo harás a mano escribiendo la etiqueta de WordPress ya que tienes un asistente para cargar imágenes.

Igualmente te cuento cómo funciona para que cuando cargues una imagen y quiera modificar algo lo puedas hacer y sepas qué significa cada cosa.

EJ:

<img title = "Foto de Ejemplo" src = "https://www.webempresa.com/images/webempresa_logo.png" alt = "Ejemplo" width ="350" height = " ;200"/>
 

El título es reconocido por la mayoría de los navegadores de hoy en día y proporciona un título para la imagen para los buscadores y puede servir como el texto descriptivo de la imagen, pero el alt es el requerido por los estándares web para el SEO. Por eso es importante que completes el alt que es el que leen los bots de indexado de los buscadores.

Width es el ancho y height es el alto de la imagen y en la etiqueta se coloca el valor en pixels.

Cuando cargas una imagen en la biblioteca multimedia te aseguras que el alt se complete y describas la imagen correctamente.

Si te olvidas de añadir el alt de la biblioteca de medios, puedes añadirlo manualmente en el editor de texto con el código de imagen HTML.

3. Conclusiones

Al final del día, la clave es encontrar la forma más cómoda y eficiente de publicar contenido elegante y altamente visual que también tenga un buen rendimiento en términos de posicionamiento en buscadores. Recuerda que, más allá de compartir conocimiento o cultura, el objetivo principal de tus publicaciones es atraer y retener a nuevos visitantes en tu sitio web.

 

Si necesitas mas ayuda o información, te dejamos los siguientes enlaces de interes:

Encuéntranos en Dénia

¿Necesitas ayuda?

Hagámoslo mas rápido, ahora puede consultarnos mediante whatsapp o agendando una reunion!

Mi nombre es Adrián Alcalá, nacido y criado en Dénia. Soy experto en el diseño de páginas web y automatizaciones en wordpress hace mas de 8 años.

SERVICIOS

Diseño de páginas web.
Transformación digital.
Diseño gráfico.
Posicionamiento web.
Mantenimiento y soporte de paginas web.
Digitalización QR.

CONTACTO

Copyright adrianalcala 2024 All Rights Reseved

Abrir chat
Hola Bienvenido a Adrián Alcalá👋
¿En qué puedo ayudarte?