Cómo usar WooCommerce para crear una tienda en línea


Inicio de la tienda en línea con WooCommerce y WordPressEn este tutorial, le enseñaremos cómo configurar una tienda en línea WooCommerce + WordPress donde puede enumerar y vender productos físicos.


WooCommerce es un complemento gratuito que es simple y directo. En una frase, WooCommerce es la mejor manera de convertir su sitio web de WordPress en una tienda de comercio electrónico completamente funcional.

  • Es gratis y de código abierto, al igual que WordPress.
  • Es el comercio electrónico más popular plugin para WordPress por ahí.
  • Usted puede configúrelo y configúrelo usted mismo.
  • los la configuración es rápida. Por lo general, es solo una hora.
  • Funciona con cualquier diseño / tema. que tiene actualmente en su sitio de WordPress: no necesita deshacerse del diseño actual de su sitio web.

Podríamos continuar con la lista anterior, pero en su lugar, digamos que WooCommerce simplemente le brinda todo lo que pueda necesitar para construir una tienda de comercio electrónico de alta calidad con WordPress.

¿Qué se puede vender con WordPress + WooCommerce??

  • productos digitales (por ejemplo, software, 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.

En otras palabras, puedes ganar dinero con tu sitio web.

Incluso nos arriesgaríamos a decir que WooCommerce le permite vender cualquier cosa que puede tener una etiqueta de precio asignada. Además de eso, cualquiera puede usarlo (si ya ha logrado iniciar un sitio de WordPress, también podrá manejar WooCommerce).

Cómo construir una tienda en línea con WordPress y WooCommerce

Nota: El objetivo de esta parte de la guía es mostrarle el método más simple de construir una tienda de comercio electrónico funcional en WordPress para que pueda tener su tienda en línea lo antes posible. Es por eso que nos enfocaremos solo en lo esencial y nos saltaremos los aspectos más avanzados.

PASO 1. Obtenga un nombre de dominio y alojamiento web

Para crear una tienda en línea o cualquier otro tipo de sitio web, necesitará dos cosas:

  • Nombre de dominio es la dirección única de su tienda en la web. Algo como YOURSTORE.com
  • Hospedaje Web es básicamente una computadora remota que almacena su sitio web y luego lo sirve a quien quiera visitarlo. (explicación más detallada)

La divulgación completa: Ganamos una comisión cada vez que terminas comprando Bluehost. Esto nos ayuda a ejecutar WebsiteSetup como empresa. Gracias por su apoyo.

Hay cientos de diferentes proveedores de hosting / dominio, generalmente los obtenemos de Bluehost.com. Ofrecen alojamiento web asequible (incluido un nombre de dominio gratuito durante un año) y fiabilidad. También son uno de los pocos proveedores de alojamiento (oficiales) recomendados por WordPress.org. ¿Costo? A partir de $ 2.75 / mes.

Para empezar, solo tienes que ir a Bluehost.com, y haga clic en el botón “comenzar”.

Regístrese con Bluehost

Esto lo llevará a una página donde puede seleccionar un plan de alojamiento para su tienda. Puede comenzar con la opción más barata, etiquetada como “básica”:

bluehost select
Si usa nuestros enlaces de referencia, puede obtener Bluehost por $ 2.75 / mes.

El siguiente paso es elegir un nombre de dominio para su nueva tienda en línea..

dominio de bluehost

Esto requiere una lluvia de ideas. En general, desea que su nombre de dominio sea único, Fácil de recordar y pegadizo. Si ya tiene una entidad comercial configurada para su tienda, tal vez debería ir con eso como su nombre de dominio.

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

¡Excelente! Acaba de obtener un nombre de dominio y un plan de alojamiento para acompañarlo.

PASO 2. Instalar WordPress (GRATIS)

El siguiente paso marca oficialmente el comienzo de tu aventura con WordPress: vas a instalar WordPress en tu cuenta de hosting.

Esto puede sonar difícil, pero en realidad no lo es. Todo lo que tiene que hacer es ir al panel de usuario de Bluehost (Bluehost le enviará un enlace en el correo electrónico de confirmación), generalmente disponible en my.bluehost.com.

Una vez allí, desplácese hacia abajo hasta que vea un icono con la etiqueta “Instalar WordPress”:

elige wordpress

Haga clic en él y siga las instrucciones en pantalla. Te llevarán a través de todo el proceso paso a paso, no hay nada de qué preocuparse!

Si necesita más información práctica sobre cómo elegir un dominio e instalar una copia limpia de WordPress, continúe y visite esta guía (vaya a los pasos 2).

En este punto, debe tener un sitio web de WordPress en blanco instalado.

  • Puede verlo yendo a su nombre de dominio principal (p. Ej.., YOURSTORE.com)
  • Puede iniciar sesión en el panel de administración yendo a YOURSTORE.com/wp-admin

Ahora es el momento de convertir ese sitio web en blanco de WordPress en una tienda de comercio electrónico completamente funcional utilizando el excelente complemento de WooCommerce.

PASO 3. Instale el complemento WooCommerce (GRATIS)

Al igual que con todos los complementos de WordPress, la diversión comienza navegando a su Panel de WordPress / Complementos / Agregar nuevo. Una vez allí, escriba “woocommerce” en el campo de búsqueda. Verá WooCommerce como el primer resultado de búsqueda:

instalación de woocommerce

Simplemente haga clic en el botón “Instalar ahora” al lado del complemento.

Después de un par de segundos, el texto en el botón cambiará a “Activar”. Adelante y haz clic en él.

activar woocommerce

En esta etapa, verá el asistente de inicio / configuración en pantalla de WooCommerce. Esto hace que el proceso sea súper fácil y lo lleva de la mano a través de todo. Para comenzar, haga clic en “¡Vamos!”

asistente de WooCommerce 1

Crear las páginas esenciales de la tienda

Las tiendas en línea son un especial tipo de sitio web, y necesitan algo especial páginas para funcionar correctamente. El primer paso en el asistente de WooCommerce es crear estas páginas para usted:

  • “Tienda” – aquí es donde se mostrarán sus productos.
  • “Carrito” – Este es el carrito de compras donde sus clientes pueden ajustar su orden antes de proceder al pago.
  • “Revisa” – aquí es donde los clientes eligen el método de envío / entrega y pagan lo que hayan comprado.
  • “Mi cuenta” – una especie de página de perfil para clientes registrados (podrán ver sus pedidos anteriores allí y gestionar otros detalles).

Todo lo que necesita hacer en esta etapa del asistente de WooCommerce es hacer clic en el botón “Continuar”. WooCommerce configurará esas páginas para usted.

Configurar configuración regional

La configuración regional es una parte verdaderamente crucial de la configuración de su tienda. Esos pocos parámetros definen su origen comercial, moneda y unidades preferidas:

asistente de woocommerce 2

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

Comprender el impuesto a las ventas

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

Te complacerá ver que WooCommerce también te ayuda con esta parte.

Primero, puede seleccionar si va a enviar productos físicos o no. Si marca la casilla, WooCommerce preestablecerá los detalles relacionados con el envío restantes en la configuración.

envío del asistente de woocommerce

A continuación, impuestos! WooCommerce tiene un módulo impositivo muy bueno, lo mejor es que te ayuda a calcular las tasas impositivas en función de la ubicación de tu tienda (lo configuraste en el paso anterior).

Si va a cobrar el impuesto a las ventas (en la mayoría de los casos lo hace), simplemente marque la casilla principal de impuestos. Tan pronto como lo haga, aparecerá un nuevo conjunto de cuadros que le informarán sobre lo que sucederá a continuación..

alternar impuestos de woocommerce

Nota: A pesar de que WooCommerce completará previamente la configuración de impuestos por usted, aún debe verificar con sus autoridades locales cuáles son las reglas actuales de impuestos actuales, especialmente si no se encuentra en los EE. UU. Para obtener más información sobre la forma en que WooCommerce maneja los impuestos sobre las ventas, Lee esto. Puedes cambiar todo más tarde, así que no te preocupes si no estás seguro de las reglas en este momento..

Haga clic en “Continuar”.

Elija un método de pago (se recomienda PayPal)

Poder 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 puede elegir:

pagos del asistente de woocommerce

Dos de las opciones de pago más populares están en la parte superior: PayPal y Stripe. Se recomienda encarecidamente que integre su sitio con ambos. Simplemente haga clic en sus casillas correspondientes.

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

Nota: Para que los pagos en línea funcionen, debe registrarse con PayPal o Stripe por separado. La configuración en WooCommerce es solo para integrar sus cuentas existentes de PayPal y Stripe con su nuevo sitio web de comercio electrónico.

Nuevamente, haga clic en “Continuar” cuando haya terminado.

El siguiente paso es solo una pantalla de confirmación de que todo salió bien. En esta etapa, la configuración básica de su sitio está lista: acaba de construir una tienda de comercio electrónico en blanco con WooCommerce!

El siguiente paso es agregar productos:

PASO 4. Agregue su primer producto

Para poder poner en funcionamiento su tienda, necesita algunos productos en la base de datos (o servicios, o descargas, o lo que sea que quiera vender).

Para comenzar a trabajar con los productos, vaya a su tablero, luego Productos / Agregar producto:

Añadir Producto

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

producto de woocommerce agregar

  1. Nombre del producto.
  2. El principal Descripción del producto. Este gran campo le permite ingresar tanta información sobre el producto como desee. Como se trata de WordPress, puede colocar no solo texto simple, sino también imágenes, columnas, encabezados, incluso videos y otros medios. Básicamente, lo que sea que te parezca!
  3. El central sección de datos del producto. Aquí es donde establece el tipo de producto que está agregando, y si es un físico, un descargable o un producto virtual (los servicios también se consideran productos virtuales). Como parte de esta sección central, también obtiene pestañas para varios parámetros del producto:
    1. General. Aquí es donde puedes establecer el precio y los impuestos.
    2. Inventario. WooCommerce te permite administrar niveles de stock.
    3. Envío. Establezca el peso, las dimensiones y el costo de envío..
    4. Productos vinculados. Excelente para establecer ventas adicionales, ventas cruzadas, etc. (Piense, “Clientes que compraron esta También compró ese.”)
    5. Atributos. Establecer atributos de producto personalizados. Por ejemplo, si está vendiendo camisas, puede establecer colores alternativos aquí.
    6. Avanzado. Ajustes adicionales. No esencial.
  4. Breve descripción. Este es el texto que se muestra en la página del producto bajo el nombre. Funciona mejor como un breve resumen de lo que es el producto.
  5. Categorías de Producto. Agrupe productos similares. Por ejemplo, “sombreros”. Funciona igual que las categorías estándar de WordPress..
  6. Etiquetas de productos. Una forma adicional de ayudarlo a organizar su base de datos de productos. Funciona igual que las etiquetas estándar de WordPress.
  7. Imagen del producto. La imagen principal del producto.
  8. Galería de productos. Imágenes de productos adicionales para mostrar su genialidad.

La primera vez que visite este panel, WooCommerce mostrará algunos consejos útiles para explicar cuál es el propósito de cada campo:

woocommerce agrega información sobre herramientas del producto

Una vez que haya terminado de configurar todo lo anterior, haga clic en el gran botón Publicar: acaba de agregar su primer producto!

Después de agregar un puñado de productos a su base de datos, la sección de productos en el tablero debería verse así:

productos de woocommerce

PASO 5. Elija un tema para su tienda en línea (GRATIS)

Hay una muy buena razón por la cual primero cubrimos cómo agregar productos a su tienda, antes de discutir la apariencia visual de todo.

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

Ahora que tiene la mayoría de sus productos agregados, podemos asegurarnos de que las cosas estén en orden desde un punto de vista puramente visual.

WooCommerce vs Tu tema actual

Por defecto, WooCommerce funciona con cualquier tema de WordPress. Esta es una gran noticia, especialmente si ya eligió su diseño y desea seguir con él..

Alternativamente, puede utilizar temas especiales optimizados para WooCommerce. Esos temas vienen con estilos preestablecidos que hacen que todos los elementos de WooCommerce se vean geniales.

Aquí está nuestra recomendación:

elección del tema

El tema oficial de WooCommerce, y el que tiene más probabilidades de funcionar correctamente, se llama Escaparate. La versión predeterminada es gratis, y debería ser suficiente para ponerte en marcha.

escaparate

Alternativamente, puedes visitar el sección de comercio electrónico en ThemeForest – el mayor directorio de temas premium de WordPress en la web.

tema forestal

Independientemente de si ha decidido seguir con su tema actual o ha optado por algo nuevo y optimizado para WooCommerce, lo que debe hacer a continuación es asegurarse de que las páginas individuales de la tienda se vean bien. Hagamos eso ahora:

Las reglas del diseño de la tienda de comercio electrónico

Analicemos un puñado de aspectos importantes antes de entrar en el meollo de la cuestión..

Principalmente – Qué hace que el diseño de una tienda de comercio electrónico sea bueno (léase: rentable)? Aquí están los parámetros más cruciales:

  • El diseño necesita ser claro y no confuso de ninguna manera. Un visitante que está confundido no comprará nada.
  • El bloque de contenido central necesita captar la atención de los visitantes justo después de que visiten el sitio. Ese bloque central es donde se mostrarán los productos.
  • Barras laterales ajustables. Debe poder seleccionar cuántas barras laterales necesita y también deshabilitar la barra lateral por completo para algunas páginas (más sobre eso más adelante).
  • Responsive y optimizado para dispositivos móviles. La investigación indica [2] que alrededor del 80% de las personas en Internet poseen un teléfono inteligente. Según otra investigación [3], El 61% de sus visitantes móviles se irán inmediatamente e irán a sus competidores si tienen una experiencia de navegación móvil frustrante. En otras palabras, asegurarse de que su sitio web esté optimizado para dispositivos móviles es crucial.
  • Buena estructura de navegación. Desea menús claros que sean fáciles de entender, para que sus visitantes puedan encontrar la página que están buscando..

Teniendo en cuenta lo anterior, esto es lo que puede hacer con las páginas individuales de la tienda:

Tu página de tienda

Aquí es donde se encuentra la lista principal de sus productos. Si ha seguido el asistente de configuración de WooCommerce, esta página se puede encontrar en YOURDOMAIN.com/shop

Esta es una página estándar de WordPress: puede editarla a través de Panel de control de WordPress / Páginas.

Las cosas que vale la pena hacer:

  • Agregue una copia que anime a sus visitantes a comprar con usted.
  • Decide si quieres tener la barra lateral en la página. Esto se hace a través de las plantillas de página de su propio tema. Por ejemplo, Storefront me permite ir a todo el ancho, lo que haremos:

ancho completo

El rasgo principal de la página Tienda es que justo debajo del contenido estándar, presenta una parte personalizada donde muestra sus listados de productos. Así es como se ve en el tema Storefront:

página de la tienda de woocommerce

Como puede ver, las claves son buenas imágenes de productos, ¡es lo primero que debe hacer bien! En otras palabras, probablemente debería trabajar en las imágenes de sus productos más que en cualquier otra cosa.

WooCommerce también le permite mostrar sus productos de formas alternativas en esta página. Cuando vas a el panel de WordPress / WooCommerce / Configuración / Productos y luego el Monitor sección:

exhibición de productos de woocommerce

… puede elegir si desea mostrar productos individuales o categorías de productos en la página Tienda. Seleccione lo que tenga más sentido para usted, luego guarde la configuración.

Páginas de productos individuales

Para verlos, haga clic en cualquier listado de productos en la página Tienda.

Si está utilizando un tema de calidad, no debería experimentar ninguna dificultad en esta página en particular. Básicamente, lo único que puede hacer es ajustar la cantidad de texto que está utilizando para las descripciones de productos individuales, para asegurarse de que todo se ajuste visualmente y que no haya espacios en blanco que puedan confundir al comprador.

Aquí está nuestro ejemplo con el tema Storefront (sin ninguna personalización adicional):

listado de productos de woocommerce

Carrito de compras

Otra página crucial que se puede ajustar a través de Panel de control / páginas.

Lo único que recomendaríamos es elegir el diseño de ancho completo. No desea dar al comprador demasiadas opciones en esta página, además de proceder al pago.

carro de woocommerce

Revisa

Checkout es quizás la página más importante de todas. Es donde los compradores pueden finalizar sus pedidos y realizar los pagos..

En realidad, no lo alentamos a que haga ajustes a esa página aparte de uno:

La página de pago debe ser de ancho completo. La única salida aceptable de la página para el comprador debe ser finalizar su pedido y no distraerse con las cosas disponibles en la barra lateral..

Puedes hacerlo a través de Panel de control / páginas (solo repita el proceso que siguió con la página Tienda).

Aparte de eso, el aspecto predeterminado de la página de pago es excelente:

pago y envío de WooCommerce

En esta etapa, básicamente ha terminado de ajustar el diseño de su tienda, ahora veamos las posibilidades de ampliar la funcionalidad de la tienda.

PASO 6. Extendiendo WooCommerce – Cómo?

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

Enumeremos algunos de los más útiles:

Extensiones de WooCommerce

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

Para ver qué hay disponible, puede ir a esta página.

Ese catálogo es realmente impresionante y vasto. No queremos que te sientas intimidado por eso. Ciertamente no necesita todas esas extensiones. Trate esa lista como un buffet: elija lo que parezca genial.

Algunas de las menciones más dignas:

  • Via 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 aceptar (esas pasarelas a menudo se pagan), mejor.
  • Extensiones de envío. Serán útiles si desea integrar automáticamente su tienda con las tarifas de envío oficiales de compañías como UPS o FedEx.
  • Extensiones contables. Integre su tienda WooCommerce con la herramienta de contabilidad que elija.
  • Reservas de WooCommerce. Permita que los clientes reserven citas para servicios sin abandonar su sitio.
  • Suscripciones de WooCommerce. Permita que los clientes se suscriban a sus productos o servicios y pague una tarifa semanal, mensual o anual.
  • Número de IVA de la UE. Para quienes operan dentro de la UE.
  • TaxJar. Ponga su impuesto a las ventas en piloto automático.

Alternativamente, si no desea gastar dinero en nuevas extensiones, puede navegar en categoría libre. Hay cosas más que suficientes para mantenerte ocupado.

Complementos que potencian su tienda de comercio electrónico

Dejando a un lado las extensiones, también puede usar otros complementos de WordPress para potenciar aún más su tienda. Esto es lo que debes obtener:

Crear una tienda en línea en pocas palabras

Como puede ver, el grado de dificultad cuando se trata de crear su propia tienda de comercio electrónico con WordPress no es alto, pero aún le llevará un tiempo completar todos los pasos anteriores, probablemente una o dos tardes.

Eso sigue siendo increíble teniendo en cuenta que solo, por ejemplo, hace cinco años tendrías que contratar a un desarrollador y pagarles más de $ 5,000 para obtener algo similar creado. Ahora puedes hacer todo tú mismo!

De todos modos, para ayudarlo a completar todas las tareas requeridas, aquí hay una lista de verificación para recortar y guardar:

Antes de que empieces

  • Obtenga un nombre de dominio, regístrese para el alojamiento web, obtenga una instalación de WordPress en funcionamiento.
  • Asegúrese de que su nuevo sitio en blanco de WordPress funciona correctamente (no aparecen errores obvios, etc.).

Instalando WooCommerce

  • Instalar y activar el complemento principal de WooCommerce.
  • Vaya al asistente de configuración de WooCommerce, prestando especial atención a:
    • Obteniendo las cuatro páginas requeridas creadas (Tienda, Carrito, Caja, Mi cuenta).
    • Configurar el local de la tienda.
    • Configuración de impuestos sobre ventas y envío.
    • Elegir métodos de pago iniciales.

Productos

  • Agregue la mayoría (o todos) de sus productos o categorías de productos a la tienda.

Diseño

  • Seleccione el tema correcto de WordPress para su tienda de comercio electrónico. Vaya con su tema existente o explore otras posibilidades. Revise las reglas del diseño de la tienda de comercio electrónico al hacerlo..
  • Ajuste su página de tienda.
  • Ajustar páginas de productos individuales.
  • Ajustar la página del carro.
  • Ajuste la página de pago.

Extensiones

  • Instale las pasarelas de pago que desea usar.
  • Considere algunas de las extensiones de envío.
  • Considere una extensión contable.
  • Navegar a través de otros extensiones y el categoría libre.

Complementos

Considere instalar todos los complementos que potenciarán su tienda de comercio electrónico:

  • Yoast SEO
  • Yoast WooCommerce SEO
  • WooCommerce Multilingual
  • Formulario de contacto 7
  • UpdraftPlus
  • Botones Compartir Social por GetSocial
  • MonsterInsights
  • iThemes Security
  • W3 Caché total.
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me