Como Crear Tienda Online Woocomerce

Share on facebook
Share on email
Share on facebook
Share on whatsapp

En este tutorial, le mostraremos (paso a paso) cómo configurar una tienda en línea usando WooCommerce y WordPress donde puede vender productos / servicios físicos y digitales.

WooCommerce es un complemento gratuito que es simple y directo. En una oración, 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, como WordPress.
  • Es el comercio electrónico más popular complemento depara WordPress que existe.
  • Puede instalarlo y configurarlo usted mismo.
  • La instalación es rápida. Por lo general, es solo cuestión de una hora.
  • Funciona con cualquier diseño / tema que tenga actualmente en su sitio de WordPress; no necesita deshacerse del diseño de su sitio web actual.

Podríamos continuar con la lista anterior, pero en su lugar, digamos que WooCommerce simplemente le brinda todo lo que podría 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 su sitio web.

Incluso nos arriesgamos a decir que WooCommerce le permite vender cualquier cosa que pueda tener asignada una etiqueta de precio. Además de eso, cualquiera puede usarlo (si ya ha logrado lanzar 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 para construir una tienda de comercio electrónico funcional en WordPress para que pueda poner su tienda en línea lo antes posible. Es por eso que nos enfocaremos solo en las cosas esenciales y saltaremos los aspectos más avanzados.

PASO 1. Primero, obtenga un nombre de dominio y alojamiento web

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

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

Divulgación completa: ganamos una comisión cada vez que termina comprando Bluehost. Esto nos ayuda a ejecutar WebsiteSetup como un negocio. Gracias por su apoyo.

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

Para empezar, solo necesitas vaya a Bluehost.com y haga clic en el botón “empezar”.

Sign up with 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 $ 3.75 / mes.

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

bluehost domain

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

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

¡Excelente! Usted acaba de obtener un nombre de dominio y un plan de alojamiento que lo acompañe.

PASO 2. Instale WordPress (GRATIS)

El siguiente paso marca oficialmente el comienzo de su aventura con WordPress: instalará WordPress en su cuenta de alojamiento.

Esto puede parecer difícil, pero en realidad no lo es. Todo lo que tiene que hacer es ir a su 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”:

choose wordpress

haga clic en él y siga las instrucciones en pantalla. Se lo guiará 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 (desplácese a los pasos 2).

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

  • Puede verlo yendo a su nombre de dominio principal (por ejemplo, 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 un e completamente funcional. -Tienda de comercio que utiliza el excelente complemento 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 control 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:

woocommerce install

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

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

woocommerce activate

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

woocommerce wizard 1

Cree las páginas esenciales de la tienda

Las tiendas en línea son un particular tipode sitio web y necesitan algunas específicas páginaspara funcionar correctamente. El primer paso en el asistente de WooCommerce consiste en crear estas páginas para usted:

  • “Tienda”: aquí es donde se mostrarán sus productos.
  • “Carrito”: este es el carrito de la compra donde sus clientes pueden ajustar su pedido antes de proceder con el pago.
  • “Pago”: aquí es donde los clientes eligen el método de envío / entrega y pagan lo que han comprado.
  • “Mi cuenta”: una especie de página de perfil para los clientes registrados (podrán ver allí sus pedidos anteriores 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 por usted.

Configurar La Region

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

woocommerce wizard 2

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

Comprender el impuesto a las ventas El impuesto

es, 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 alegrará ver que WooCommerce también te ayuda con esta parte.

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

woocommerce wizard shipping

¡A continuación, impuestos! WooCommerce tiene un módulo de impuestos muy ordenado, lo mejor de él es que te ayuda a calcular las tasas de impuestos en función de la ubicación de tu tienda (lo has configurado 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 de impuestos principal. Tan pronto como haga esto, aparecerá un nuevo conjunto de cuadros que le informará lo que sucederá a continuación.

woocommerce tax toggle

Nota: aunque WooCommerce completará previamente la configuración de impuestos por usted, aún debe verificar con sus autoridades locales cuáles son las reglas 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. Puede cambiar todo más tarde, así que no se preocupe si no está seguro de las reglas en este momento.

Haga clic en “Continuar”.

Elija un método 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 puede elegir:

woocommerce wizard payments

dos de las opciones de pago más populares se encuentran en la parte superior: PayPal y Stripe; se recomienda encarecidamente 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 su 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 de WooCommerce es solo para integrar sus cuentas de PayPal y Stripe existentes 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 crear una tienda de comercio electrónico en blanco con WooCommerce!

El siguiente paso es agregar productos:

PASO 4. Agregue sus productos o servicios

Para poder llamar operativa 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 panel de control, luego Productos / Agregar producto:

add product

lo que verá es una pantalla clásica de edición de contenido de WordPress:

woocommerce product add
  1. Nombre del producto.
  2. Laprincipal del descripciónproducto. Este gran campo le permite ingresar tanta información sobre el producto como desee. Dado que se trata de WordPress, puede poner no solo texto simple allí, sino también imágenes, columnas, encabezados, incluso videos y otros medios. Básicamente, ¡lo que creas conveniente!
  3. Lacentral de seccióndatos de productos. Aquí es donde establece el tipo de producto que está agregando, y si es un producto físico, descargable o 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 puede establecer los precios y los impuestos.
    2. Inventario. WooCommerce le permite administrar los 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, “Los clientes que compraron esto también compraron eso“)
    5. Atributos.. Establecer atributos de productos personalizados. Por ejemplo, si vende 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 productos. 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á algunas sugerencias útiles para explicar cuál es el propósito de cada campo: una

woocommerce add product tooltips

Vez que haya terminado de configurar todo lo anterior, haga clic en el botón grande Publicar: ¡se 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 panel de control debería verse así:

woocommerce products

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

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

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

Ahora que ha agregado la mayoría de sus productos, podemos asegurarnos de que todo esté en orden desde un punto de vista puramente visual.

WooCommerce frente a su tema actual

Por defecto, WooCommerce funciona con cualquier Plantilla de WordPress. Esta es una gran noticia, especialmente si ya ha elegido su diseño y quiere seguir con él.

Alternativamente, puede optar por 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:

theme choice

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

storefront

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

themeforest

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. Hagámoslo ahora:

PASO 6. Haga que su diseño de tienda de comercio electrónico sea

fácil de usar. Analicemos algunos 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)? Estos son los parámetros más importantes:

  • El diseño debe ser claro y no confuso de ninguna manera. Un visitante confundido no comprará nada.
  • El bloque de contenido central debe captar la atención del visitante justo después de que ingresa al 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 esto más adelante).
  • Responsivo y optimizado para dispositivos móviles. Las investigaciones indican [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 y se dirigirá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. Quiere menús claros que sean fáciles de entender, para que sus visitantes puedan encontrar la página que buscan.

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

Su página de la tienda

Aquí es donde se encuentra la lista principal de sus productos. Si ha pasado por 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 del panel / páginas de WordPress.

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 propias plantillas de página de su tema. Por ejemplo, Storefront me permite usar el ancho completo, lo que haremos:
full-width

el rasgo principal de la página de la 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:

woocommerce shop page

como puede ver, las imágenes agradables de los productos son la clave, ¡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 vaya al panel de WordPress / WooCommerce / Configuración / Productos y luego a la Pantalla sección:

woocommerce products display

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

Páginas de productos individuales

Para verlas, haga clic en cualquier listado de productos de la página de la 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):

woocommerce products listing

Carrito de compras

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

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

woocommerce cart

Checkout

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

En realidad, no lo alentamos a hacer ningún ajuste en esa página, excepto uno:

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

Puede hacer esto a través del Panel de control / Páginas (simplemente repita el proceso que realizó con la página de la Tienda).

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

woocommerce checkout

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

PASO 7. Extienda 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 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 lo que está disponible, puede ir a esta pagina.

Ese catálogo es realmente impresionante y vasto. No queremos que se sienta intimidado por ello. Ciertamente no necesitas todas esas extensiones. Trate esa lista como un buffet: elija lo que le parezca genial.

Algunas de las menciones más dignas de mención:

  • Pasarelas de pago. Estas extensiones le permiten aceptar más métodos de pago además del PayPal estándar. En general, cuantos más métodos de pago pueda aceptar (esas pasarelas a menudo se pagan), mejor.
  • Extensiones de envío. Estos 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 de su elección.
  • Reservas de WooCommerce. Permita que los clientes reserven citas para servicios sin salir de su sitio.
  • Suscripciones a WooCommerce. Permita que los clientes se suscriban a sus productos o servicios y paguen una tarifa semanal, mensual o anual.
  • Número de IVA de la UE. Para quienes operan dentro de la UE.
  • TaxJar. Ponga su impuesto sobre las ventas en piloto automático.

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

Complementos que potencian su tienda de comercio electrónico

Dejando de lado las extensiones, también puede utilizar otros complementos de WordPress para potenciar aún más su tienda.es lo que debería 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 tarde o dos.

Eso sigue siendo increíble teniendo en cuenta que, digamos, hace cinco años necesitaría contratar a un desarrollador y pagarle más de $ 5,000 para que se creara algo similar. ¡Ahora puedes hacerlo todo tú mismo!

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

Antes de comenzar

Instalación de WooCommerce

  • Instale y active el complemento principal de WooCommerce.
  • Siga el asistente de configuración de WooCommerce, prestando especial atención a:
    • Cómo crear las cuatro páginas requeridas (Tienda, Carrito, Pagar, Mi cuenta).
    • Configuración de la configuración regional de la tienda.
    • Configuración de impuestos sobre las ventas y envío.
    • Elección de 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 de WordPress adecuado para su tienda de comercio electrónico. Vaya con su tema existente o explore otras posibilidades. Revise las reglas de diseño de tiendas de comercio electrónico al hacerlo.
  • Ajusta la página de tu tienda.
  • Ajuste las páginas de productos individuales.
  • Ajuste la página del carrito.
  • Ajuste la página de pago.

Extensiones

  • Instale las pasarelas de pago que desee utilizar.
  • Considere algunas de las extensiones de envío.
  • Considere una extensión contable.
  • Navegar por otros extensiones y el categoría libre.

Complementos

Considere instalar todos los complementos quetienda de comercio electrónico:

  • potenciarán suYoast SEO
  • Yoast WooCommerce SEO
  • WooCommercemultilingüe
  • Formulario de contacto7
  • UpdraftPlus
  • Social Share Buttons de GetSocial
  • MonsterInsights
  • iThemes Security
  • W3 Total Cache.
CarlosMartinez

CarlosMartinez

Únete a la conversación!