Este documento proporciona instrucciones paso a paso para configurar una tienda en línea en WordPress utilizando el complemento WooCommerce. Explica cómo instalar WooCommerce, crear categorías y productos, configurar opciones como precios e impuestos, y agregar elementos como menús para facilitar la navegación de los clientes en la tienda. El objetivo es enseñar a las personas a crear una tienda en línea completa sin necesidad de conocimientos de programación.
2. 2
@beagonpoz www.beriodismo.net
¿Qué vas a aprender en este manual?
Este manual tiene como objetivo que aprendas a incorporar un sistema de comercio
electrónico en tu web en Wordpress:
• Instala woocommerce
• Introduce productos
• Configura tu tienda
Crea tu tienda online,,,
¡Sin conocimientos de programación!
4. 4
@beagonpoz www.beriodismo.net
Woocommerce es el complemento perfecto para las webs desarrolladas en Wordpress.
Permite incorporar una tienda online a tu web ayudándote a configurar productos y a
gestionar tu tienda online fácilmente.
Se trata de un plugin gratuito que se puede instalar en las plantillas de Wordpress. No
obstante, no todas las plantillas son compatibles y puedo que en algunas dé algún error.
¿Qué es woocommerce?
5. 5
@beagonpoz www.beriodismo.net
¿Cómo puedo instalar woocommerce?
1. Entra en tu panel de administrador de
Wordpress y haz clic en el menú
‘Plugins’.
2. Haz clic en ‘Añadir nuevo’.
3. En la pantalla que aparece, escribe en
cuadro de búsqueda ‘Woocommerce’ y
has clic en ‘Buscar plugins’.
4. Instala el primer plugin que aparece en
la lista y actívalo.
1
2
3
4
6. 6
@beagonpoz www.beriodismo.net
¿Cómo puedo configurar woocommerce?
Una vez instalado, encontrarás en la barra lateral izquierda del
panel de administrador dos nuevos menús ‘Woocommerce’ y
‘Productos’.
Desde el primero podemos configurar los
detalles internos de nuestra tienda y hacer un
seguimiento de los pedidos y de su progreso.
Desde el segundo, podemos crear y administrar
todos los productos y categorías.
9. 9
@beagonpoz www.beriodismo.net
Crear categorías
El primer paso para crear productos es crear las categorías
en las que van a ir esos productos. Por ejemplo, si se trata de
una tienda de ropa las categorías podrían ser: Camisetas,
Pantalones, Faldas, etc.
Para crear una categoría tienes que hacer clic en el menú
‘Categorías’ dentro del menú ‘Productos’
Una vez dentro, deberás escribir en ‘Nombre’ el nombre
de la categoría que quieres crear.
Deberás rellenar este espacio si quieres que la URL de la
categoría sea diferente del nombre que has puesto en el
campo anterior.
Puedes añadir una descripción o una imagen si quieres.
Cuando acabes, haz clic en ‘Añadir nueva categoría de
producto’ y se habrá creado.
10. 10
@beagonpoz www.beriodismo.net
Para crear una subcategoría, sólo tienes que seguir los
mismos pasos y seleccionar en el apartado ‘superior’ la
categoría dentro de la que quieres que vaya la
subcategoría y hacer clic en ‘Añadir nueva categoría de
producto’ y se habrá creado.
Por ejemplo, en la imagen la categoría ‘Tés’ tiene las
subcategorías ‘Negros’ y ‘Rojos’ que aparecen con un
guioncito delante.
Crear subcategorías
12. 12
@beagonpoz www.beriodismo.net
Crear productos
Puedes crear productos en el menú ‘Productos’ haciendo clic en ‘Añadir
producto’.
Al igual que en un post, en el menú ‘Categorías’ en la barra lateral
derecha podrás seleccionar en qué categorías de las que has creado
antes irá el producto.
13. 13
@beagonpoz www.beriodismo.net
Titulo y descripción del producto
Esta será tu ventana de trabajo cada vez que quieras crear un producto.
1. Para escribir el titulo del post que se verá cuando se publique.
2. Para editar la URL del post y favorecer el posicionamiento en Google.
3. Para insertar en la entrada imagen o vídeo.
4. Para agregar una encuesta en el post.
5. Para añadir un formulario de contacto en el post.
6. Para editar el texto en HTML
7. Para escribir el texto del post.
8. Número de palabras escritas (un buen post debe tener entre 300 y 500 palabras).
1
2
3 4
5
6
7
8
14. 14
@beagonpoz www.beriodismo.net
Vamos a ver para qué sirven los iconos de la ventana de edición de texto.
1 2
1. Para poner el texto en negrita (funciona igual que en Word).
2. Para poner el texto en cursiva.
3. Para tachar el texto.
4. Para añadir viñetas al texto.
5. Para añadir listado con números al texto.
6. Para añadir una cita y que destaque con respecto al resto de texto.
7. Para alinear el texto.
8. Para añadir o quitar hipervínculos (una palabra que enlaza a otra página cuando se hace clic en ella).
9. Para insertar la etiqueta ‘more’ (para que no se vea el post entero y aparezca el botón de ‘leer más’).
10. Para revisar la ortografía del texto.
11. Para editar el post a pantalla completa, sin distracciones.
12. Para ocultar o mostrar la segunda línea de iconos de opciones, es decir, las ‘opciones avanzadas’.
3 4 5 6 7 8 9 10 11 12
Titulo y descripción del producto
15. 15
@beagonpoz www.beriodismo.net
Vamos a ver para qué sirven los iconos de las ‘opciones avanzadas’.
1. Para elegir el formato del texto: Titulo 1, titulo 2, etc.
2. Para subrayar el texto.
3. Para justificar el texto.
4. Para elegir el color del texto.
5. Para pegar un texto y quitarle el formato.
6. Perfecto para pegar un texto si lo has escrito primero en Word.
7. Para quitarle el formato al texto.
8. Para insertar un símbolo especial.
9. Disminuir o aumentar el margen del texto.
10. Retroceder o avanzar en los cambios realizados.
11. Para acceder a la ayuda de Wordpress.
1 2 3 4 5 6 7 8 9 10 11
Titulo y descripción del producto
16. 16
@beagonpoz www.beriodismo.net
Si haces clic en ‘Editar’ puedes personalizar la URL de tu producto para mejorar su SEO y adecuarlo
a las búsquedas tipo que harán los usuarios.
La URL no tiene que ser la misma que el nombre del producto y puedes aprovechar esta opción
para añadir las palabras clave que se asemejen mejor a cómo buscaría el usuario el producto.
Las palabras van siempre separadas por guiones medios (-) y es recomendable evitar artículos y
preposiciones (El, La, de, que, en , etc.) que no aportan nada a la búsqueda.
Editar la URL de los productos
17. 17
@beagonpoz www.beriodismo.net
Crear productos
En el menú que está debajo del cuadro de texto, encontrarás todas las opciones de
configuración del producto: precio, preso, opciones de envío…
La imagen del producto debes introducirla en la opción ‘Imagen destacada’ de la barra lateral
derecha y su quieres que dentro del producto haya más imágenes del mismo deberás
introducirlas en ‘Galería del producto’.
18. 18
@beagonpoz www.beriodismo.net
Crear productos destacados
Para crear un producto destacado que
aparezca en portada o que se diferencie del
resto, debes hacer clic en ‘Visibilidad del
catálogo’ en la barra lateral derecha y hacer
clic en ‘Producto destacado’.
20. 20
@beagonpoz www.beriodismo.net
Uno de los widgets más útiles es el ‘Menú personalizado’ que te permite tener una serie de
pestañas en tu web a modo de menú de navegación para facilitar la búsqueda de productos tal y
como se ve en la imagen.
Para crear un menú personalizado debes hacer clic en ‘Apariencia’ y en ‘Menús’.
Menú personalizado
21. 21
@beagonpoz www.beriodismo.net
Una vez dentro, haces clic en ‘Crear nuevo menú’, vas seleccionando Categorías o Páginas a las que quieres que enlace cada
una de las pestañas y las añades al menú.
Si arrastras los elementos añadidos hacia la derecha, puedes crear un menú desplegable, es decir, si quieres que ‘Tienda’
englobe otras categorías y se desplieguen hacia abajo en vez de manera horizontal (vídeo explicativo en la siguiente
diapositiva).
Menú personalizado