Crear tienda online en WordPress 2021

¿Tienes una web en WordPress y te apetece añadirle una tienda online?

WooCommerce es un plugin de WordPress gratuito que permite a los usuarios de WordPress vender productos y servicios desde su sitio web.

Es uno de los mejores plugins de comercio electrónico de WordPress para crear y hacer crecer un negocio online. Esta versión se ha hecho muy popular por su flexibilidad y sencillez.

Empezaré instalando el plugin de Woocommerce, subiré un producto de prueba ypara esto necesitarás que tu web esté hecha en WordPress.

Si no conoces la plataforma de WordPress puedes informarte de como crear tu web desde cero con este enlace.

1.0 Instalación de una tienda online con Woocommerce

Entra dentro del panel de control de tu web (www.tuweb.com/wp-admin) y en el menú de la izquierda pulsa «Plugins».

Si no tienes muy claro lo que son los plugins aquí lo explico para que no te pierdas.

instalacion de plugin wordpress

Una vez dentro del apartado de plugins, pulsa el botón de arriba que pone «Añadir nuevo» y seguidamente te aparecerá un buscador donde tendrás que poner «Woocommerce».

Dale a «instalar ahora» y una vez instalado a «activar».

tienda online con woocommerce

1.1 Configuración de WooCommerce

Cuando lo instales te aparecerá un asistente que te ayudará a instalar todos los datos.

Tendrás que poner:

¿Donde está tu tienda? —-> Pais

Dirección —-> Calle…

Ciudad —-> Tu ciudad

Código postal —-> 469..

¿En qué moneda aceptas pagos? —-> Esta opción muy importante (Si estáis en España «€»)

¿Qué tipos de productos tienes pensado vender?  —-> Productos físico (Algo que tengas que enviar) o productos digitales (Archivos, servicios, pdf…)

¡Al siguiente paso!

¿Necesitas una página web?

Nosotros hacemos realidad la parte online desarrollando una página web que te diferencie de tu competencia, posicione dentro de tu sector y te de visibilidad frente a tu público potencial, a la gente que te necesita pero aún no te conoce.

posicionamiento seo

1.2 Ajuste de Pago en Woocommerce

Deja seleccionada la opción de Stripe para que instale automáticamente la extensión, para configurarlo ves a este enlace donde explico de una forma muy sencilla cómo hacerlo.

ajustes de pago woocommerce

1.3 Ajustes de envío Woocommerce

Esta opción la puedes definir más tarde, en resumen, aquí pondrás cuanto cobrarás por los envíos, ya sea en territorio nacional e internacional, además si tu producto es físico pondrás la opción de
la unidad de peso (kg, g, Ibs…) y de tamaño (cm, m, mm…)

configuracion de envio woocommerce

1.4 Recomendado

No selecciones ninguna ya que instalará cosas que puede que no vayas a usar, más tarde siempre
podrás añadir extensiones.

Ya estarían configuradas las opciones básicas de tu tienda online.

2.0 Ajustes generales de Woocommerce. Pestaña general.

Ahora entrarás en detalle en los ajustes del plugin desde WooCommerce > Ajustes > General

General:

  • Dirección de la tienda: Calle donde está la tienda o domicilio donde se enviarán
    los productos.
  • Ciudad.
  • Pais.
  • Código postal.

Opciones generales:

  • Ubicacion(es) de venta: Vender a todos los países excepto a… o vender a un número
    concreto de países.
  • Ubicación(es) de envío: Enviar a todos los países o seleccionar los que nos interese.
  • Ubicación del cliente por defecto: Para saber desde donde han comprado el producto,
    yo lo dejo seleccionado.
  • Activar impuestos: Activándolo cobrará automáticamente las tasas que le pongas
    como podría ser el IVA.

Opciones de moneda:

  • Moneda: Antes ya pusiste la moneda.
  • Ubicación de la moneda: Es para ver donde aparecerá el símbolo (20,2€ o €20,2).
  • Separador de miles: Dejarlo por defecto.
  • Separador decimal: Dejarlo por defecto.
  • Número de decimales: Los que quieras que aparezcan.

Como siempre hacemos «Guardamos cambios»

2.0 Productos

En la siguiente pestaña encontrarás las opciones de productos junto a tres subcategorías.

¡Vamos a ver para que sirven!

2.1 Productos/General

Página de la tienda

  • Página de la tienda: El Woocommerce habrá creado automáticamente la página
    tienda, lo único que tendrás que hacer es seleccionar la página llamada «tienda».
  • Comportamiento de añadir al carrito: Tienes la opción de que cuando alguien le
    de al botón de comprar en un producto, lo envíe a la página del carrito donde
    podrá finalizar la compra, o que con el botón AJAX se vayan añadiendo todos
    los productos al carrito pero que el usuario siga comprando.

Mediciones

  • Mediciones: Ya estarán puestas de la configuración anterior.

Valoraciones

  • Estas opciones serán para que nuestro productos puedan tener valoraciones, reseñas,
    estrellas de calidad…

Como siempre hacemos «Guardamos cambios»

2.2 Productos/Inventario

inventario de productos woocommerce

Inventario:

  • Gestionar inventario: Siempre activado.
  • Mantener el inventario: Pones los minutos y cuando se alcance el límite se
    cancelará el pedido pendiente. Si lo quieres desactivar lo dejas en blanco.
    No hace falta que lo actives.
  • Notificaciones: Siempre activadas para que nos llegue a nuestro mail cuando
    quedan pocas existencias o se agota un producto.
  • Destinatario: Introduce tu email.
  • Umbral de existencias: Cuando llegue a la cantidad que pongas te avisará por email.
  • Umbral de inventario agotado: Lo lógico será poner 0 y cuando se agote que te avise.
  • Visibilidad de inventario agotado: Si quieres que tus clientes vean que está agotado.
  • Formato de visualización del inventario: Cómo quieres que vean las cantidades
    que quedan «15 existencias».

Como siempre hacemos «Guardamos cambios»

2.3 Productos/Productos descargables

Productos descargables:

  • Método de descarga de archivos: Forzar descarga es la opción más recomendable.
  • Restricción de acceso: Puedes poner que si quieren descargarlo necesitan estar
    registrados e iniciar sesión, por otro lado, que descarguen después de haber realizado el pago.

Como siempre hacemos «Guardamos cambios»

3.0 Envío

Aquí podrás añadir donde harás los envíos, seguramente con el asistente del principio ya
añadiste la zona pero si no lo hiciste podrás cambiarlo.

3.1 Productos/Zonas de envío

configuración de envio en una tienda online

3.2 Productos/Opciones de envío

Productos descargables:

  • Cálculos: Si quieres que calcule todo automáticamente. Es recomendable.
  • Destino del envío: Dirección de envío, lo lógico es que sea la de facturación del
    cliente.
  • Modo de depuración: Te permite aplicar costes de envío diferentes dependiendo del
    producto. Si en tu tienda hay productos que te suponen un coste mayor en el envío
    porque pesan mas o porque tienen algo adicional, puedes añadirle una tasa
    extra a ese tipo de productos.

Como siempre hacemos «Guardamos cambios»

4.0 Pagos

Anteriormente mencioné Stripe como pasarela de pago más cómoda Pero tienes la opción de añadir
Transferencia bancaria directa, pagos por cheque, contra reembolso, Paypal y Stripe.

configuracion de pagos en woocommerce

5.0 Cuentas y privacidad

  • Pago como invitado: Permite a los clientes hacer pedidos sin estar registrado o acceder
    después de la compra.
  • Creación de cuenta: Aquí lo recomendable es marcar las opciones de crear
    automáticamente el nombre de usuario a partir del email y también crear la contraseña.
    Marcar las dos últimas opciones.
  • Solicitudes de borrado de cuenta: Esta opción hará que se borren los datos personales
    de los pedidos. No marquéis ninguna de las dos.

Política de privacidad

Este apartado déjalo sin definir, la política de privacidad la crearás en otro sitio, no desde el
plugin de Woocommerce.

Conservación de datos personales

  • Conservar cuentas inactivas
  • Conservar pedidos pendientes
  • Conservar pedidos fallidos
  • Conservar pedidos cancelados
  • Conservar pedidos completados
  • Retain Stripe Data

Deja las siguientes opciones en blanco para conservar estos datos indefinidamente.
Si por lo contrario quieres que se vayan eliminando marca el número de días, semanas,
meses o años que quieres almacenarlos.

Como siempre hacemos «Guardamos cambios»

5.0 Correos electrónicos

En este apartado podrás modificar los correos electrónicos que les llegarán al cliente una
vez finalice la compra.

correos electronico en woocommerce

Si accedemos a nuevo pedido, pedido cancelado, pedido fallido, pedido a la espera, podrás modificar de forma individual cada correo (Destinatario, asunto, encabezado del correo electrónico, tipo de correo…)

opciones de correo electronico woocommerce

Opciones del remitente del correo electrónico genéricas

  • Nombre «De:»: Cómo aparece el nombre del remitente en los correos electrónicos
    salientes.
  • Dirección del remitente: Cómo aparece la dirección del remitente en los correos
    electrónicos salientes.

Plantilla de correo electrónico

  • Imagen de cabecera: Tu imagen o logo arriba del correo.
  • Texto del pie de página: Si quieres poner un texto genérico en el pie de página.
  • Colores: La apariencia que tendrá el correo electrónico.

6 Configuración Avanzado en Woocommerce

Estas páginas tienen que estar establecidas de manera que WooCommerce sepa dónde enviar a los usuarios al finalizar la compra.

configuracion avanzado wordpress

Estas página se crean automáticamente al instalar el plugin y es aquí donde le decimos a que página tienen que ir para cada una de las acciones.

Instalación de páginas

  • Página del carrito
  • Página de pago
  • Página de mi cuenta
  • Términos y condiciones

Variables de finalización de compra

Son unas subpáginas dentro de tu tienda. Aquí definirás la URL definitiva para
cada opción. Te pongo un ejemplo:

  • Pagar
  • Pedido recibido
  • Añadir método de pago
  • Eliminar método de pago
  • Establecer método de pago por defecto

Variables de la cuenta

Con las variables pasa lo mismo, definimos la terminación de la URL y la dejas
en blanco si quieres que no aparezca.

Dentro de nuestra cuenta privada en la tienda, podrás activar estas «Subpáginas»

  • Pedidos
  • Ver pedido
  • Descargas
  • Editar cuenta
  • Direcciones
  • Métodos de pago
  • Contraseña perdida
  • Cerrar sesión

Como siempre hacemos «Guardamos cambios»

7.0 Añadir productos en tu tienda

¡Vamos a empezar a subir un producto de prueba!

Para ello ves al menú de tu WordPress  Productos/Añadir productos

Lo primero que tenemos es el nombre del producto y su descripción. Esto es exactamente igual que cuando creamos una página nueva o una entrada de blog.

Divide todo en categorías para tenerlo ordenado y clasificado. Puedes poner más de una categoría por producto si quieres.

Para ello tienes a la derecha una pestaña que se llama «Categorías» junto a un botón que pone «+ Añadir nueva categoría»

categorias de producto woocommerce

Seguidamente justo abajo de las categorías añade la imagen destacada que se verá en el listado de productos de la tienda.

7.1 Datos del producto

datos del producto woocommerce

Aquí tienes cuatro opciones que te explico a continuación:

Producto simple: este producto se vende como aparece, por su precio, sin ningún tipo de variación.

Producto agrupado: siempre tiene en común la misma categoría.
Ayuda a la compra del usuario.

  • Virtual o descargable: Aquí marca virtual si por ejemplo es un curso
    que se va a ver el la propia web y descargable si es un
    archivo (pdf, jpg, documento…) Esta opción aparece en el producto simple.
  • General: Precio normal y precio rebajado. Ej: 20,50
  • Envío: puedes poner el peso y las dimensiones.
  • Productos vinculados: para que aparezcan productos
    relacionados busca productos parecidos que puedan salir junto a él.

Producto externo/afiliado: se utiliza para vender productos desde otras webs como Amazon, mediante un enlace el producto te lleva a Amazon y si se finaliza la compra te llevas una comisión.

  • URL del producto: url del producto afiliado.
  • Texto del botón: texto «Comprar» del producto.
  • Precio normal
  • Precio rebajado

Producto variable: tienes la posibilidad de poner diferentes precios con variaciones de lo que seleccione el cliente. Imagínate una imprenta online que vende tarjetas, dependiendo de la cantidad el color y el formato que elija el cliente, el precio cambiará.

  • Variaciones: Esto es algo más complicado si es la primera vez que
    usas Woocommerce, si os interesa puedo crear un post hablando
    sólo de crear productos con variaciones.

Como siempre hacemos «Guardamos cambios al finalizar»

8 Agregar la apariencia mediante Widgets

Ahora que ya tienes todo configurado y seguro que habrás subido muchos productos te preguntarás como puedes hacer para que se vea todo perfecto.

Dependiendo de la plantilla que tengas deberás hacer una cosa u otra pero por lo general para añadir y quitar nuevos módulos en tu web debes ir a Apariencia/Widgets

En mi caso tengo la página de inicio donde puedo arrastrar los widgets que ha generado Woocommerce como carrito, categorías de producto,
productos, productos más valorados…

De esta manera crearás la apariencia de la web a tu gusto.

9 ¿Cuando vendes un producto donde va esa información?

Cada vez que alguien compre algo en tu tienda aparte de que te llegará un email con
los datos del pedido, quedarán registrados en Woocommerce/pedidos

Cuando entres verás un listado de todos los pedidos.

Para que el pedido se complete tendrás que entrar pulsando el nombre o el icono del ojo.
Una vez dentro si ves que todos los datos están correctos cambia el estado a «Completo»

10 Añadir al menú la tienda

Por último ves al menú de tu WordPress Apariencia/Menús

Una vez dentro selecciona el menú que editarás, de normal suele estar el principal.
Si por alguna razón no estuviera, crea uno nuevo en el enlace azul
«Crear un nuevo menú» y asígnale el menú principal.

A la izquierda en el apartado «Páginas» está todo el listado de páginas de nuestra web.

Lo único que tienes que hacer es seleccionar el que se llama «Tienda», seguidamente darle al botón «Añadir al menú» y por último como siempre guardar los cambios en el botón azul «Guardar menú»

¡Ya estaría añadido en el menú de tu web!

¡Ya tendrías tu web creada paso a paso!

Espero que te haya servido de mucha ayuda este artículo.

Encuentra noticias relacionadas en nuestro blog.

Author avatar
Ayrton Gómez
https://xufa.es
Me gusta mostrarte consejos y novedades del marketing online. Siempre estoy informando de lo último relacionado con el diseño web para tratar de ayudar a los emprendedor@s que están empezando. Soy diseñador web, especializado en Wordpress. Me encanta combinar el diseño con la funcionalidad. Por aquí me tienes si te surge cualquier duda relacionada con el apasionante mundo del diseño web en Wordpress. Sígueme en línkedin

Comentar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *