Inicio • Blog • WordPress • WooCommerce • Páginas Predeterminadas de WooCommerce [+PLUGINS]
Páginas Predeterminadas de WooCommerce [+PLUGINS]
- Ignacio Santiago
- marzo, 2022
- Sin respuestas
¿Has creado una tienda online con WooCommerce y necesitas conocer las páginas predeterminadas de WooCommerce? ¿Eliminaste alguna por error o no se crearon automáticamente? ¡Estás en el lugar correcto! Restaurar estas páginas en tu tienda online con WordPress y WooCommerce es sencillo si conoces cuáles son y los shortcodes necesarios. En esta guía, te explico paso a paso cómo crear las páginas predeterminadas de WooCommerce y cuáles son los mejores plugins que puedes usar.
WooCommerce es un plugin de comercio electrónico y software para montar tiendas online totalmente funcionales y autogestionables. Al usar este plugin con WordPress, es crucial conocer las páginas predeterminadas que se crean al instalarlo, ya que eliminarlas o editarlas por error puede afectar el funcionamiento de tu tienda. Aquí encontrarás un listado de todas las páginas que WooCommerce crea por defecto, los shortcodes necesarios y los mejores plugins para tu tienda online.
Páginas de WooCommerce creadas de forma predeterminada por el plugin
Para tener una tienda online funcional con WooCommerce, es esencial conocer las páginas predeterminadas que se instalan, como Tienda, Mi Cuenta, Carrito y Finalizar Compra, aunque hay muchas más. WooCommerce añade automáticamente shortcodes a estas páginas para mostrar información específica. Aquí tienes un listado de todas las páginas que crea WooCommerce por defecto y sus shortcodes:
Página de producto de WooCommerce
La página de productos es de las partes más importantes de cualquier ecommerce ya que ayudan a la ventas y por eso merecen una atención especial. WooCommerce te permite personalizar esta página con plugins o sin la necesidad de ellos. Entre las distintos elementos que puedes modificar son las pestañas, imágenes, número de columnas y el título de las pestañas. Por otro lado, puedes crear nuevo contenido en la página como las fichas de producto, categorías del producto y etiquetas del producto.
Shortcodes de productos página de WooCommerce
El shortcode de WooCommerce es muy completo, ya que muestra todos los productos de tu tienda. Con atributos adicionales, puedes filtrar productos por ID, SKU, categorías, atributos, y más, ofreciendo diversas funcionalidades. Aunque WooCommerce incluye una página «tienda» para mostrar todos los productos, a veces necesitas mostrar productos específicos en otras páginas o entradas usando shortcodes. Aquí te presento los principales shortcodes de productos:
- : Este es uno de los más sencillo y utilizados con atributo, sirve para mostrar un producto específico al poner el número de su id (para ver el id de los productos ve a el panel de WooCommerce, productos y pasa el curso por encima) insertando este código te aparecerá el nombre, la imagen, el precio y el botón de compra.
- : Sirve para mostrar productos basados en una lista de skus, separados por comas. Es muy útil cuando tienes gran cantidad de productos.
- : El shortcode product_page te permite presentar una página del producto y es especialmente interesante para facilitar una zona de conversión con todos los detalles del producto. Se puede insertar por ID o SKU.
- : Separa las ids con comas, de esta manera puedes mostrar varios productos a la vez. Se mostrarán los 3 productos indicados
- : El código corto de productos recientes «recent_products» es muy interesante para la maquetación de la portada porque permite mostrar los últimos productos publicados en la tienda. Muestra una lista de los productos más recientes, algo muy útil en la portada de la tienda.
- : Con top_rated_products puedes presentar al visitante una lista de los productos activos mejor valorados por los usuarios.
- : Los usuarios siempre quieren encontrar los productos más vendidos, enséñalos utilizando este código. De esta manera, puedes facilitar a tu usuario encontrar los productos que más le convenga comprar.
- : ¿Tienes productos en ofertas? Muéstralos con este shortcode. Es especialmente interesante para crear zonas de promoción. Este shortcode nos muestra todos los productos con el precio rebajado.
- : Usa este shortcode si quieres que a tus clientes le parezcan productos similares al que está mirando. Esto facilita a tu usuario encontrar productos similares en el caso de que el que está buscando esté agotado.
Página Tienda de WooCommerce
La página de la tienda funciona como un archivo de productos y puede que esta se cargue de manera diferente a otras páginas cuando instales WooCommerce. Para editar la misma todo dependerá según la plantilla de WordPress y page builder que estés utilizando. Puedes diseñar la página de la tienda de WooCommerce como quieras. Puedes cambiar el orden de los productos, mostrar los productos por las distintas categorías, insertar encabezados y más.
Página de archivo de WooCommerce
La página de archivo de WooCommerce se identifica por categoría, etiqueta y atributo para clasificar productos. Las categorías, como «Ordenador» o «Televisor» en una tienda de tecnología, agrupan productos, mientras que las etiquetas refieren a detalles más específicos como «HP» o «4K». Los atributos describen características del producto como color, tamaño o peso.
Página de búsqueda de WooCommerce
La página de búsqueda de WooCommerce no es una página predeterminada, por lo tanto tienes que añadirla con un plugin adicional. Es una página importante ya que ayuda a los usuarios a buscar y comprar productos rápidamente. Además de que pueden tener una mejor experiencia de compra con la búsqueda en tiempo real, porque mientras van escribiendo el nombre del producto, va saliendo el producto con su imagen y precio.
Página Carrito de WooCommerce
Disponer de la página de carrito es fundamental para mejorar la experiencia de usuario para cualquier tienda online. Además, si se muestra el total de artículos e importe total del carrito en tiempo real, mucho mejor. Ya que así el cliente podrá acceder fácilmente al carrito en cualquier momento para formalizar su compra. Por otra parte, la página de carrito tiene opciones de personalización con WordPress como son las siguientes:
- Mostrar siempre el carrito, incluso si esta vacío: Si marcas esta opción, siempre se verá el icono del carrito aunque este vacío.
- Visualizar el icono del carrito de compras: Si marcas esta opción, se verá el icono del carrito de compras. Si no lo marcas, no se verá el carrito, pero sí el número del total de los artículos y/o número de productos.
- ¿Qué te gustaría mostrar en el menú?: En este selector puedes elegir entre las siguientes opciones. Puedes mostrar solo el número de los productos, solo el importe total del pedido actual del carrito o mostrar tanto el precio como los productos.
- Elige la alineación que se vea mejor en tu menú: Otra personalización que puedes realizar es la colocación del carrito de compra en la página. Puedes alinearlo a la izquierda, derecha o dejar la alineación por defecto.
- Price to display: Con este selector puedes elegir entre mostrar el importe total (incluyendo los descuentos) o el importe sub total, es decir, no muestra los descuentos hasta cuando el cliente vaya a finalizar su compra.
Shorcodes de la página Carrito de WooCommerce
El plugin WooCommerce crea por defecto una página con el carrito de compra y corresponde al shortcode si no la creó o la eliminaste por error ya sabes que insertando este shortcode puedes tenerla otra vez, si quieres mejorar tu tienda online y hacer que el proceso de compra para tus clientes sea muy fácil, añade un botón de comprar a cualquier sitio de tu web utilizando los siguientes shortcodes:
- : Con add_to_cart puedes mostrar el precio de un producto junto a un botón de añadir al carrito, un producto por su ID. Cambia la ID de ejemplo por la ID del producto que quieras mostrar.
- : Este shortcode mostrará una URL que si se visita, añadirá al carrito el producto.
Página Finalizar Compra (Checkout) de WooCommerce
Una de las formas más efectivas para mejorar la experiencia de compra de tus clientes, y en el proceso reducir las tasas de abandono y acortar el proceso de compra, lo haces creando una página de checkout en WooCommerce. Esta página la puedes editar como con cualquier otro contenido de WordPress: cambiando el título y el enlace permanente de la página, añadir una imagen destacada, modificar los atributos de la página, etc. Por defecto, WooCommerce pide a los clientes información básica como lo son las siguientes:
- Detalles de facturación.
- Nombre y apellido.
- Nombre de la empresa.
- Dirección (ciudad, país, código postal).
- Número de teléfono.
- Dirección de correo electrónico.
- Notas de pedido.
- Declaración de la política de privacidad.
Shortcode de la página Finalizar Compra (Checkout) de WooCommerce
El shortcode [woocoomerce_checkout] se presenta en la página de pago de la tienda y facilita las funciones necesarias para ofrecer un proceso de pago a tu usuario, que se visualizará dependiendo de la configuración realizada en WooCommerce en relación a «finalizar compra». Puedes añadir cupones, una función extra que resultará interesante al comprador.
Página de Agradecimiento (Thank You Page) de WooCommerce
En WooCommerce, después de realizar una compra, los usuarios son redirigidos a una página común sin estilo. Personalizar esta página es estratégico para tu contenido, pero no se puede editar sin un plugin. La página de agradecimiento ofrece una oportunidad para seguir vendiendo o fidelizar a tus clientes mostrando el comprobante de compra junto con información adicional.
- Una oferta.
- Un obsequio.
- Las redes sociales.
- Una encuesta.
Página de inicio de sesión de WooCommerce
La página de inicio de sesión de WooCommerce es donde el usuario pone sus credenciales tales como su nombre de usuario o correo electrónico, y contraseña para acceder a su página personal. En esta página, el usuario podrá encontrar toda su información personal, sus pedidos, productos en su wishlist, podrá verificar sus ordenes y realizar sus compras.
Página de registro de WooCommerce
La página de registro de WooCommerce se debería de encontrar cuando un usuario finaliza la compra, ya que promueve a que se registre para que pueda monitorear el pedido de su producto y se beneficie de distintas maneras. El usuario solo debe de crear un nombre de usuario o registrar un correo electrónico, y una contraseña. Ya luego, puede añadir en su página una dirección de pedido permanente para sus futuras compras.
Página Mi Cuenta de WooCommerce
La página de clientes es crucial para la fidelización en tu tienda online, siendo totalmente personalizable con la capacidad de modificar elementos, crear nuevos y estructurar la página según necesites. Además, puedes añadir sub-páginas y variables en la URL mediante endpoints, permitiendo mostrar contenido diverso sin la necesidad de múltiples páginas y shortcodes.
- Escritorio: Es la pantalla principal de la cuenta de cliente en Woocommerce. Desde esta pantalla encontrarás enlaces hacia las zonas más importantes de la cuenta del usuario.
- Detalles: En esta sub-página, se encuentran los datos personales como: nombre, apellidos, correo electrónico, entre otros.
- Ver pedidos: Aquí se muestra un pedido en particular que el usuario quiere ver.
- Pedidos: Desde esta página podrás ver los pedidos realizados y las actualizaciones de los mismos.
- Descargas: Desde aquí el usuario podrá descargar los productos virtuales que compre en la tienda online.
- Editar cuenta: El usuario podrá editar su nombre y apellidos, email y contraseña.
- Dirección: En este apartado se edita la dirección de envío o la dirección de facturación.
- Métodos de pago: El usuario podrá añadir su método de pago el cual la tienda online acepte como tarjeta de crédito, cuenta de PayPal, entre otros.
- Contraseña perdida: El usuario que haya perdido su contraseña de acceso podrá recuperar la cuenta.
- Cerrar sesión: Desde aquí el usuario registrado podrá abandonar la sesión.
Shortcode de la página Mi Cuenta de WooCommerce
Con el shortcode de Mi Cuenta Acceder
Es importante que sepas que hay otras páginas (como la página de favoritos y otras) que son páginas de woocommerce que son creadas por otros plugins compatibles con woocommerce.
Cómo crear las páginas de WooCommerce automáticamente
La primera opción para crear las páginas de WooCommerce de forma automática te la ofrece WooCommerce dentro de sus ajustes. Basta con que te abras tu panel de administración, te dirijas a «WooCommerce > Estado», selecciones la pestaña «Herramientas» y hagas click en el botón «Crear páginas». Deja que te lo explique con imágenes:
Abre tu panel de administración, dirígete a «WooCommerce > Estado» y selecciona la pestaña «Herramientas»
Busca la opción «Crea las página por defecto de WooCommerce» y haz click en «Crear páginas»
Cómo crear las páginas de WooCommerce manualmente
La segunda opción es crear las páginas de WooCommerce de forma manual y, para ello, es importante que conozcas los shortcodes de WooCommerce. Una vez que hayas creado las páginas de Tienda (sin contenido), Carrito (con el shortcode
), Finalizar Compra (con el shortcodeAcceder
En «WooCommerce > Ajustes» haz cllick en la pestaña «Productos» y selecciona la página de la tienda con el desplegable
Haz click en la pestaña «Avanzado» y asigna las páginas de Carrito, Pago, Mi Cuenta y Términos y Condiciones
Bonus: Mejores plugins para personalizar las páginas de WooCommerce
Personalizar las páginas de WooCommerce puede ser complicado, especialmente para principiantes de WordPress, pero hay plugins avanzados que facilitan este proceso con el tiempo y las nuevas tecnologías. Para diseñar y personalizar a tu gusto, incluyendo secciones y el proceso de checkout, necesitarás el plugin adecuado. Aquí te presento los mejores plugins para personalizar las páginas de WooCommerce:
#1 JetWooBuilder
JetWooBuilder es un plugin de Wordpress que te permite acumular páginas completas de WooCommerce creadas con Elementor y utilizarlas como plantillas. Con este plugin puedes personalizar las plantillas, cambiar los diseños, crear páginas de compra específica y organizar los elementos como tú quieras. En la página web podrás ver los demos para las diferentes secciones del sitio web para que tengas una mejor idea.
Características
- Personaliza plantillas: Asigna plantillas customizables para páginas de Checkout, Mi Cuenta, Gracias y Tu Carrito.
- Cambio de Layout: Cambia la vista del producto desde el widget de tarjetas para listar en el bucle de productos.
- Páginas de compra específicas: Extrae los datos del bloque de contenido del producto y ajústalos para encontrar un diseño favorecedor.
- Tipos de Carrusel: Explora los carruseles de la nueva era: Vertical y Swiper, así como el Modo Central.
- Tarjetas de categorías: Muestra los atributos del producto aplicados como una tabla compacta, a la que se le puede aplicar estilo y título.
Planes de precios
- Custom (Precio personalizado).
- All-Inclusive ($199/Año).
- Freelance Lifetime ($750/Solo 1 pago)).
- Lifetime ($999/Solo 1 pago).
#2 CoDesigner
CoDesigner está construido siguiendo las tecnologías y estándares de codificación de WordPress. Puedes personalizar cada una de las partes de tu tienda de WooCommerce con un editor de tipo arrastrar y soltar, por lo que podrás crear sitios web con una gran facilidad, y trabajar en vivo sin tener que guardar cambios a cada instante, ir a la vista previa y volver al editor. Tienen también diseño de correo electrónico, donde puedes personalizar la plantilla.
Características
- WooCommerce customizable: Todas y cada una de las partes de tu tienda WooCommerce se pueden personalizar. Ya sea la página de la tienda, el filtro de producto o el formulario de facturación.
- Para móviles: Hace que tu tienda sea compatible con dispositivos móviles.
- Increíblemente rápido: Está construido siguiendo las tecnologías de vanguardia y los estándares de codificación de WordPress.
Planes de precios
- Personal ($49,99/Año).
- Professional ($99,99/Año).
- Agency ($249,99/Año).
#3 Woolentor
WooLentor es un plugin Elementor del generador de sitios webs WooCommerce. Puedes crear páginas personalizadas de tienda, carrito, pagar y otras páginas de WooCommerce utilizando el generador de sitios webs intuitivo de WooCommerce. También crear diseños personalizados para categoría de productos particulares individualmente.
Características
- Creador de páginas WooCommerce: Crea páginas personalizadas de Tienda, Carrito, Pago y otras páginas de WooCommerce utilizando el creador de páginas intuitivo de WooCommerce.
- Filtro horizontal/vertical: Muestra varias opciones de filtrado de productos horizontal/verticalmente y toma control absoluto sobre los estilos y diseños de los filtros.
- Individual Archive Page Builder: Crea diseños de páginas de archivo personalizados para categorías de productos particulares de forma individual.
- Customización de e-mail: Sin ninguna experiencia previa en codificación, los usuarios pueden simplemente editar sus plantillas de correo electrónico de WooCommerce con la apariencia profesional que deseen utilizando el módulo de personalización de correo electrónico de WooLentor.
Planes de precios
- Plus ($59/Año).
- Elite ($159/Año).
- Agency ($299/Año).
- Bundle ($499/Año).
Conclusión: Aprende a crear y personalizar las páginas de WooCommerce
WooCommerce simplifica el crear páginas para tu tienda online, permitiéndote generar manualmente las páginas principales (tienda, mi cuenta, carrito y finalizar compra) o de forma predeterminada y asignarlas en los ajustes. Además, ofrece shortcodes de WooCommerce para insertar elementos en cualquier lugar de tu tienda. Esto es útil si las páginas predeterminadas no se crearon al instalar o si se eliminaron por error.
Si quieres personalizar WooCommerce y decidir qué diseño quieres para las páginas de WooCommerce te recomiendo invertir en plantillas como Codesigner o plugins como JetWooBuilder (unido con Elementor Pro), ya que te permiten personalizar lo que quieras de tu tienda online, para crear un proceso de compra que consiga más conversiones.
¿Qué te ha parecido este listado de páginas predeterminadas de WooCommerce? ¿Conocías todas las páginas? ¿Crees que me he dejado algo importante? ¿Te has quedado con alguna duda o pregunta? Entonces te pido que dejes un comentario. Da igual que sea o una duda o un simple gracias, pero me alegraré mucho de leerlo y responderlo.
