Personalizar tu Tienda Woocommerce

Descubra cómo personalizar su tienda de comercio electrónico profesional Woocommerce . Así como todas las posibilidades a tu alcance para que tu sitio de comercio electrónico esté a tu imagen.

Un Tema profesional para WooCommerce

Tema de comercio electrónico de Woocommerce

Si desea un tema de sitio diferente al que está instalado por defecto, puede obtenerlo en la sección Apariencia> temas. Ya tenemos algunos aquí, la mayoría son compatibles con Woocommerce pero algunos están más diseñados para este propósito que otros. Puede encontrar otros temas gratuitos haciendo clic en agregar.

Puedes buscar uno de los más populares por ejemplo, también puedes buscarlo indicando una palabra clave como “tienda” para buscar modelos más especialmente diseñados para el comercio electrónico. Storefront, por ejemplo, es una referencia para temas de comercio electrónico para WordPress.

Puedes personalizarlos posteriormente añadiendo tus imágenes, tus textos, etc … Hay para todos los gustos y para todos los proyectos … En este tutorial mantendremos el tema instalado por defecto. Se adapta perfectamente a los diferentes tamaños de pantalla, computadora, tableta, celular …
Pero si no encuentras tu tema también puedes comprarlo en una plataforma como ThemeForest, ofrece temas especialmente diseñados para WooCommerce.

Personalice su sitio de comercio electrónico

En este artículo nos centraremos en el tema básico. Se adapta perfectamente a diferentes tamaños de pantalla, teléfonos móviles, tabletas, etc.

Empezaremos a personalizar la tienda . Primero vaya a Apariencia> Personalizar. Explore las diferentes secciones para personalizar su sitio.

Hay una versión premium de este tema de woocommerce con más funciones, puedes comprarlo haciendo clic en el botón «ir a pro». Por ejemplo, tendrá la posibilidad de personalizar más elementos, acceder a animaciones CSS, etc.

Personaliza el favicon

Puede cambiar el nombre de su sitio, lema, favicon (icono del sitio que ve en las pestañas del navegador). Aquí se nos pide una imagen de 512 por 512 píxeles.
Para crear un favicon, puede usar Photoshop o un software similar, dibujar su logotipo o descargar uno gratis en flaticon, por ejemplo.

Importe la imagen a Woocommerce, guarde y actualice su página, puede ver que su favicon es claramente visible aquí.

Personaliza los colores de tu sitio

Puede cambiar el color de fondo aquí, para que pueda poner su sitio en los colores de su carta gráfica. Aquí nos quedaremos en algo sobrio y refinado. También es posible poner una imagen en segundo plano seleccionando una imagen de su computadora.

Crea un menú

Luego, creará un menú , lo asignará a una ubicación y le agregará elementos de menú, como enlaces a páginas y categorías. Por el momento no hemos creado ninguna categoría de producto por lo que abandonaremos la página de la tienda por el momento.

Si su tema tiene varias áreas de menú, es posible que deba crear más de un menú. Aquí, este tema puede mostrar menús en 2 ubicaciones.

En este tema, necesita la versión pro para personalizar el logotipo, luego puede comprarlo o elegir otra plantilla gratuita que lo permita. Aquí solo tiene acceso al nombre textual de su sitio.
Algunas opciones de personalización solo son accesibles en la versión PRO . Siempre puede cambiar el tema, pero esto es muy desaconsejado si ya ha importado sus productos, imágenes y ya ha trabajado mucho en un tema porque seguramente tendrá que rehacer, ajustar y adaptar muchas cosas.

Configura los módulos de tu tienda e-commerce

En la pestaña Woocommerce> catálogos de productos, puede elegir qué se mostrará en la página principal de su tienda; productos, categorías o ambos. Haga lo mismo con las páginas de categorías de productos .

Seleccione la clasificación predeterminada de sus artículos en el catálogo, por popularidad, calificación promedio, fecha y precio. Elija cuántos productos desea mostrar por fila y cuántas filas de productos por página.

Las imágenes de su sitio de comercio electrónico

Ajuste el tamaño de las imágenes de sus productos en la pestaña dedicada. Aquí dejaremos los mismos tamaños de imagen.
Pero si quieres que las miniaturas se muestren en formato cuadrado, eliges la proporción 1: 1.
Tenga cuidado al configurar las dimensiones de sus imágenes. Una vez modificadas, compruebe que las imágenes de sus productos se visualizan correctamente tanto en las páginas del producto como en las páginas del catálogo, etc.

Armonice su sitio de comercio electrónico

Validación de pedidos

En la pestaña Validación de pedidos, cambie la apariencia de la página de validación de pedidos de su sitio. Indique campos opcionales, obligatorios u ocultos. Las páginas de «Política de confidencialidad» y «Condiciones generales de venta» en particular no han sido creadas, no olvide crearlas y completarlas antes de publicar su sitio.

Estructura tus páginas

Guardamos y volveremos a la página de configuración. En la sección de productos, puede seleccionar la página de su tienda , no necesariamente la página de inicio. Por ejemplo, puede tener
un sitio cuya página de inicio explica su actividad, promociones actuales, esta página puede redirigir a través de un botón a la parte de ventas en otra página que enumerará todos sus productos y categorías.

Si no tiene una página dedicada para su tienda, puede crear una en la sección Páginas, pero Woocommerce normalmente crea una por defecto.

URL de las páginas de comercio electrónico

Haz la estructura de tus URL desde el principio, esto puede resultar más complicado en el futuro. Nunca deben cambiarse en un sitio activo. Configure sus páginas haciendo clic en «enlace permanente del producto».

En la configuración más común encontramos la estructura de enlaces estándar de un sitio de wordpress, artículos y páginas tipo blog. También puede personalizar las URL de sus etiquetas y categorías aquí si lo desea. De forma predeterminada, los enlaces de las páginas de productos consisten en su nombre de dominio, el directorio en el que se encuentra su tienda y el nombre de su producto. Si desea, por ejemplo, mostrar la categoría en la que se encuentra su producto en el enlace, elija el tercer enlace permanente del producto.

Si creamos un sitio de zapatos, por ejemplo, y tiene una categoría de «zapatillas» en su tienda, el enlace o URL de un producto se verá como tutos-videos.fr/woocommerce/shop/sneakers/sneakers-noires-basses (su dominio / su categoría / su producto).

Vender comercio electrónico

Paralelamente a este artículo, lo invito a consultar los siguientes consejos para agregar sus productos a su tienda de comercio electrónico Woocommerce .

Configuración de elementos

Volvamos a la configuración del producto . Puede elegir cómo se comportará el sitio cuando un visitante agregue un producto a su cesta: redirigirlo a la página de la cesta o dejarlo en la página que está visitando. Aquí, por ejemplo, marcaremos la opción de redireccionamiento automático a la página del carrito de la compra.

Indique las unidades de peso y dimensiones según el tamaño de sus artículos. Aquí, para zapatos, optaremos por gramos y centímetros. Si vendiéramos balanzas, por ejemplo, preferiríamos elegir la unidad de metro.

Active o desactive la posibilidad de que sus clientes dejen una reseña de sus productos. Si se muestra o no «Comprador certificado» cuando se verifica que el cliente realmente ha comprado este producto. Puede limitar los comentarios solo a aquellos que hayan realizado una compra verificada, activen o no la calificación otorgada por el cliente en la revisión. Luego grabamos.

La gestión del inventario

Ahora ve al inventario de productos. Mi consejo es que siempre habilite la administración de inventario cuando venda productos físicos; sin embargo, para productos digitales probablemente no necesitará administrar el inventario. Puede elegir un tiempo durante el cual se mantiene el stock, es decir, el tiempo, después de haber hecho clic en añadir al carrito, durante el cual se reserva un producto en stock para un cliente.

Al dejar marcadas las notificaciones, recibirá un correo electrónico cuando sus existencias estén bajas o agotadas. Indique el buzón en el que desea recibirlos. Indique lo que significa para usted un stock bajo, por ejemplo, a partir de 5 artículos restantes. Elija si desea ocultar o no los artículos agotados . Podemos mostrar el número de artículos restantes para los visitantes, es mejor ponerlo a veces puede precipitar una compra; un cliente que no necesariamente quiere esperar una reposición para tomar una decisión. Cada página modificada se guarda.

Al hacer clic en el enlace «productos descargables», puede elegir el método para descargar los archivos que vende, productos digitales como tutoriales, libros electrónicos, etc.

Opción de IVA

Luego vaya a la pestaña IVA . Los impuestos pueden ser un tema complicado, pero WooCommerce simplifica su configuración. Indique si ingresará sus tarifas con todos los impuestos o sin impuestos. Te aconsejo que lo dejes en HT especialmente para productos digitales ya que el comprador pagará el IVA de su país. Simplificará sus cálculos. Este no es el precio que verán los clientes, sino el precio que ingresa en sus hojas de productos. El cálculo del IVA puede basarse en la dirección de entrega o facturación del cliente o en la dirección base de la tienda.

Puede determinar qué clase de IVA de envío establecer o elegir dejar para que el IVA de envío se base en los artículos del carrito de compras. Aquí en mi ejemplo dejamos esta última opción.

Precios de los artículos

La exhibición de productos en la tienda es el precio que sus visitantes verán en su sitio, en TTC o HT.

El sufijo de visualización del precio se puede utilizar para agregar las palabras «IVA incluido» después del precio indicado en sus productos si elige indicar sus precios con IVA incluido en su sitio. De esta forma tus clientes sabrán que no tendrán que pagar nada más que el precio indicado (y gastos de envío si los hay).

Deberá configurar los diferentes tipos de IVA . Por ejemplo, para Francia, el código de país es FR, el código de estado también. En Francia el IVA es del 20% (los invito a consultar el tipo actual). A este IVA lo llamaremos, por ejemplo, TVA20. Elija si se trata de una tarifa acumulativa o no y si también se aplica a los gastos de transporte. Deberá hacer esto para los diferentes países a los que desea vender.

El IVA al tipo reducido del 5,5% se aplica en determinadas situaciones. Y el tipo cero sobre determinados productos.

Envío de artículos

En la pestaña Envío , asocie los métodos de envío con las regiones geográficas. Dependiendo de la dirección de entrega del cliente, se ofrecerán métodos de entrega. Por ejemplo, creamos una zona para Francia metropolitana, con un método de precio fijo.

Gestión de pagos online

Pasemos a la gestión de pagos. Activamos Paypal en 1 clic. Puede moverlo en la lista para cambiar el orden en que se muestra este pago en mi sitio. Desactivamos los pagos con cheque, por
ejemplo. Puedes configurar mi nuevo método de pago Paypal muy fácilmente. Puedes gestionar los métodos de pago que aceptarás en tu tienda como desees.

Cuentas

En la pestaña «cuentas y confidencialidad», puede indicar sus preferencias en cuanto a la creación de cuentas de clientes . Por ejemplo, puede permitir que sus clientes hagan pedidos sin crear una cuenta, haciendo un pedido de invitado. Puede dar la posibilidad a sus visitantes de conectarse durante el pedido si ya tienen una cuenta. Podemos generar automáticamente un identificador para el cliente y la contraseña y, por qué no, los clientes serán libres de crear una contraseña que sea demasiado simple. Si un cliente solicita que se borren sus datos personales, puede marcar la casilla para que se eliminen automáticamente.

Seguimiento de clientes de comercio electrónico

Puede agregar explicaciones sobre la Política de privacidad , se mostrarán en los formularios de creación de cuenta. También es posible redirigir a una página dedicada a estas explicaciones.
Elija el tiempo durante el cual se conservarán los datos personales de sus clientes. Es decir, cuentas inactivas, pendientes, fallidas, canceladas, pedidos completados. Deje las opciones en blanco para mantenerlas indefinidamente.

En la pestaña Correos electrónicos, busque una lista de las diversas notificaciones enviadas a su dirección de correo electrónico y a sus clientes (se ha realizado un nuevo pedido, se ha cancelado un pedido, falló, está en curso, se ha completado, reembolsado, se ha recibido factura, se ha creado una nueva cuenta, etc…)
Puede, si lo desea, desactivar los correos electrónicos, por ejemplo el pedido actual. Para hacer esto, haga clic en «administrar» y desmarque la notificación por correo electrónico si lo desea.

Los iconos morados con la marca de verificación indican que se trata de correos automáticos. Por el contrario, el icono gris con una flecha indica que el correo electrónico se envía manualmente.

Si vende en Francia, es preferible traducir las terminaciones agregadas a los enlaces de su página durante el proceso de pedido, por ejemplo, «pedir pago» se convierte en «pago». Puede hacer esto para todos los enlaces.

Tienda de comercio electrónico CGV

La página CGV, las condiciones generales de venta donde se facilita información de un proveedor a su cliente.
Además deberá crear avisos legales, la política de privacidad, aprender sobre lo legal y redactar correctamente.

Te aconsejo que consultes con un abogado, alguien que sepa escribir todo esto por ti.

Tu tienda Woocommerce está lista

Hay otras configuraciones pero, como principiante, es posible que no las necesite en este momento.