Cómo crear una tienda online con WordPress y WooCommerce

En este tutorial, te enseñaré cómo crear una tienda online con WooCommerce + WordPress donde puedes listar y vender productos físicos.

Al final de este tutorial, su sitio de comercio electrónico debería ser algo similar a esta imagen abajo:

P.D. Si planeas vender servicios (en lugar de productos), te recomiendo que comiences un sitio web de negocios (no una tienda online).

Si estás planeando vender más de 10 productos distintos, sigue leyendo.

Conecta WordPress + WooCommerce a la tienda online (GRATIS)

En una frase, WooCommerce es la mejor manera de convertir una página web con WordPress en una tienda de comercio electrónico totalmente funcional. Aquí están los detalles:

  • Técnicamente hablando, WooCommerce es un plugin de WordPress. Necesita ser instalado y activado como cualquier otro plugin para funcionar.
  • Es gratuito y de código abierto, igual que WordPress. No necesitas licencias, no caducan y nadie viene a pedir dinero en ningún momento.
  • Es el plugin de comercio electrónico más popular para WordPress.
  • También es (podría decirse) el plugin más rico en funciones de este tipo.
  • Puedes configurarlo por si mismo.
  • La configuración es rápida. Normalmente, es sólo cuestión de una tarde.
  • Funciona con cualquier diseño/tema que tengas actualmente en tu sitio de WordPress – ¡no necesitas deshacerte del diseño de tu sitio web actual!

Podría continuar con la lista anterior, pero en su lugar, permítanme decirles que WooCommerce simplemente les da todo lo que puedan necesitar para construir una tienda de comercio electrónico de alta calidad con WordPress.

¿Qué puedes vender con WordPress + WooCommerce?

Hmm… muchísimo:

  • productos digitales (por ejemplo, programas informáticos, descargas, libros electrónicos),
  • productos físicos,
  • servicios,
  • reservas (por ejemplo, para citas, o cualquier otra cosa que se pueda reservar),
  • suscripciones,
  • productos de otras personas – como afiliado,
  • personalizaciones (por ejemplo, personalizaciones adicionales en la parte superior de sus listados de productos), y más.

Incluso me arriesgaría a decir que WooCommerce te permite vender cualquier cosa que pueda tener un precio asignado. Además, cualquiera puede usarlo (si ya has conseguido que se lance un sitio de WordPress, también podrás usar WooCommerce).

Cómo construir una tienda online con WordPress y WooCommerce

Nota: El objetivo de esta parte de la guía es mostrarte el método más simple para construir una tienda funcional de comercio electrónico en WordPress para que puedas tener tu tienda online tan pronto como sea posible. Por eso me voy a centrar sólo en las cosas esenciales y no en los aspectos más avanzados.

PASO 1. Comprar un nombre de dominio y alojamiento web

Para crear una tienda online o cualquier otro tipo de sitio web, vas a necesitar dos cosas:

  • El nombre de dominio es la dirección única de su tienda en la web. Algo como YOURSTORE.com
  • El Hosting Web es básicamente una computadora remota que almacena su página web y se encarga del servicio de hospedaje de su sitio web.

Hay cientos de diferentes proveedores de hosting/dominio, por lo general tengo ambos de OrigenHost.com. Ofrecen alojamiento web asequible (incluido un nombre de dominio gratuito durante un año) y fiabilidad.

¿Costo? A partir de $59/año! 🙂

Para empezar, sólo tienes que ir a OrigenHost.com, y hacer clic en el botón “Ver Planes”.

 

OrigenHost Hosting Woocomerce

Esto le llevará a una página donde podrá seleccionar un plan de alojamiento para su tienda. Puede empezar con la opción más barata, denominada “Hosting Base”:

El siguiente paso consiste en elegir un nombre de dominio para su nueva tienda online.

Esto requiere un poco de creatividad. En general, lo que quieres es que tu nombre de dominio sea único, fácil de recordar y pegadizo. Si ya tiene una entidad de negocio configurada para su tienda, tal vez debería utilizarla como nombre de dominio.

Una vez que haga su elección de dominio, puede finalizar la configuración y pagar la tarifa inicial de alojamiento.

¡Genial! Acabas de conseguir un nombre de dominio y un plan de hosting para que te acompañe.

PASO 2. Instalar WordPress (GRATIS)

El siguiente paso marca oficialmente el inicio de tu aventura con WordPress, vas a instalar WordPress en tu hosting.

Esto puede sonar difícil, pero en realidad no lo es. Todo lo que tienes que hacer es ir a tu panel de usuario de OrigenHost (OrigenHost te enviará un enlace en el correo electrónico de confirmación), normalmente disponible en clientes.origenhost.com.

Una vez allí, baje hasta que vea un icono llamado “Instalar WordPress”:

Haga clic en él y siga las instrucciones en pantalla. Todo el proceso le guiará paso a paso, ¡no hay nada de qué preocuparse!

En este punto, debería tener un sitio web de WordPress en blanco instalado.

  • Puedes verlo accediendo a su nombre de dominio principal (por ejemplo, YOURSTORE.com).
  • Puedes iniciar sesión en el panel de administración entrando en YOURSTORE.com/wp-admin

Ahora es el momento de convertir la página web en blanco de WordPress en una tienda de comercio electrónico totalmente funcional usando el plugin WooCommerce.

PASO 3. Instalar el plugin de WooCommerce (GRATIS)

Al igual que con todos los plugins de WordPress, lo mejor empieza navegando hacia el Dashboard de WordPress / Plugins / Añadir Nuevo. Una vez allí, escriba “woocommerce” en el campo de búsqueda. Verás WooCommerce como el primer resultado de búsqueda:

 

Haga clic en el botón “Instalar ahora” junto al plugin.

Después de unos segundos, el texto del botón cambiará a “Activar”. Continúa y haz clic.

En esta etapa, verás el asistente de inicio y configuración de WooCommerce en pantalla. Esta cosa hace que el proceso sea más fácil y te lleva de la mano a través de todo. Para empezar, haga clic en ” ¡Vamos!

 

Creación de las páginas esenciales de la tienda

Las tiendas online funcionan como una página web y necesitan algunas páginas en particular para funcionar correctamente. El primer paso en el asistente de WooCommerce es crear estas páginas, es muy sencillo:

  • “Tienda” – aquí es donde se mostrarán sus productos.
  • “Carrito” – este es el carrito de compras donde sus clientes pueden ajustar su pedido antes de proceder a la compra.
  • “Checkout” – aquí es donde los clientes eligen el método de envío/entrega y pagan por lo que han comprado.
  • “Mi Cuenta” – una especie de página de perfil para los clientes registrados (podrán ver sus pedidos anteriores y gestionar otros detalles).

Todo lo que necesitas hacer en esta fase del asistente de WooCommerce es hacer clic en el botón “Continuar”. WooCommerce creará esas páginas para ti.

Configurar localización

La localización es una parte crucial de la configuración de su tienda. Esos pocos parámetros definen el origen de su negocio, la moneda y las unidades preferidas:

Una vez que haya terminado, haga clic en “Continuar”.

Información sobre los impuestos de ventas

Los impuestos son, con diferencia, la parte menos emocionante del funcionamiento de una tienda de comercio electrónico, pero también es algo que no podemos ignorar, lamentablemente.

Vas a estar contento de ver que WooCommerce también te ayuda con esta parte.

En primer lugar, puedes seleccionar si vas a enviar mercancías físicas o no. Si marcas la casilla, WooCommerce preestablecerá el resto de los detalles relacionados con el envío en la configuración.

¡Ahora, los impuestos! WooCommerce tiene un módulo de impuestos muy limpio, lo mejor de todo es que te ayuda a calcular las tasas de impuestos basadas en la ubicación de tu tienda (lo has establecido en el paso anterior).

Si va a cobrar impuestos sobre las ventas (en la mayoría de los casos lo hará), simplemente marque la casilla principal de impuestos. En cuanto lo hagas, aparecerá un nuevo conjunto de cuadros que te informarán de lo que va a suceder a continuación.

Nota: Aunque WooCommerce se encargará de rellenar la configuración de los impuestos por ti, todavía tienes que comprobar con las autoridades locales cuáles son las normas fiscales actuales, especialmente si no estás en los Estados Unidos. Para aprender más sobre la forma en que WooCommerce maneja los impuestos sobre las ventas. Puedes cambiar todo más tarde, así que no te preocupes si no estás seguro de las reglas ahora mismo.

Haz clic en “Continuar”.

Elija una forma de pago (se recomienda PayPal)

Ser capaz de aceptar pagos en línea es el núcleo de cualquier tienda de comercio electrónico, WooCommerce realmente ofrece mucho en términos de las soluciones disponibles.

Esto es lo que puedes elegir:

 

Dos de las opciones de pago más populares están arriba, PayPal y Stripe, por lo que es muy recomendable que integre su sitio con ambas. Simplemente haga clic en sus casillas de verificación correspondientes.

También puede seleccionar otros métodos de pago que parezcan tener sentido. Habrá aún más opciones disponibles más adelante en tu panel de configuración de WooCommerce.

Nota: Para que los pagos por Internet funcionen, debe registrarse con PayPal o con Stripe por separado. Los ajustes en WooCommerce son sólo para integrar sus cuentas PayPal y Stripe existentes con su nuevo sitio web de comercio electrónico.

Una vez más, haga clic en “Continuar” cuando haya terminado.

El siguiente paso es sólo una pantalla de confirmación de que todo ha ido bien. En esta etapa, la configuración básica de tu sitio está hecha, acabas de construir una tienda de comercio electrónico en blanco con WooCommerce!

El siguiente paso es añadir productos:

PASO 4. Añadir tu primer producto

Para poder hacer operativa una tienda, necesitas algunos productos en la base de datos (o servicios, o descargas, o lo que sea que quieras vender).

Para empezar a trabajar con los productos, vaya a su panel de control y luego a Productos / Añadir producto:

Lo que vas a ver es una pantalla clásica de edición de contenido de WordPress:

 

 

La primera vez que visites este panel, WooCommerce mostrará algunas herramientas útiles para explicar cuál es el propósito de cada campo.

Una vez que haya terminado de configurar todo lo anterior, haga clic en el gran botón Publicar, ¡su primer producto acaba de ser añadido!

PASO 5. Escoger un tema para su tienda online (GRATIS)

Hay una muy buena razón de por qué primero expliqué cómo agregar productos a su tienda, antes de hablar de la apariencia visual del tema.

Francamente, sin ningún producto en la base de datos, no podría ver las páginas individuales de la tienda de forma representativa. No podrías asegurarte de que todo se vea bien.

Ahora que ha añadido la mayoría de productos, podemos asegurarnos de que todo está en orden desde un punto de vista visual.

WooCommerce vs tu tema actual

Por defecto, WooCommerce funciona con cualquier tema de WordPress. Esta es una gran noticia, especialmente si ya has elegido tu diseño y quieres seguir con él.

Alternativamente, puedes elegir temas optimizados para WooCommerce. Estos temas vienen con estilos preestablecidos que hacen que todos los elementos de WooCommerce se vean muy bien.

El tema oficial de WooCommerce y el que tiene más posibilidades de funcionar correctamente se llama Storefront. La versión por defecto es gratuita, y debería ser suficiente para empezar a trabajar.

También puede visitar la sección de comercio electrónico en ThemeForest, el directorio más grande de temas premium de WordPress en la web.

Independientemente de si has decidido seguir con tu tema actual o te has decidido por algo nuevo y optimizado para WooCommerce, lo que tienes que hacer a continuación es asegurarte de que las páginas individuales de la tienda se vean bien. Hagámoslo ahora:

Reglas del diseño para tiendas de comercio electrónico

Hablemos de un conjunto de aspectos importantes antes de entrar en materia.

Principalmente – ¿qué es lo que hace que el diseño de una tienda de comercio electrónico sea bueno?. Aquí están los parámetros más importantes:

  • El diseño debe ser claro y no confuso en absoluto. Un visitante confundido no comprará nada.
  • El bloque de contenido del centro necesita captar la atención del visitante justo después de llegar al sitio. Ese bloque central es donde se mostrarán los productos.
  • Barras laterales configurables. Necesitas poder seleccionar cuántas barras laterales necesitas y también desactivar la barra lateral para algunas páginas (más información más adelante).
  • Sencillo y optimizado para móviles. Segun las investigaciones alrededor del 80% de las personas en Internet tienen un teléfono inteligente. Según otra investigación, el 61% de sus visitantes móviles se irán inmediatamente y se dirigirán a sus competidores si tienen una experiencia de navegación no optimizada para moviles. En otras palabras, es crucial asegurarse de que su sitio web esté optimizado para móviles.
  • Buena estructura de navegación. Necesitas menús claros y fáciles de entender, para que tus visitantes puedan encontrar la página que están buscando.

En esta etapa, básicamente ya has terminado de ajustar el diseño de tu tienda, ahora vamos a ver las posibilidades de ampliar la funcionalidad de la tienda.

PASO 6. Plugins y Extensiones de WooCommerce

Una cosa más que hace de WooCommerce una solución de comercio electrónico tan impresionante es que hay decenas o incluso cientos de plugins disponibles.

Vamos a enumerar algunos de los más útiles:

Extensiones WooCommerce

Comencemos con las extensiones, los complementos oficiales que han sido aprobados por el equipo de WooCommerce.

Para ver lo que está disponible, puede ir a esta página.

Ese catálogo es realmente impresionante y extenso. No quiero que te sientas intimidada por ello. Ciertamente no necesitas todas esas extensiones. Trate esa lista como un buffet, escoja lo que le parezca guay.

Algunas de los mas recomendados:

  • Pasarelas de pago. Estas extensiones le permiten aceptar más métodos de pago además del estándar de PayPal. En general, cuantos más métodos de pago pueda permitirse aceptar (esas pasarelas suelen ser pagadas), mejor.
  • Extensiones de envío. Estos van a ser útiles si quieres integrar automáticamente tu tienda con las tarifas oficiales de envío de compañías como UPS o FedEx.
  • Extensiones contables. Integra tu tienda WooCommerce con la herramienta de contabilidad de tu elección.
  • Reservas WooCommerce. Permita que los clientes reserven citas para servicios sin salir de su sitio.
  • Suscripciones WooCommerce. Permita que los clientes se suscriban a sus productos o servicios y paguen una cuota semanal, mensual o anual.
  • Número de IVA de la UE. Para los que operan en la UE.
  • TaxJar. Ponga su impuesto de ventas en piloto automático.

Alternativamente, si no quieres gastar dinero en nuevas extensiones, puedes navegar en la categoría gratuita. Hay más que suficiente para mantenerte entretenido.

Plugins que amplían tu tienda de comercio electrónico

Dejando las extensiones a un lado, también puedes usar otros plugins de WordPress para mejorar aún más tu tienda. Esto es lo que deberías tener:

  • Yoast SEO. Mejore el SEO de todo su sitio web.
  • Yoast WooCommerce SEO plugin. Mejore el SEO de sus productos y otras áreas de su tienda de comercio electrónico.
  • WooCommerce Multilingual. Dirigir un sitio WooCommerce totalmente multilingüe.
  • Contact Form 7. Permita que los visitantes de su sitio se pongan en contacto con usted directamente.
  • UpdraftPlus. Realice una copia de seguridad de todo el contenido de su sitio, incluidos sus productos y otros datos de la tienda.
  • Social Share Buttons by GetSocial. Permita que sus compradores compartan sus productos con sus amigos y familiares a través de los medios sociales.
  • MonsterInsights. Integre su sitio con Google Analytics.
  • iThemes Security. Preconfiguraciones de seguridad para su sitio web.
  • W3 Total Cache. Acelere su sitio web mediante el almacenamiento en caché.

Crear una tienda online de forma rápida y sencilla

Como puede ver, el grado de dificultad a la hora de crear su propia tienda de comercio electrónico con WordPress no es muy alto, pero aún así le llevará un tiempo pasar por todos los pasos anteriores, probablemente una tarde o dos.

Eso sigue siendo increíble si se tiene en cuenta que, digamos, hace sólo cinco años se necesitaba contratar a un desarrollador y pagarle más de 5.000 dólares para que creara algo similar. Ahora puedes hacer todo por ti mismo!

De todos modos, para ayudarte a realizar todas las tareas necesarias, aquí tienes una lista de comprobación que debes rellenar y guardar:

Antes de comenzar

Comprar un nombre de dominio, suscribirse a un servicio de alojamiento web, obtener una instalación de WordPress en funcionamiento.
Asegúrate de que tu nuevo sitio en blanco de WordPress funciona correctamente (sin que aparezcan errores obvios, etc.).

Instalar WooCommerce

  1. Instala y activa el plugin principal de WooCommerce.
  2. Pasa por el asistente de configuración de WooCommerce, prestando mucha atención a:
  • Creación de las cuatro páginas necesarias (Comprar, Carrito, Realizar Pedido, Mi Cuenta).
  • Configuración de la ubicación de la tienda.
  • Establecimiento de impuestos de venta y envío.
  • Elección de los métodos de pago iniciales.

Productos

Agregue la mayoría de sus productos o categorías de productos a la tienda.

Diseño

  • Selecciona el tema adecuado de WordPress para tu tienda de comercio electrónico. Puedes elegir entre un tema ya existente o explorar otras posibilidades. Revise las reglas de diseño de la tienda de comercio electrónico al hacerlo.
  • Ajuste la página de su tienda.
  • Ajuste las páginas de productos individuales.
  • Ajuste la página de la cesta.
  • Ajuste la página Realizar pedido.

Extensiones

Instale las pasarelas de pago que quiera utilizar.
Considere algunas de las extensiones de envío.
Considere una extensión de contabilidad.
Navegue a través de otras extensiones y de la categoría gratuita.

Plugins

Considere la posibilidad de instalar todos los plugins que le ayudarán a mejorar su tienda de comercio electrónico:

  • Yoast SEO
  • Yoast WooCommerce SEO
  • WooCommerce Multilingual
  • Contact Form 7
  • UpdraftPlus
  • Social Share Buttons by GetSocial
  • MonsterInsights
  • iThemes Security
  • W3 Total Cache.

 

2 Comentarios
  1. Hola Carlos, me puedes explicar la diferencia entre sitio web de negocios y una tienda online.

    • Hola Ingrid!!

      Una tienda online es simplemente un sitio web donde puedes comprar productos. Mientras que un sitio web de negocio es solo una colección de páginas, donde su funcion es representar a una empresa en internet.

Deje una respuesta

Suscríbete

"El Blog de CarlosMarketer"
¡SUSCRÍBETE!
Close