Crea tu primera tienda online con WooCommerce

Actualizado el viernes, 14 abril, 2023

En el post de hoy realizaremos un breve repaso para poder crear tu tienda online con WooCommerce. No te preocupes, no hacen falta conocimientos previos, pero es recomendable que conozcas un poco el funcionamiento de WordPress. ¡Manos a la obra!

Si ya tienes claro lo que es un dominio, un hosting y para qué sirve un CMS, vamos a enseñarte a comprarlo en dinahosting.

Comprarlo es muy sencillo, únicamente hay que ir cubriendo los campos y finalizar la compra. En menos de 10 minutos ya tendrás todo lo que necesitas. En el siguiente video podrás ver el proceso completo.

Sí en lugar de una tienda online estás interesado en montar tu página web en WordPress, no te pierdas este post.

Breve repaso por el Panel de WordPress

Para empezar, hagamos un repaso rápido al Panel de WordPress. Nombraremos los elementos comunes a cualquier instalación básica de WordPress. Si tienes algún plugin instalado, puede que tu vista difiera un poco.

• Menú superior:
  • Enlace directo a una vista de tu tienda online.
  • Avisos sobre actualizaciones disponibles.
  • Accesos directos a diferentes plugins instalados.
  • Tu cuenta de usuario.

• Menú lateral
  • Dashboard: un resumen rápido de lo que tienes en tu CMS y notificaciones de tu tienda online
  • Entradas: los post que hagas en el blog.
  • Medios: los archivos multimedia de tu web (fotos, vídeos, audios y documentos)
  • Páginas: administrar, crear y modificar las páginas que tenga tu tienda.
  • Comentarios: gestionar los comentarios que realizan en tu web.
  • Apariencia: añadir o editar temas y widgets.
  • Plugins: gestión de los plugins instalados. Donde instalaremos WooCommerce que es el que va a convertir esta web en una verdadera tienda online.
  • Usuarios: útil si más personas van a gestionar tu ecommmerce.
  • Herramientas: en esta sección podrás importar y exportar contenido.
  • Ajustes: modificar ajustes generales del propio WordPress.

Instalación de WooCommerce

Una web en WordPress está compuesta por páginas, post, widgets y plugins. Un plugin podríamos decir que es un pequeño programa que añade funcionalidades nuevas al WordPress para las que no estaba pensado en un primer momento. Como por ejemplo crear y gestionar una tienda online.

WooCommerce es un plugin para WordPress que convierte tu web en una tienda online. Permite realizar compras con diferentes métodos de pago, crear las páginas de un e-commerce: carrito, tienda… en un par de clics conseguirás todo lo necesario para tener un e-commerce completamente funcional.

¿Cómo se instala un plugin? Ve al apartado plugins en el menú de la izquierda. Pulsa en el menú superior “Añadir nuevo”. En esta sección, te recomiendan los plugins más descargados, o los últimos que han sido actualizados en el repositorio de plugins de WordPress.

Introduce la palabra WooCommerce en el cajón de búsqueda. Como resultado muestra todos los plugins con esa palabra clave. En nuestro caso nos interesa el plugin oficial. Pulsa instalar y tras la instalación, pulsa activar.

Este plugin lo primero que hace es redirigir a una sección onboard que te ayuda a cubrir la información básica necesaria, puedes omitir este onboard, ya que toda esa configuración está disponible dentro de las opciones del plugin.

Activación de WooCommerce

En el menú lateral ahora podrás un pequeño resumen de todo lo que necesitas para crear tu tienda online con WooCommerce. Podrás redactar los textos de tus productos, gestionar los comentarios que la gente ha hecho sobre ellos y también recuperar el primer asistente (Onboard).

• WooCommerce se divide en las siguientes subcategorías:
  • Inicio: un resumen de todo.
  • Pedidos: para gestionar los diferentes pedidos y envíos para las compras de tus clientes.
  • Clientes: tus clientes y que compras han hecho.
  • Cupones: esta sección se ha cambiado en la nueva actualización de WooCommerce a una pestaña llamada Marketing, donde poder gestionar el uso de cupones dentro de tu web.
  • Informes: información detallada sobre las ventas, compras…
  • Ajustes: más datos sobre nuestra tienda. Se divide en las siguientes pestañas:
    • Productos.
    • Envíos, en dónde podremos gestionar las zonas de envío
    • Pagos, en dónde podrás activar o desactivar diferentes métodos de pago. Por defecto PaypPal.
    • Cuentas y privacidad con algunas configuraciones legales básicas; como si hay que estar registrado para poder hacer una compra, textos por defecto para las políticas de privacidad…
    • Correos electrónicos, donde podrás modificar los mensajes que le llegarán a tus clientes en cuanto hayan hecho un pedido o cuando hayan terminado una compra.
    • Integración
    • Avanzado, en la cual podemos configurar las diferentes páginas existentes en nuestra tienda online: Carrito, página de pago, página de cuenta, Términos y condiciones…

Completado el proceso de personalización de WooCommerce, vayamos al siguiente paso: la creación de productos. Podemos crear nuevos productos uno a uno o importarlos en bloque. Es tan sencillo como “Añadir nuevo” o “Crear producto” en el menú Productos. Aquí irán preguntando una serie de datos básicos: el nombre del producto, una pequeña descripción, imagen, etc. Generamos los productos que necesitemos y cubrimos todos los campos, para configurar cada uno de nuestros productos.

Instalación de StoreFront

Es muy importante que diferenciamos en WordPress entre lo que es contenido o estructura y lo que es
apariencia. La apariencia o tema de un WordPress es cómo lo vamos a ver, cómo son los botones, de qué color son los enlaces, que tipografía usa…

Es muy importante tener instalado un tema que sea compatible con WooCommerce y que esté pensado para una tienda online. Échale un vistazo a este artículo en el que te recomendamos cuáles son los temas más conocidos compatibles con WooCommerce. Instalaremos un tema sencillo como StoreFront. Un tema desarrollado por los propios creadores del plugin de WooCommerce.

Venimos al menú apariencia. Aquí verás todos los temas que tienes instalados. Si visitamos nuestra web observamos que tiene una apariencia similar al tema activado, pero no exacta a la miniatura. WordPress es un CMS que no tiene la característica why you see is what you get. Cuando escogemos un tema y lo instalamos este no se corresponde exactamente a lo configurado.

En el menú apariencia. Arriba de todo tienes “Añadir nuevo” Al igual que con los plugins podrás introducir texto en el cajón de búsqueda. En este caso buscamos StoreFront, lo seleccionamos, pulsamos instalar y después lo activamos.

Primeros pasos

Llegados aquí ya tenemos todo lo necesario para crear nuestra tienda online con WooCommerce. Lo primero que debes hacer, es indicar cuál es tu página de inicio dentro de tu tienda online. A donde se nos dirige al introducir tu dominio. Iríamos a ajustes, lectura. O en las propias opciones del tema, también nos deja escoger la página de inicio.

También es necesario borrar los elementos que se han creado en la instalación WordPress:

• Comentario de muestra.
• Entrada de muestra.
• La página de ejemplo.

Y como no, sería necesario realizar las páginas básicas que cualquier web debería tener. Si tienes dudas de cómo hacer páginas en WordPress échale un vistazo a nuestro vídeo de creación de una página en WordPress.

Al haber instalado el plugin de WooCommerce existen muchos tipos de bloques relacionados con la tienda que podrás añadir a tus páginas.

Hemos creado un post en el cual te explicamos cuáles serían las seis páginas básicas imprescindibles que debería tener cualquier web o tienda online.

No te olvides de modificar la página de política de privacidad que está sin completar. Si tienes dudas en esta sección, recuerda que nosotros ofrecemos un servicio de asesoría legal en el cual te proporcionamos ayuda para cumplir con toda la normativa RGPD.

Personalizar la apariencia

Creado el contenido y las configuraciones básicas, pasemos al aspecto. Personalicemos nuestra tienda para adaptarla a nuestra imagen de marca. Es muy sencillo, en Apariencia/Personalizar nos dirigirá a un pseudo formulario en el cual únicamente tenemos que ir cubriendo poco a poco los campos solicitados.

• Identidad del sitio. Aquí podemos cambiar los textos del título y la descripción corta. También puedes añadir un logotipo. Puedes apreciar cómo si escoges mostrar un logotipo, deja de mostrar los textos de la tienda.
• Cabecera, que te permite cambiar el fondo y el color de las tipografías
• El pie de página
• Fondo en dónde puedes poner un color o imagen de fondo.
• Tipografía que te permite cambiar los diferentes colores de las tipografías.
• Botones para cambiar el color de los botones.
• Diseño, que te permite escoger en que el sitio colocas el sidebar si a la derecha o a la izquierda.
• Menús, donde puedes crear menús personalizados por si te necesitas poner más elementos de los que trae por defecto.
• Widgets, para añadir hasta cuatro widgets en el pie de página o barra lateral

Cuando hayamos finalizado la personalización únicamente hay que hacer clic en publicar y se aplicarán los cambios. Dentro del menú personalizar recuerda que también tienes estos tres botones para poder inspeccionar cómo funciona la página diferentes dispositivos.

Si las opciones de personalización de StoreFront se te han quedado un poquito cortas recuerda que siempre puedes instalar algún plugin para aumentarlas. Cambiar las fuentes, incluir enlaces en tus redes sociales, o reutilizar plantillas son algunas de las funciones que podemos conseguir a través de plugins externos.

Como ves crear una tienda online con WooCommerce es muy sencillo. Ponle todo tu mimo y cuidado y seguro que te quedará una página fenomenal.