Cómo crear un sitio de comercio electrónico de WordPress: tutorial completo (2022)

¿Intenta averiguar cómo crear un sitio web electrónico de WordPress? Si bien WordPress inicialmente comenzó como una herramienta de blogs, se ha convertido durante mucho tiempo en una poderosa herramienta de creación de sitios web, que es capaz de crear cualquier tipo de comercio electrónico. De hecho, WordPress es la forma más popular de hacer una tienda de comercio electrónico, aún más popular que Shopify. En este tutorial, cubriremos toda la información que necesita para agregar su tienda en las filas de la herramienta de comercio electrónico más popular en Internet. Y aquí está mi promesa:
Podrá configurar completamente su tienda sin mirar una sola línea de código. Al final, tendrá una tienda electrónica de WordPress totalmente funcional que se ve así:

¡Penetamos! ¿Cómo funciona el comercio electrónico en WordPress? A continuación, pasaremos por un tutorial detallado sobre cómo crear un sitio web electrónico de WordPress. Sin embargo, antes de explorar los detalles sangrientos, creo que es útil analizar el alto nivel de cómo usar WordPress para el comercio electrónico. De esta manera, tendrá el contexto completo antes de explorar el tutorial.
Así que comencemos con el principio. Si ya ha creado un sitio de WordPress antes, probablemente notó que el software básico de WordPress no incluye ninguna función de comercio electrónico. Sin embargo, como es el caso, puede agregar una funcionalidad de comercio electrónico completa utilizando un complemento. La mayoría de las veces, ese complemento es WooCommerce, aunque hay otras opciones que discutiré en un segundo. Entonces, para crear las bases de su tienda de comercio electrónico, el punto de partida se ve así: ha configurado su sitio básico de WordPress si aún no lo ha hecho.
Instale un complemento electrónico de WordPress, como WooCommerce.
Una vez que tenga esa base de comercio electrónico, construirá su tienda como cualquier otro sitio de WordPress:
Para controlar el diseño, instalará un WordPress compatible con WooCommerce (o el complemento de comercio electrónico elegido), por ejemplo, el tema Botiga.
Investigará las muchas configuraciones de WooCommerce para controlar los detalles clave, como pagos, transporte, impuestos y más.
Instalará complementos adicionales de WordPress para expandir su tienda con nuevas funciones.
No te preocupes; Cubriré todo esto en este tutorial, por lo que esto tendrá más sentido en un segundo. ¿Cuál es el mejor complemento de comercio electrónico de WordPress? Cuando hablamos de comercio electrónico en WordPress, la espera predeterminada es casi siempre que usará el complemento WooCommerce.
WooCommerce no es solo el comercio electrónico más popular de WordPress con un margen grande, sino que también es la forma más popular de hacer un comercio electrónico, aún más popular que Shopify si observa el índice de sitios de 1 millón de principios, Uri construido. Por esta razón, usaré WooCommerce en el tutorial a continuación. Sin embargo, WooCommerce no es el único comercio electrónico viable WordPress, así que superemos algunas de las otras opciones de calidad y cuando desee usarlas: descargas digitales de luz (EDD): esta puede ser una buena opción si vende archivos especialmente digitales en lugar de que los productos físicos. Si bien WooCommerce puede administrar archivos digitales, el enfoque singular de EDD crea una experiencia más eficiente.
BigCommerce: BigCommerce es una herramienta de comercio electrónico SaaS que se integra muy profundamente con WordPress para crear un tipo de enfoque “sin cabeza”. Está más avanzado, pero le brinda mucha flexibilidad. La razón principal para considerar BigCommerce en detrimento de WoCommerce es si se le contratan en vender en múltiples plataformas, es decir, también vende a través de Amazon, eBay y otras plataformas. Con BigCommerce, puede sincronizar todos sus diferentes canales en un solo lugar, lo que agrega mucha comodidad.
ECWID – ECWID es otra herramienta de comercio electrónico que se integra con WordPress debido a un complemento dedicado. Puede ser una buena opción para principiantes con tiendas muy básicas debido a su enfoque simple, pero realmente no lo recomiendo para tiendas serias, porque de ninguna manera es tan flexible y poderoso como WooCommerce.
Dicho esto, WooCommerce sigue siendo el mejor complemento de comercio electrónico para la gran mayoría de las tiendas en línea. Con la excepción cuando tiene una razón muy específica y bien diseñada para elegir otro complemento de comercio electrónico de WordPress, le recomiendo que se quede con WooCommerce. Preguntas frecuentes sobre el comercio electrónico de WordPress Ahora, repasemos algunas preguntas frecuentes rápidamente, para que sepa qué esperar de este tutorial, así como del comercio electrónico de WordPress en general. ¿Cuánto cuesta una tienda de Comercio de WordPress E? WordPress y WooCommerce son 100% gratuitos. Sin embargo, hay algunos costos asociados para su tienda en un nivel básico, necesitará alojamiento web y un nombre de dominio si aún no tiene un sitio de WordPress. Si ya ha configurado su sitio, puede usar el alojamiento existente. Pero si aún no lo ha hecho, ceda al menos $ 10 por mes por una tienda pequeña y más para una gran tienda de tráfico y/o muchos productos.
Más allá de eso, seguramente querrá comprar algunas herramientas premium para agregar al complemento principal de WooCommerce. En primer lugar, es posible que desee un tema premium de WooCommerce, que le costará alrededor de 60 USD (aunque hay temas de WooCommerce de calidad gratuita). En segundo lugar, también es posible que desee algunos complementos premium de extensión de WooCommerce, que es el área de costo más grande para la mayoría de las tiendas. Desafortunadamente, hay demasiada variabilidad para dar un solo número aquí. Algunas tiendas solo pueden gastar $ 100 en los complementos, mientras que otras pueden gastar más de $ 1,000. Si tiene un presupuesto pequeño, generalmente puede encontrar formas de mantener los costos de su complemento de WooCommerce en un nivel bajo. ¿Tengo que ser un desarrollador para crear una tienda electrónica de WordPress? No, no necesita un conocimiento técnico especial para seguir este tutorial y configurar su tienda de comercio electrónico. Puede hacer casi cualquiera de la interfaz de usuario; No es necesario mirar una línea de código. Hay más configuraciones que en su sitio web habitual de WordPress, ya que deberá configurar detalles como envío, impuestos y pasarela de pago. Pero, todo esto lleva un tiempo adicional, no requiere un conocimiento técnico especial. ¿Cuánto tiempo lleva la creación de una tienda electrónica Shoppress? El proceso básico de crear la base de su tienda lleva muy poco tiempo. Puede tener una tienda de comercio electrónico bastante funcional en menos de una hora (incluso menos si ya tiene un sitio de WordPress existente).
Sin embargo, eso no significa que terminará en menos de una hora. Pasará la mayor parte de su tiempo configurando los detalles esenciales de su tienda, como: tarifas de transporte y políticas.
Cuotas de impuestos
Agregar productos
Pasarela
y así
Ninguna de estas tareas es compleja, pero le llevará algún tiempo trabajar en detalles, especialmente si desea hacer las cosas manualmente, en lugar de usar un complemento para ayudar (lo que podría costar dinero en algunos casos). Lo hermoso, sin embargo, es que la mayoría de estas tareas son cosas únicas. Por ejemplo, una vez que haya configurado las tarifas de envío, su tienda las usará automáticamente sin la necesidad de información adicional de usted.
¿Una tienda electrónica de WordPress es segura? Sí, siempre que use alojamiento seguro y siga las mejores prácticas de seguridad de WordPress, su tienda es completamente segura. Además, los pagos de la tarjeta de crédito de su tienda se procesarán mediante una tercera puerta de enlace de fiesta, como PayPal o Stripe, por lo que no tendrá que hacer frente al estrés de procesar la seguridad y la conformidad. El procesador de terceros es totalmente responsable de todo esto. ¿Puede un comercio de WordPress E -Commerce cargarse rápidamente? Si, absolutamente. Una vez más, el detalle clave aquí es que su tienda se cargará rápidamente siempre que siga el mejor rendimiento de WordPress, como usar un tema rápido y optimización de contenido de WooCommerce.
Más adelante en este tutorial, tendremos una sección completa dedicada a mostrarle cómo hacer que su tienda se cargue rápidamente. Como en el resto del tutorial, esto no requerirá un conocimiento especial. Cómo crear un sitio de comercio electrónico de WordPress ahora que tiene una buena idea de cómo funciona el comercio electrónico de WordPress, para investigar el paso a paso completo. Esta guía lo llevará de “cero” a una tienda de comercio electrónico completamente funcional, alimentada por WordPress. 1 Sin embargo, si aún no tiene un sitio de WordPress, deberá configurar uno antes de poder convertirlo en un taller electrónico completamente funcional. Para hacer esto, deberá hacer tres cosas: elija el nombre de dominio para su tienda electrónica. Esta será su dirección permanente en Internet. Por ejemplo, el nuestro es Athemes.com.
Comprar alojamiento web. Esto es lo que el software de WordPress alimenta y hace que su tienda de comercio electrónico esté disponible para visitantes de todo el mundo.
Instale el software de WordPress. Esto hará que su sitio básico funcione. Una vez que haya configurado el software básico de WordPress, puede continuar convirtiéndolo en un comercio electrónico.
Elija y compre un nombre de dominio para comprar su nombre de dominio, puede usar un servicio como Google Domains o Cloudflare Registrar. Si se esfuerza por encontrar un buen nombre de dominio, que todavía está disponible, puede usar un generador de dominio como LeanDomaSeearch. Compre alojamiento para alojamiento de WordPress/WooCommerce, recomiendo Cloudways como una opción buena y accesible, que aún ofrece un excelente rendimiento. Vea mi revisión de Cloudways para obtener más información al respecto. SiteGround también es una opción sólida para principiantes, porque es un poco más fácil de usar (aunque las vías de nubes aún son bastante accesibles). Instale WordPress Una vez que tenga alojamiento web, puede usar su instalación web automática de WordPress para instalar el software básico de WordPress. Si está utilizando Cloudways, puede seguir esta documentación para instalar WordPress. También deberá instalar un certificado SSL gratuito para activar el protocolo HTTPS seguro en su sitio web. Cloudways y la mayoría de los otros hosts de calidad hacen que esto sea muy fácil de hacer. Por lo general, solo requiere hacer clic en un solo botón; así es como esto se hace en Cloudways. 2. Instale WooCommerce y configure los conceptos básicos en este momento, debe tener un sitio web configurado de WordPress. Ahora, es hora de convertirlo en una tienda de comercio electrónico funcional, instalando el complemento WooCommerce. WooCommerce está disponible de forma gratuita en WordPress.org, por lo que puede instalarlo como cualquier otro complemento de WordPress: vaya a complementos → Agregar nuevo al tablero de WordPress.
Busque “WooCommerce”.
Instale y active el complemento.
Una vez que active WooCommerce, debe iniciar automáticamente el asistente de configuración guiado. Si no lo hace o si lo ha cerrado por error, puede abrir el experto guiado siguiendo estas instrucciones. Ahora pasemos por los pasos de configuración. Detalles de la tienda En el primer paso, ingresará algunos detalles básicos sobre la ubicación de su tienda: detectas de la industria, se le pedirá que ingrese algunos detalles sobre la industria de su tienda:
Tipos de productos Entonces, elija los tipos de productos que desea vender. La mayoría de las tiendas solo querrán marcar la casilla de productos físicos. Si vende productos digitales, puede seleccionar descargas:
Detalles del negocio En última instancia, ingresará algunos detalles comerciales adicionales sobre su tienda:
WooCommerce también le pedirá que agregue “funciones comerciales gratuitas” a su tienda. Puede hacer clic en el acordeón para expandir las opciones. Para la mayoría de las personas, recomiendo instalar todos los “elementos básicos”, porque lo ayudarán con pagos, envíos y otros. Sin embargo, la sección “Aumentar su tienda” es totalmente opcional. Los “elementos básicos” incluyen servicios dedicados de WooCommerce para pagos, transporte e impuestos, que son la forma más sencilla de configurar estas áreas clave de su tienda (aunque puede usar otras herramientas/complementos). Si no desea decidir ahora, puede obtenerlos todos: puede instalarlos en cualquier momento:
Finalmente, el tema, el experto en configuración le pedirá que instale un tema. Simplemente salte sobre esta sección haciendo clic en Continuar con mi tema activo: trataré su configuración de tema de WooCommerce en la siguiente sección:
Si ha instalado las “funciones comerciales gratuitas”, se le pedirá que conecte su tienda WooCommerce a su cuenta de WordPress.com. Si aún no tiene una cuenta de WordPress.com, deberá crear una. Esta cuenta es gratuita, pero es necesario utilizar servicios dedicados para pagos, envíos e impuestos: 3. Elija un tema de WooCommerce en este momento, tiene una tienda funcional … pero probablemente no parezca una tienda electrónica. Para remediar esto, deberá instalar un tema de WooCommerce especialmente creado. Hay algunas cosas a buscar en un tema de WooCommerce de calidad que incluya:
Diseño: obviamente, desea que su tema tenga un gran diseño que coincida con la estética que desea.
Características, aunque agregará la mayoría de las funciones comerciales electrónicas utilizando complementos, en lugar de su tema, aún querrá buscar características básicas, como si el tema ofrece una búsqueda de productos fácil de usar o lo que los filtros miran sus productos.

Rendimiento: su tema juega un papel importante en el rendimiento de su tienda y durante la carga, por lo que es esencial elegir un tema ligero de WooCommerce, que no ralentizará su tienda.

Creamos nuestro tema Botiga para hacer un buen trabajo en todas estas áreas:

Se ve genial, con un diseño moderno y mínimo. También puede elegir entre varios sitios demostrativos importables para obtener el aspecto perfecto para su tienda.

Tiene todas las funciones que una tienda en línea necesita sobre un tema, como buscar compradores, filtros de productos útiles, insignias de ventas y más.

Está construido para cargar rápidamente. Pesa solo 44.3 kb, minimiza su propio código y obtiene puntajes de rendimiento perfectos. Por estas razones, usaré la botiga para este tutorial. Permaneceremos con la versión gratuita del tema, pero también hay una versión premium que agrega más funciones si las desea. Instale el tema Botiga para comenzar con Botiga, acceda a la apariencia → Temas → Agregar nuevo al tablero de WordPress. Luego busque e instale el tema Botiga gratuito en wordpress.org.

Importar un sitio demostrativo Una vez que active el tema Botiga, verá una solicitud para importar uno de los sitios de Botiga de demostración. Esto es opcional, pero lo pondrá en funcionamiento con una tienda elegante desde el primer día. Si desea importar un sitio demostrativo, haga clic en el botón de inicio:

Lo llevará automáticamente al área del sitio inicial. O puede acceder a la apariencia → Sitios iniciales. Para importar un sitio, pase con el mouse sobre él y haga clic en el botón Importar:
Esto iniciará una ventana emergente donde puede elegir exactamente qué contenido importar. Complete las elecciones y luego haga clic en Importar nuevamente:
Si ha importado todo el contenido demostrativo, su tienda ahora debe verse exactamente como el sitio demostrativo que ha elegido. Personalice el contenido demostrativo ahora, puede hacer su propio contenido. Para personalizar los estilos temáticos, como fuentes y colores, puede acceder a la apariencia → Personalización. Y, para personalizar las páginas individuales, puede acceder al área de las páginas y editarlas como cualquier otra página de WordPress. Todo el contenido demostrativo de Botiga utiliza el editor nativo de WordPress, que lo ayuda a cargar su tienda lo antes posible. 4. Agregue sus productos ahora que su tienda realmente parece una tienda electrónica, está listo para comenzar a agregar productos. Hay algunos otros detalles que querrá configurar, pero siempre es motivador ver su primer producto en vivo, por lo que pongo esta sección en primer lugar. Nota: si ha importado un sitio completo de demostración de Botoga, Botiga importará algunos ejemplos de productos como parte del proceso. Puede usar estos productos como ejemplo como inspiración y eliminarlos cuando haya agregado sus propios productos. Para crear un producto, vaya a productos → Agregar nuevo. Aquí, complete la información del producto. Presta especial atención a los siguientes campos: Título
Descripción corta y larga
Precio

La imagen del producto
Categorías de Producto
Etiquetas de productos

Tipo de producto (disponible en el menú de caída en la parte superior del cuadro de productos), por ejemplo, si es un producto simple o variable (por ejemplo, una camisa de tamaño multimensionado)

También puede usar las pestañas en el cuadro de datos producido para configurar otros detalles, como inventario, dimensiones/peso, productos asociados y más. No se preocupe por confundir nada; siempre puede regresar y editar estos detalles más tarde. Cuando esté satisfecho con la forma en que todo se ve, haga clic en el botón Actualizar o publique lo mismo que para una publicación de blog. Tan pronto como haga esto, su producto estará en vivo en el frente de su tienda. Para agregar más productos, todo lo que tiene que hacer es repetir el proceso. Si tiene cientos o miles de productos, también puede importar sus productos a través de un archivo CSV, lo que puede ahorrarle tiempo. 5. Configurar otras configuraciones de WooCommerce ahora es el momento de la parte más aburrida de este tutorial: configurar detalles esenciales, como pagos, impuestos, transporte marítimo, etc. Aunque esto puede ser un poco agotador y consume mucho tiempo, es esencial para la operación de su tienda, por lo que no puede omitirla. La forma en que lo hace realmente depende de la ubicación y la configuración de su tienda, por lo que no puedo mostrar un tutorial específico para cada opción. Sin embargo, cubriré los aspectos importantes para que generalmente sepa qué hacer. Un buen punto de partida es acceder a WooCommerce → Inicio en el tablero, donde debería ver una lista de verificación:

Pasemos por la configuración clave. Pagos La forma más sencilla de establecer pagos es utilizar los pagos oficiales de WooCommerce (que se basa en rayas). Si lo ha instalado como parte del proceso de configuración, todo lo que tiene que hacer es hacer clic en la opción con los pagos de WooCommerce de la lista de verificación anterior para iniciar el experto en configuración. Si desea configurar otra puerta de enlace o usar Stripe directamente, puede acceder a WooCommerce → Configuración → Pagos: también puede instalar otros complementos de pasarela de pago tercera parte, lo que puede ser útil si hay un pago local de puerta de enlace particular que desea utilizar. Tarifas de transporte Hay dos formas principales en las que la mayoría de las tiendas se acercan a la entrega de WooCommerce:

Entrega de masajes: puede ingresar un conjunto de reglas de envío. Por ejemplo, los paquetes por debajo de 1 libra cuestan $ 5, los paquetes entre 1-5 libras cuestan $ 10 y los paquetes de más de 5 libras cuestan $ 15.

Tasas de tiempo real: puede calcular las tasas de entrega de tiempo real en función de las dimensiones reales de cada pedido. Puede integrarse con USPS, UPS, FedEx y otros.
WooCommerce tiene sus propias características incorporadas para las reglas de entrega. Sin embargo, probablemente desee un complemento de envío separado, porque las funciones construidas no aceptan tarifas de masa y tarifas de tiempo real. Si desea explorar la configuración de envío incorporada, puede acceder a WooCommerce → Configuración → Entrega. En primer lugar, definirá las áreas de envío, que son grupos de una o más áreas geográficas. Por ejemplo, puede tener un área continental de EE. UU.:
Una vez que haya creado un área, puede agregar métodos de envío para esa área, lo que será visible solo para los clientes en una de las áreas geográficas seleccionadas. Hay tres opciones: precio global
Transporte libre
Levantamiento local
Después de agregar un método, puede ingresar su costo. Sin embargo, la función de entrega construida no le permite cambiar el costo dependiendo del peso/tamaño de un paquete, por lo que probablemente desee un complemento de entrega masiva o una tarifa de tiempo real. También puede considerar un servicio completo en honor, como ShipStation o rastreo. Impuestos La última área importante de entornos a considerar son los impuestos de su tienda en muchas jurisdicciones legales, tendrá que recaudar un cierto tipo de impuesto sobre las ventas o IVA de sus clientes por simplicidad, probablemente desee usar un complemento aquí. Las opciones populares son WooCommerce Tax y Avalara:
WooCommerce también tiene una opción de impuestos manuales, aunque trata de ocultarlo porque es complejo. Para activar las tarifas manuales, debe hacer clic en la opción del impuesto de configuración y luego seleccionar la opción Manual. Una vez que haga esto, recibirá un nuevo conjunto de configuraciones en WooCommerce → Configuración → Impuestos:
La forma más rápida de agregar impuestos manuales sería importar un CSV de reglas fiscales.Por ejemplo, puede comprar un CSV actualizado regularmente de reglas de impuestos de EE. UU. Por $ 29 en este sitio.Otras configuraciones Aunque los pagos, el transporte y los impuestos son algunas de las configuraciones más importantes para las tiendas de WooCommerce, están lejos de las únicas cosas que puede controlar.Por lo tanto, le recomiendo que explore las otras opciones en el área de configuración de WooCommerce.Para muchas de las configuraciones, será perfecto para dejarlos como configuración predeterminada.Sin embargo, puede descubrir algunas configuraciones que cree que sería mejor ajustar.Por ejemplo, si accede a WooCommerce → Configuración → Correos electrónicos, puede personalizar el contenido de sus correos electrónicos que su tienda envía a clientes y administradores, como el correo electrónico que recibe un comprador después de realizar un pedido:
6. Instale complementos para agregar múltiples características Una de las mejores cosas sobre el uso de WooCommerce para el comercio electrónico de WordPress es la biblioteca masiva de terceros oficiales y de terceros que puede usar para expandir WooCommerce. Su tienda confiará absolutamente en los complementos para agregar características clave. No creo que haya una sola tienda que no tenga al menos algunos complementos de WoCommerce. Tenga en cuenta que los complementos de WooCommerce son solo complementos ordinarios de WordPress. Los llamo “complementos de WooCommerce” solo por razones de simplicidad, pero los instalará como cualquier otro complemento de WordPress. Ya hemos tocado complementos en la sección anterior. En general, querrá utilizar complementos para configurar la pasarela de pago de su tienda, las reglas de entrega y las tasas impositivas. Sin embargo, también puede encontrar miles de otros complementos para ayudarlo en todas las áreas de su tienda, incluida lo siguiente: Asegure su tienda más eficiente

Agregar características útiles para compradores como listas de deseos o seguimiento en el tablero

Mejore los procesos de administración de su tienda para administrar todo de manera más eficiente

Obtenga más control sobre el diseño de su tienda
y así
No puedo recomendar un solo conjunto de complementos para todas las tiendas, porque hay muchas variables. El detalle clave aquí es que no debe tener miedo de usar complementos para expandir WoCommerce, porque todas las tiendas WooCommerce se basan en complementos, generalmente docenas de ellas. Entonces, ¿cómo puede encontrar los mejores complementos para su tienda WooCommerce? Bueno, en primer lugar, consulte mi colección de todos los mejores complementos de WoCommerce para diferentes casos de uso, incluida la búsqueda de productos, el filtrado, las listas de deseos, la gestión de pedidos, los canales de ventas y otras funciones de comercio electrónico esencial. Además, puede intentar explorar estos populares mercados de complementos: WordPress.org tiene miles de complementos etiquetados gratuitos.
La tienda oficial de Extensión de WooCommerce enumera complementos gratuitos y premium e incluye extensiones oficiales, así como las de los desarrolladores de terceros partidos.

CodeCanyon tiene más de 1,400 complementos premium en la categoría de WooCommerce.
Le recomiendo que comience el proceso en busca de la funcionalidad específica que necesita.Luego lea las reseñas y verifique la reputación del desarrollador, como si estuviera instalando cualquier otro complemento de WordPress.Debido a que estos complementos pueden afectar la seguridad y el funcionamiento de su tienda, le recomiendo que instale solo complementos de desarrolladores de renombre.7. Optimice su tienda de rendimiento en este momento, debe tener una tienda electrónica completamente funcional, lista para comenzar a recibir clientes.Sin embargo, si desea que su tienda sea un éxito, es esencial optimizarla para cargar rápidamente.Qué tan rápido afectará la carga de su tienda varias áreas diferentes, incluida lo siguiente: tasas de conversión
Ranking de motores de búsqueda
Experiencia de usuario

Tasas de rechazo