Manual de Usuario WordPress + Woocomerce

 

WordPress es un sistema de Código Abierto utilizado por millones de personas en todo el mundo, para crear sitios web y blogs. 

Es completamente personalizable gracias al uso de temas y plugins. “WordPress es impagable y gratuito al mismo tiempo”. Los Temas pueden descargarse fácilmente del sitio de WordPress, o de otros cientos de sitios dentro de la web. 

Lo mismo sucede con los plugins, los cuales se utilizan para ampliar la funcionalidad de su sitio WordPress. A la vez que es un fantástico sistema de gestión de contenidos y blogs, uno de los mayores beneficios es la cantidad de información disponible. 

Existe una enorme comunidad de gente detrás del diseño y desarrollo de WordPress. Personas de todo el mundo contribuyen con su tiempo, conocimientos y habilidades para mantener WordPress actualizado y seguro. 

También hay un gran número de diseñadores, desarrolladores y blogueros que comparten sus conocimientos a través de publicaciones en blogs, tutoriales, reseñas, vídeos, y con la creación de miles de temas y plugins. 

WordPress pone en funcionamiento una asombrosa cantidad de sitios web. De hecho, más del 30% de todas las páginas web están hechas con WordPress. Desde blogs personales hasta sitios de empresas.

 Por ello que frente a la elección de un CMS (Content Manager System), hemos optado por esta herramienta que nos permitirá generar múltiples acciones desde la perspectiva de medición de datos, transformación rápida, actualización, generación de contenido y manejar información en función de las etapas del Consumidor Digital.

En otras palabras, WordPress es un sistema que nos permitirá gestionar los contenidos y aspecto de un sitio web sin conocimientos de programación.  Pero además sumado a los aspectos técnicos de programación nos permitirá realizar integración vertical hacía adelante o atrás, así como integraciones horizontales de negocio, que nos permitan tener más y mejores recursos para Rocketbot.

Inicio de Sesión #

Antes de poder realizar cualquier contenido en nuestra página web, necesitas iniciar sesión. La dirección URL para poder realizar un inicio de sesión, será en la siguiente URL: www.tusitioweb.cl/wp-admin (reemplaza la URL www.tusitioweb.cl por tu sitio web). 

Una vez llegues a la página con el formulario de acceso, debes introducir tu nombre de usuario o la dirección de correo electrónico además de la contraseña asignada para cada usuario.

Interfaz de usuario gráfica, Aplicación, Sitio web

Descripción generada automáticamente

Barras de herramientas de WordPress #

WordPress funciona con dos barras de herramientas para facilitarte el acceso a todo lo que quieras hacer de forma muy sencilla.

Por un lado, tienes la barra superior:

Sz8eQxz82YgzNfEvnaJJcPnI7m

Desde aquí puedes acceder directamente a funciones muy frecuentes, como añadir una nueva entrada, una nueva página, un nuevo usuario, etc., acceder a las actualizaciones, etc.

Las funciones a las que puedes acceder desde esta barra superior también las encontrarás en la barra lateral izquierda, pero esta barra superior viene a ser como un atajo para acceder de forma más directa a funciones destacadas.

Interfaz de usuario gráfica, Aplicación

Descripción generada automáticamente

Por otro lado, tienes la barra de herramientas de la barra lateral izquierda, donde encontrarás menús desde donde podrás acceder a todas las funciones de tu WordPress, que vamos a ir viendo a lo largo de este tutorial.

Interfaz de usuario gráfica, Aplicación

Descripción generada automáticamente

Clicando o pasando el ratón sobre cada menú principal (“Entradas”, “Páginas”, Apariencia”, “Plugins”, “Ajustes”, etc.) se te mostrarán las opciones disponibles en cada uno de ellos. Desde ahí, solo tendrás que hacer clic en la opción que te interese.

Interfaz de usuario gráfica, Texto, Aplicación

Descripción generada automáticamente

Escritorio o panel principal #

El Escritorio o panel principal es como el campamento base de tu WordPress.

e3RzC

Desde aquí, puedes acceder rápidamente a un resumen de la actividad de tu sitio web. Lógicamente, si acabas de instalar tu WordPress no verás ninguna actividad. Pero en cuanto empieces a funcionar tendrás esta información disponible.

Podrás acceder de un vistazo a la información de tus entradas, tus páginas, los comentarios, las publicaciones más recientes, podrás crear un borrador de artículo directamente, gestionar y responder los últimos comentarios, etc.

Interfaz de usuario gráfica, Aplicación, Correo electrónico

Descripción generada automáticamente

Desde el “Escritorio” también podrás gestionar las actualizaciones: de tu versión de WordPress, de tus plugins, temas, etc.

Configuraciones y ajustes básicos #

Vamos a ver ahora una serie de ajustes que puedes configurar en tu WordPress. Podrás cambiarlos cuando quieras.

Para ello, vete al menú “Ajustes” de la barra lateral izquierda. Si clicas o pasas el ratón por encima, se te mostrarán las distintas opciones de ajustes que tienes a tu disposición. Desde ahí, ya solo tendrás que clicar en la sección que te interese.

lAlOjOKcZ1ye4Ii4eoscTKq 4tSH9LwRcDWS4kdteh2X0WNiwZbYIN6TJeqrOPNaPTgaByNWu8NxurZfeahbdVpH8eK5sf9qe8 nkRTUr9T Mq4osKSPoJEYjCPl7f3EFBqL1ub JYTI3wL86Sd RA

Ajustes Generales #

Aquí puedes gestionar información general como: el nombre y el título de tu WordPress, la dirección de correo, fijar un perfil predeterminado para los nuevos usuarios, determinar una zona horaria, seleccionar un formato de fecha y hora, etc.

g0tcbudez3NGQ8zpL4wy UBU1aGrmtSVcvhQr22gAc7DRH2Ggvulg Ip7WseaaysdBh4uddcIUPlYsfk9sWX03 a5j0kHbtCZPQ31mP8i7sAQ67UMb2bpHbytwfEHFsFC0usghV7Gp19reBmNKeG4A

Ajustes de Escritura #

Desde aquí podemos configurar los ajustes de escritura que tendrá nuestro sitio web por defecto: convertir emoticonos a imágenes, establecer una categoría predeterminada para nuestras entradas, establecer un tipo de formato para las entradas, etc.

Interfaz de usuario gráfica, Aplicación

Descripción generada automáticamente

Ajustes de Lectura #

Aquí podemos configurar ajustes relacionados con la forma en que se presentarán nuestros contenidos a nuestros lectores.

Podemos decidir si queremos que nuestra Home sea una página estática o que vaya añadiendo nuestras últimas entradas; determinar el número máximo de entradas que queremos se muestren, etc.

Interfaz de usuario gráfica, Texto, Aplicación

Descripción generada automáticamente

Ajustes de Comentarios #

Aquí no me voy a detener ahora, porque te hablaré de ello más adelante en un apartado dedicado exclusivamente a todo lo que tiene que ver con la administración y gestión de comentarios en WordPress.

Ajustes de Medios

Desde aquí, puedes configurar el tamaño de las imágenes.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Desde el menú “Medios” de la barra lateral izquierda, podrás gestionar todos los archivos de tu biblioteca multimedia.

Interfaz de usuario gráfica, Aplicación

Descripción generada automáticamente
g59RwVEFrYjCPBaSrDeF8bE708r4NPY42JfU2fizuRW hU9hPmZt5nuQO6MDADRgltsWUv4Hf7yuu0 NuNhmXYfsOTPemGG QpRo4WV8frdp6JiYz960rGEuA5NdHXAaur08GWbB46PgGPGdS6rBw

Gestión de usuarios y perfiles #

Al instalar tu WordPress habrás creado tu perfil de usuario automáticamente. A partir de ahí, puedes editar la información de tu perfil y puedes agregar nuevos usuarios, asignarles un rol para filtrar las funciones que pueden o no realizar, etc.

Esto puedes hacerlo accediendo al menú “Usuarios” de la barra lateral izquierda.

ru47P0DpvmdMpg8dzJhhR9fslxcnUx HoPyBBVHVpIw YTBBghAdCey5dZRdGQFPzvJiuVETSlOfBaAZDPtg54jHhqnIrnc4HX TKP3 EcTN9TJ0RE Ty8x8MkFs 6CMn25OVOaH aK9 3MNgN0XA

En la opción “Todos los usuarios” puedes acceder a la información de los usuarios a los que les hayas dado acceso a tu WordPress, al rol o perfil que tienen asignado y que determinará los permisos que tengan, el número de entradas de cada usuario, etc.

En cualquier momento, desde aquí podrás eliminar a un usuario o modificar su perfil (rol).

En la opción “Añadir Nuevo” podrás agregar un nuevo usuario para que tenga acceso a tu WordPress y determinar el perfil o rol que va a tener: administrador, suscriptor, editor, colaborador o autor. Puedes añadir todos los usuarios que quieras.

IFmd6J6KqOzb5QsWz5p0R xLaRKVazX77ZyeGeHUkh2eyGEx3 sZeHyyYda7q0uzPRMzqJHEwqBDlrSvpDolIMjxWsnu

Perfiles de usuarios en WordPress #

Antes de agregar un nuevo usuario, debes determinar muy bien el perfil que le quieres asignar porque, en función de este rol, le estarás dando acceso a poder realizar unas acciones u otras.

Vamos a ver los distintos perfiles de usuarios y sus permisos correspondientes:

Administrador: es el perfil con máxima autoridad. De entrada, tú eres administrador de tu sitio web, pero también puedes añadir otros administradores si lo crees necesario, teniendo en cuenta que les estarás dando el control de TODO.

Editor: este perfil tiene acceso total a todo el contenido del sitio web. Puede crear nuevas entradas, editar cualquier artículo, eliminar post de cualquier usuario y moderar, gestionar y responder comentarios. Pero no tiene permiso para modificar nada de la configuración del sitio web, gestionar plugins ni plantillas o añadir nuevos usuarios.

Autor: este perfil solo puede añadir y publicar nuevas entradas y editar o eliminar sus propias entradas.

Colaborador: este perfil solo puede escribir nuevas entradas pero, a diferencia del “autor”, estos artículos no se publicarán sin la moderación previa de un editor o administrador.

Suscriptor: puede acceder a los contenidos privados del sitio web, pero no puede escribir ni publicar entradas.

Por último, en la opción “Tu perfil” puedes editar la información de tu perfil de WordPress.

Ajustes de los Enlaces Permanentes #

Desde aquí, podrás configurar la estructura que tendrán por defecto tus URL o enlaces permanentes. Al crear una nueva entrada, no obstante, tendrás la opción de editar la URL, como veremos justo a continuación.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Crear entradas en WordPress #

En este módulo vamos a ver todo lo que necesitas para crear tus entradas en WordPress desde cero.

Veremos las opciones que tienes para editar y formatear tus artículos, cómo añadir enlaces, cómo editar una URL, cómo añadir etiquetas de título, como agregar imágenes y vídeos, galerías, cómo funcionan las categorías y etiquetas, etc.

Añadir nueva entrada #

Para añadir una nueva entrada en WordPress, simplemente tendrás que clicar sobre el menú ENTRADAS de la barra lateral izquierda y hacer click en “Añadir Nueva”.

Interfaz de usuario gráfica, Aplicación

Descripción generada automáticamente

Esto también puedes hacerlo desde la barra superior en el menú AÑADIR. Si clicas se te desplegarán varias opciones, entre ellas “Entrada”.

Interfaz de usuario gráfica, Aplicación

Descripción generada automáticamente

De cualquiera de las dos formas, llegarás al mismo sitio y te aparecerá un lienzo en blanco para empezar a escribir y dar formato a tus entradas. Realmente funciona de forma muy similar a un documento Word.

Si es la primera vez que creas una entrada, probablemente sólo te aparecerá una primera línea de herramientas básicas de formateado. Si clicas en el último icono de esa primera fila, se te desplegará una segunda fila de opciones más avanzadas.

Interfaz de usuario gráfica, Aplicación, Word

Descripción generada automáticamente

Títulos, URL y formatos de texto #

Ya estamos listos para empezar a escribir.

Empieza por el título. Una vez escribas el título, se te creará automáticamente una URL o Enlace Permanente por defecto que cogerá el nombre de ese título.

Para modificar la URL, simplemente haz clic en “Editar” e introduce la URL que quieras, separando cada palabra con guiones. Haz clic en “Aceptar” para guardar los cambios.

image

Empieza a escribir y, para estructurar la información, recurre a las etiquetas de título (subtítulos).

Son un factor importante de usabilidad porque tus lectores podrán consumir la información de forma más fácil y organizada y también te pueden dar puntos de SEO Onpage. Además, te ayudarán a la hora de escribir y estructurar lo que quieres contar.

Las más frecuentes son las H2 y las H3, aunque hay hasta H6. La H1, normalmente por defecto, será el título de la entrada.

Simplemente selecciona con el ratón las palabras que quieres usar como subtítulo, vete a la opción “Párrafo” de la barra de herramientas y selecciona el título que quieras del desplegable.

image 2

No tengas miedo a usar las etiquetas de título. Como verás, este artículo está plagado de ellas. Con sentido común, claro. Piensa sobre todo en tus lectores y úsalos para crear una estructura lógica. Así es cómo se verán.

Interfaz de usuario gráfica, Texto, Aplicación

Descripción generada automáticamente

Estrutura tu información con párrafos cortos que sean digeribles para tus lectores y no pierdas de vista que un párrafo corto en versión escritorio puede ser una parrafada eterna en mobile. Es decir, cuanto más cortos mejor (2,3 líneas mejor que 5 o 6).

Puedes destacar palabras o frases cortas en negrita (no abuses), utilizar cursivas, tachar, crear listados con bolitos o números, cambiar el color, deshacer cambios, etc. Esta parte funciona de forma muy parecida a cuando quieres editar en Word.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Simplemente selecciona las palabras o frases que quieras formatear y clica sobre el icono correspondiente de la barra.

A medida que vayas escribiendo, ve guardando los cambios. WordPress tiene un sistema de autoguardado, pero para garantizar que no pierdes nada en ningún momento, acostúmbrate a ir guardando de forma manual. Más vale prevenir.

Para ello, haz clic en el botón “Solo guardar”, en la barra lateral derecha.

1IL2fwvtZJfiBGc7BV9dqayyQiF5tvanevqR93374P55cDXUB 8fdr7XdcavCMxQ0mGESTvbzI odaBSd aikf

Incluir enlaces #

Los enlaces o hipervínculos son una parte muy importante. Tanto externos (a otros sitios web) como internos (a otras páginas de tú mismo sitio web).

Son un factor de usabilidad importante porque facilitan a tus lectores el acceso a información complementaria de forma directa y son también un factor de posicionamiento SEO.

Así que no temas incluir enlaces. Por supuesto, siempre con sentido común y pensando en tus usuarios.

Para incluir un enlace en una entrada de WordPress solo tienes que seleccionar con el ratón la palabras o palabras (anchor text) mediante las que vas a enlazar, ya sea de forma interna o externa, hacer clic en el icono del anclaje, pegar en la cajita la URL de destino y hacer clic en la flecha. ¡Listo!

image 3

Para deshacer el enlace, simplemente selecciona las mismas palabras del hipervínculo y clica en el icono del anclaje roto, que está justo al lado.

¿Necesito saber código para usar WordPress? #

Un apunte importante. Verás que, en la parte superior derecha de la caja para crear la entrada, hay dos cajitas: Visual y HTML.

La pantalla de “Visual” es donde escribes, editas el formato, incluyes enlaces, imágenes, etc. Todo eso automáticamente se reescribe en código en la pantalla HTML. Igualmente, todos los cambios que hagas en la pantalla HTML, si introduces código de forma manual, tendrá su impacto en la pantalla Visual. Así que ojo con tocar a la ligera.

Interfaz de usuario gráfica, Texto, Correo electrónico

Descripción generada automáticamente

Si no tienes conocimientos de código y lenguaje HTML, que esto no te asuste. Porque precisamente una de las grandes ventajas de WordPress es que en principio no te hará falta tocar nada de código y podrás gestionar tu sitio web sin quebraderos de cabeza.

No obstante, no está de más que le eches un vistazo y te familiarices con el lenguaje HTML de las principales etiquetas.

Subir imágenes y añadirlas a la entrada #

Las imágenes son otra parte fundamental de tus entradas. Ayudan a que el texto sea mucho más digerible y aportan valor a tus lectores (siempre que sean las adecuadas). Insisto: piensa siempre antes de hacer nada en tus usuarios.

Subir imágenes a WordPress y añadirlas en tus entradas es muy sencillo.

Coloca el ratón donde quieras insertar la imagen en tu pantalla de “Visual”, donde escribes normalmente.

A continuación, haz clic en “Añadir objeto” en la barra de herramientas de la entrada.

7rPdTn3ogTpixCJ rtSwgFdmlU5 79 6lSHFzI4KcHXlhmNtNDvLYNpLM4ewB3mOH3K554oANb jWo 0oetM

A continuación, tienes dos opciones: subir una imagen o seleccionar una de tu biblioteca multimedia.

Calendario

Descripción generada automáticamente

Para subir una imagen, simplemente clica en la opción “Subir archivos”. En la siguiente pantalla, se te dará la opción de arrastrar directamente la imagen o de seleccionarla de donde la tengas guardada en tu ordenador, ya sea el escritorio o una carpeta.

Interfaz de usuario gráfica, Aplicación

Descripción generada automáticamente

Una vez subida, asegúrate de que esa imagen figura como seleccionada, y clica en el botón “Insertar en la entrada”.

Antes de hacerlo, tienes la posibilidad de editar la imagen, en la barra lateral derecha: ponerle título (si no lo tiene), añadir una leyenda (pie de foto) en caso necesario, ponerle un texto alternativo (esto es lo que se conoce como “etiqueta alt” a efectos de SEO para que puedas posicionar esa imagen en las búsquedas relacionadas), alinearla, etc.

Interfaz de usuario gráfica

Descripción generada automáticamente

Listo. Ya tienes tu imagen añadida en el lugar que querías en tu entrada.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Embeber vídeos en WordPress #

Recuerda: el contenido no es solo texto. Son imágenes y también vídeos.

Los vídeos son también súper importantes. Como siempre, con sentido común. Igual que las imágenes, descongestionan el texto, pueden aportar un valor adicional a tus usuarios y te ayudan a que la gente pase más tiempo en tu página.

Para embeber un vídeo en tu entrada de WordPress, es decir agregarlo, es tan sencillo como ir al vídeo en cuestión y clicar en la opción de “compartir”. Automáticamente se te generará un enlace, que deberás copiar y pegar en tu entrada.

Captura de pantalla de un celular con letras

Descripción generada automáticamenteEsto puedes hacerlo directamente en tu pantalla de “Visual”, como con las imágenes. No te hace falta entrar al código HTML.

Listo. Ya tenemos el vídeo insertado en nuestra entrada, justo donde queremos.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Categorías y etiquetas en WordPress #

Las categorías y etiquetas tienen el objetivo de organizar y clasificar tus entradas para proporcionar una mayor usabilidad a tus usuarios y que puedan encontrar más fácilmente los contenidos por temáticas.

Las categorías sirven para agrupar contenidos de la misma temática. Por ejemplo, en mi blog tengo creadas las categorías de “SEO”, “Herramientas”, “Diccionario SEO”, etc. Bajo cada una de estas categorías están los artículos de cada temática.

Para crear nuevas categorías, puedes hacerlo desde la barra lateral izquierda, en el menú de “Entradas” – “Categorías”.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente
zj7a2FBQLChS4z0H6VzJ537p3rSGY03Z1yEGzyEHVKS9L17e PcLwme

Dentro de la pantalla de edición de cada entrada podrás asignar directamente el artículo a una de las categorías que ya tengas creadas o añadir una nueva. Esto puedes hacerlo desde la columna lateral derecha, en la cajita “Categorías”.

Interfaz de usuario gráfica, Texto, Aplicación

Descripción generada automáticamente

Las etiquetas son más específicas y son un complemento de las categorías. Con las etiquetas o tags puedes agrupar artículos que ya tienes asignados a sus correspondientes categorías pero que, por lo que sea, tienen algo en común.

Por ejemplo, yo podría etiquetar un artículo de la categoría SEO y otro artículo de la categoría Marketing de Contenidos con la misma etiqueta “ganar dinero online” si ambos artículos, pese a pertenecer a distintas categorías, tienen ese tema en común.

Un mismo artículo puede tener varias etiquetas. Pero no se trata de crear etiquetas porque sí, sino de tener en cuenta que son un factor de usabilidad para tus usuarios que deben facilitar la organización de tus contenidos .

Para añadir nuevas etiquetas o etiquetar una entrada dentro de una etiqueta que ya tengas creada, puedes hacerlo desde la cajita de “Etiquetas” que encontrarás en la columna lateral derecha, justo debajo de la de “Categorías”.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Asignar imagen destacada #

La imagen destacada es la imagen principal de tu post. Ya hemos visto antes cómo insertar imágenes dentro de tu entrada y ahora vamos a ver cómo asignar esa imagen destacada al artículo.

Para eso, vete a la columna lateral derecha y haz scroll hacia abajo. Encontrarás una cajita que dice “Imagen destacada”. Haz clic en “Asignar imagen destacada”.

Interfaz de usuario gráfica, Aplicación

Descripción generada automáticamente

En la siguiente pantalla tendrás la opción de subir una imagen o seleccionar una de la biblioteca multimedia, como ya vimos cuando insertamos una imagen dentro de la entrada.

Aquí igual: subimos o seleccionamos imagen, editamos los datos que nos interese, como el texto alternativo (etiqueta alt) y hacemos clic en el botón “Asignar imagen destacada”.

Calendario

Descripción generada automáticamente

Si tu imagen destacada se ha subido correctamente, la verás aquí. Si la quieres quitar para cambiarla por otra, simplemente haz clic en “Quitar imagen destacada” y vuelve a hacer el proceso.

Interfaz de usuario gráfica

Descripción generada automáticamente con confianza media

Meta descripción, título SEO, etc. #

En el sitio web instalamos el Plugin de SEO Rank Math SEO, de manera que podamos trabajar el contenido en base a SEO para disminuir el costo por clic en campañas de pago, difundir información y poder además compartir de mejor forma el contenido que se generará en la web.

Para modificar debes bajar en la parte inferior del contenido escrito en la entrada y presionar “Editar Snippet” para modificar la etiqueta Titulo, Metadescripción y Keyword (Palabra clave)

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Desde aquí mismo podrás editar la información de tu entrada que se verá en los resultados de búsqueda de Google y la palabra clave principal para que la que quieres que se posicione ese artículo.

El título SEO no tiene por qué ser exactamente igual que el titulo de tu entrada, pero deberá contener tu palabra clave y ser todo lo atractivo que sea posible para llamar la atención en las SERPs de Google y destacar entre otros resultados.

Lo mismo con la meta description. En este caso, ese pequeño texto no afectará al SEO pero sí será el responsable de que los usuarios quieran hacer clic en tu resultado. Ajústate al límite de caracteres, porque si te pasas Google cortará el texto. Lo mismo con el título SEO.

La etiqueta título tiene como máximo 70 caracteres, mientras que la etiqueta Meta Description tiene un máximo de 320, pero en general Google muestra 160 caracteres.

Con una buena meta description, que aporte información e incite al clic, podemos mejorar mucho el CTR (Medida en Marketing que es la división de la cantidad de clic que recibe el resultado en Google partido por la cantidad de impresiones – veces que se muestra el resultado -) . Y con eso sí que ganarás puntos a nivel de SEO, porque Google recibirá señales de que tu resultado se adapta a lo que han buscado los usuarios.

También te encontrarás con esto: el famoso semáforo, que te marca en verde, naranja o rojo lo que supuestamente tienes bien, mal o regular.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Mi consejo aquí es que no te fijes en todo los detalles, para eso el equipo de Marketing trabajará y pondrá información correcta para mejorar el contenido que generes. 

Este plugin SEO está bien para lo que acabamos de ver del título, la meta description y otras cosas, pero no te debe coartar ni lo más mínimo a la hora de escribir la entrada que necesitas escribir.

Escribe siempre con sentido común y pensando en tus usuarios, no para que las luces del semáforo se pongan en verde.

Publicar la entrada y otras opciones #

Ya lo tenemos todo listo y ha llegado el momento de publicar la entrada o programarla para que se publique cuando quieras.

Para ello, vete a la parte de arriba de la columna lateral derecha.

Si quieres comprobar cómo queda la entrada antes de publicarla, haz clic en “Vista previa” y la verás tal y cómo les aparecerá a tus lectores en tu blog una vez publicada.

Si quieres publicarla en ese momento, simplemente haz clic en “Publicar”. Si una vez publicada, quieres hacer algún cambio, hazlo y clica después en el botón “Actualizar”.

Si quieres programar tu entrada para que se publique en otro momento, ve a “Publicar inmediatamente” y haz clic en “Editar”. Selecciona la fecha y la hora en la que quieres que se publique el artículo y guarda los cambios.

wvbvlJTCZC6Ib8jpFoHkG6PPJvN6dDA68seMF89J4dzI8k06lVQ6xDcIfHxRFxyPS99iLAJbAgW9sR8fR2

Si de momento no quieres publicarla ni programarla, haz clic en “Sólo guardar” antes de salir y la entrada se te quedará guardada como borrador y sólo la podrás ver tú. No será pública.

¿Qué es WooCommerce? #

Manual de WooCommerce

Instalación WooCommerce en WordPress #

Aunque si has llegado a este punto suponemos que sabes perfectamente qué es WooCommmerce, para los despistados os lo explicamos aquí:

WooCommerce es un plugin gratuito de WordPress para crear tiendas online que te permite vender cualquier cosa, con elegancia. Creado para que se integre sin problemas con WordPress, WooCommerce es la solución que ofrece un control total tanto a propietarios de tienda como a desarrolladores.

Con una flexibilidad infinita y acceso a cientos de extensiones WordPress tanto gratis como de pago, WooCommerce actualmente gestiona el 30% de todas las tiendas online – más que ninguna otra plataforma.

Crear Tiendas con este plugin es bastante sencillo y además de disponer de innumerables plugins adicionales para mejorar las prestaciones del carrito de compras, existe una enorme comunidad en torno a él que hacen que en ningún momento te encuentres sin información o tutoriales para mejorar tu destreza en su uso y personalización.

En esta sección de este Manual, dedicada a WooCommerce, aprenderás a:

  • Agregar productos a tu tienda.
  • Crear características para tus productos.
  • Agregar etiquetas a tus productos.
  • Asociar términos a las etiquetas de tus productos.
  • Manejar los pedidos de tu tienda.
  • Gestionar los clientes de tu tienda.
  • Consultar los informes generados automáticamente por WooCommerce.

Instalar WooCommerce en WordPress #

Para realizar la instalación de WooCommerce en WordPress para que puedas tener tu tienda online, sigue los pasos que se indican en este manual.

Desde su panel de WordPress, seleccione Plugins en el menú del lado izquierdo.

Presione Agregar nuevo y escriba WooCommerce en la barra de búsqueda.

Menú de plugins en WordPressMenú de plugins en WordPress

  • Busca WooCommerce en los resultados de búsqueda y haz clic en  Instalar ahora.
  • Una vez que se complete la instalación, haz clic en el botón Activar.

También lo puedes descargar desde la web oficial haciendo clic aquí.

Vista de WooCommerce en WordPress

Vista de WooCommerce en WordPress

A continuación, debemos configurar WooCommerce, haz clic en el botón “Sí, por favor”.

Configuracion WooCommerce 1

Configuración WooCommerce 1

Añada los datos solicitados de tu tienda y a continuación, haga clic en el botón “Continue”.

Introducir los datos de tu tiendaIntroducir los datos de tu tienda

A continuación, selecciona el tipo de productos que venderá en su tienda online.

Selección tipo de producto.Selección tipo de producto.

Ya tendríamos instalado WooCommerce en nuestro WordPress.

Menú principal WooCommerce.Menú principal WooCommerce.

Gestión de productos WooCommerce #

En este menú podrás configurar todo tipo de información relacionada con los productos de tu tienda WooCommerce.

Manú Productos.Manú Productos.

Añadir productos #

Para añadir un producto, haga clic en el botón “Añadir nuevo” ubicado en el menú “Productos”.

Crear producto.Crear producto.

A continuación, rellene todos los datos del producto a añadir como el título, una descripción corta , una descripción larga, una imágen destacada y una galería de imágenes del producto.

Rellenar datos producto.Rellenar datos producto.

Una vez hayas introducido todos los datos, haz clic en el botón “Publicar” para añadir el producto.

En la pestaña de Inventario, puedes habilitar la gestión de stocks a nivel de producto, es decir, indicar cuántas unidades exactas quedan de este producto concreto.

En Permitir pedidos pendientes puedes permitir que los usuarios compren productos que es posible que no tengas en stock en ese momento determinado (pero que se supone repondrás pronto), lo que sería algo así como una reserva del producto. Si el plazo de reposición va a ser más elevado de lo habitual, marca notificar al cliente, si por el contrario la reposición del producto es un proceso rápido y continuo no es necesario que avises al cliente pues recibirá su pedido en los plazos habituales.

Más abajo puedes indicar el estado del producto, En stock o Agotado. En el caso de que marques Agotado, aparecerá un cartel dentro del producto en la tienda que indica al usuario que no hay existencias.

Por último, si quieres que sólo se pueda comprar una unidad del producto (por ejemplo, para evitar la reventa cuando vendes entradas) marca la casilla Habilitar esto sólo para que uno de este artículo que se compra en un solo pedido (otro aplauso para el traductor).

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente


En la pestaña Envío puedes introducir características del producto como Peso y Dimensiones y elegir un método de envío determinado para el producto, de entre todos los métodos habilitados en Ajustes > Envío. Si no se selecciona ninguno, el usuario será el que decida qué método de envío prefiere.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente


En Productos Vinculados se pueden hacer recomendaciones de productos, productos relacionados con el actual y agrupamientos de productos.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente


En Atributos puedes definir diversos atributos o características del producto y asignarle valores para que se muestren en la ficha del producto. Además, en el caso de Productos Variables, puedes hacer que estos atributos generen variaciones del producto a cada una de las cuales puedes atribuir una imagen, un método de envío, peso, medidas, precio, etc., en función del valor que escoja el usuario.

En Nombre escribes un atributo, por ejemplo, Color. En Valores insertas los diferentes valores del atributo color, por ejemplo: Verde, Rojo, Azul. Si marcas las casillas Visible en la página de productos y Usado para variaciones puedes editar por separado cada variación en la pestaña Variaciones, en la cual generas todas las combinaciones según los atributos y valores introducidos.

Así, si por ejemplo el producto de color azul tiene un precio diferente a los otros dos, podrás ponerle su precio diferente y además añadir la foto correspondiente del producto en color azul, ya sea una camiseta, un reproductor mp3 o cualquier otro producto.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente


Por último, en la pestaña Avanzado, puedes añadir una nota adicional que se enviará al usuario después de la compra, asignar un orden al producto en relación a los otros y habilitar comentarios de usuario para este producto (los comentarios pueden moderarse para aceptarlos o rechazarlos desde la sección Comentarios de tu Escritorio de WordPress).

Interfaz de usuario gráfica, Aplicación, Correo electrónico

Descripción generada automáticamente

Producto creado.Producto creado.

Y así quedaría nuestro nuevo producto.

Muestra de producto nuevo.Muestra de producto nuevo.

Añadir categorías de producto #

Para añadir una nueva categoría, haz clic en el botón “Categorías” situado en el menú “Productos” y continuación, introduce el nombre de la categoría, el slug (Versión amigable de la url para el nombre), categoría padre si tuviese, una pequeña descripción y una miniatura.

Menú categorías de productos.Menú categorías de productos.

Una vez introduzcas los datos de la categoría, haz clic en el botón “Añadir nueva categoría” para añadir la categoría.

Categoría creada en WooCommerceCategoría creada en WooCommerce

Añadir etiquetas #

Para añadir una etiqueta nueva, haz clic en el botón “Etiquetas” situado en el menú “Productos” .

Menú etiquetas WooCommerceMenú etiquetas WooCommerce

A continuación, rellena los datos de la etiqueta nueva, como su nombre, el slug y una pequeña descripción.

Datos de nueva etiqueta WooCommerceDatos de nueva etiqueta WooCommerce

Una vez has rellenado los datos, haz clic en el botón “Añadir nueva etiqueta” para añadir la etiqueta.

Etiqueta creada en WooCommerceEtiqueta creada en WooCommerce

Añadir atributos #

Para añadir atributos, haz clic en el botón “Atributos” ubicado en el menú “Productos”.

Menú atributos WooCommerceMenú atributos WooCommerce

A continuación, rellena los datos del atributo, como el nombre, el slug…

Introducir datos de atributoIntroducir datos de atributo

Cuando termines, haz clic en el botón “Añadir atributo” para añadir el atributo.

Atributo creado en WooCommerceAtributo creado en WooCommerce

Añadir Términos #

Para añadir términos, dirígete al apartado “Atributos” situado en el menú “Productos” y a continuación, haz clic en el botón “Configurar términos” del atributo deseado.

Añadir término a etiqueta.Añadir término a etiqueta.

Rellene los datos del nuevo término.

Introducir datos término WooCommerceIntroducir datos término WooCommerce

A continuación haz clic en el botón “Añadir nuevo” para añadir el nuevo término.

Término creado en WooCommerce.Término creado en WooCommerce

Menú WooCommerce #

En este apartado de WooCommerce podrá consultar y modificar los pedidos de su tienda WooCommerce en WordPress.

Menú WooCommerceMenú WooCommerce

Pedidos #

En este apartado de WooCommerce podrá consultar y modificar los pedidos de su tienda WooCommerce en WordPress.

Página principal de pedidos.Página principal de pedidos.

Añadir pedido #

Para añadir un pedido, haz clic en el botón “Añadir pedido” situado en la parte superior derecha.

Añadir nuevo pedidoAñadir nuevo pedido

A continuación, selecciona el estado en el cual se va a crear el pedido, el cliente al que le vas a crear el pedido, introduce la dirección de facturación y la de envío. Añade los artículos al pedido haciendo clic en el botón “Añadir artículo(s)”, haz clic en recalcular y para finalizar el pedido, haz clic en el botón ”Crear”.

Generando un pedido manualmente WooCommerceGenerando un pedido manualmente WooCommerce

A continuación, podrás ver los pedidos realizados en la sección “Pedidos”.

Página principal de pedidos.Página principal de pedidos.

Clientes #

Ver clientes #

Para ver los clientes de tu tienda, haga clic en el botón “Clientes” situado en el menú “WooCommerce”. Podrás consultar los datos del cliente y además, podrás consultar el total que se ha gastado el cliente en tu tienda.

Página principal clientes WooCommerce

Página principal clientes WooCommerce.

Crear cupones promocionales con WooCommerce #

Es muy fácil crear un cupón descuento o envío gratuito para los clientes de tu Tienda Online. Para hacerlo, ve a WooCommerce > Cupones y haz click en Añadir Cupón.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente


En esta sección puedes crear un cupón para enviar a tus clientes e incentivarles a comprar. Introduce un código para el cupón (el usuario posteriormente introducirá este código cuando esté a punto de finalizar la compra), elige un tipo de descuento, importe a descontar, si vas a incluir envío gratuito y fecha de expiración para el cupón. Además, en Restricción de Uso y Límites de Uso puedes definir condiciones de uso más concretas para el cupón, limitar su validez para determinados productos, etc.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Ajustes > Correos electrónicos #

Aquí puedes personalizar los correos electrónicos que se enviarán al usuario para notificarle el estado de su compra, como Nuevo pedido, Pedido cancelado, Procesando tu pedido, Pedido completado, Pedido devuelto, Factura del cliente, Nota para el cliente, Restablecer contraseña y Nueva cuenta.

En este apartado tienes la posibilidad de establecer un nombre para el remitente de estos correos de notificación, escribir tus propios textos para cada notificación, añadir imágenes de cabecera con tu imagen de marca, usar tus colores corporativos en el cuerpo del email y los textos, etc. De este modo consigues aplicar correctamente tu branding en todas tus comunicaciones con el cliente.

En el caso del correo remitente, en ocasiones resulta oportuno introducir un correo del tipo info@noresponder.com, para evitar que las notificaciones a clientes se conviertan en una vía de comunicación con los clientes que en realidad no puedes atender.

Tabla

Descripción generada automáticamente

Modificación de Orden de los Productos Woocomerce #

La modificación de Orden de los Productos en Woocomerce es un tema que se puede realizar de manera muy simple.

Se ingresa a la sección “Productos” => “Todos los Productos”

Interfaz de usuario gráfica, Aplicación

Descripción generada automáticamente

En el listado de productos en la parte superior existe una barra de herramientas que tiene diversas alternativas, como “Todos”, “Publicados”, “Borradores”, “Papelera”, “Contenido esencial” y “Ordenar”.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Al presionar la vista “Ordenar” la flecha del mouse cambiará a una flecha de 4 puntas que nos permitirá mover los productos bajo sistema Drag & Drop (Arrastrar y empujar) para orden a los productos como queremos.

Una captura de pantalla de una computadora

Descripción generada automáticamente

Si queremos darle un orden especifico a una categoría de productos en especial, podemos filtrar esta categoría para darle un orden específico de mostrar.

Interfaz de usuario gráfica, Texto, Aplicación, Correo electrónico

Descripción generada automáticamente

Siguiendo el mismo patron de arrastrar y mover podremos ordenar los productos conforme al orden que requerimos.

Cómo ordenar manualmente los productos dentro de cada categoría en WooCommerce #

En alguna ocasión podemos necesitar ordenar los productos categoría a categoría. Aquí te dejamos las instrucciones para hacerlo ¡es mucho más fácil de lo que piensas!

  1. Iremos al listado de productos a través del menú lateral izquierdo Productos > Todos los productos.
  2. Encima de la tabla con el listado de productos, veremos que hay una serie de filtros para elegir qué productos se quieren ver.
  3. En el campo “Elige una categoría”, selecciona la categoría deseada y has clic sobre el botón “Filtrar”.
QGTyUR6KmPpzsHQP3B60HVlROsL1hZIovwcjLmeyPzCKNeUeYSJzENXI5CvOuNGEKeh y21yYbYp35uV1cCrcqnLDzHpJ2Ycb4i z D25HymSCqYWF1o qTBfem7AFt jXWtoV8CANbdd9A DjtV g
  1. Te aparecerán sólo los productos de la categoría elegida. Ahora, has clic sobre el enlace “Ordenar” que aparece encima del listado de productos y de los filtros de búsqueda.
  2. La página se recargará y se mostrarán otra vez los productos de esa categoría, pero ahora estará activada la funcionalidad para ordenarlos y podremos arrastrarlos y soltarlos en la posición deseada.

Cómo cambiar el orden predeterminado de los productos en WooCommerce #

  1. A través del menú lateral izquierdo, iremos a Apariencia > Personalización.
  2. Aparecerá un nuevo menú y deberemos elegir el elemento “WooCommerce” ya que lo que queremos personalizar es la tienda online.
kBa8vxqQ5lohY1AiL6P51q4CsEI8Dx8FYCwRSgFMSgyioLthbKCyBw1 zk3KOOnuvhn89GwjRHmmoXZAQmE0CrsbhHlObSENUURteGJGTQPbl2hCUenQsQtQcgTya2R6FmYsO4Qs
  1. Aparecerá otro submenú y seleccionaremos la opción “Catálogo de productos”.
mLcXA4WFyIySr UUhpvlxrwl4CiKSr8qutQEZlZKRfecLa5vsUDZL8255hJMiQZa q5yFLL8ULGNMCwf4ivy7bRl1E
  1. Seleccionaremos el orden predeterminado que queremos usar para el catálogo de productos en WooCommerce, guardaremos cambios y ¡listo! Como puedes ver, podemos elegir entre distintos criterios de ordenación: los productos más vendidos, los más nuevos primero, los más baratos, los más caros…
qtD9B9nD9Ya