Table of Contents

INTRODUCCION

La web está realizada con un editor de contenidos llamado wordpress con un módulo de comercio electrónico que está deshabilitado parcialmente ya que no se necesita la compra directa desde el portal. El diseño está adaptado al 100% a vuestras necesidades.

En esta sección se va a recopilar en pasos sencillos y de manera visual como editar la web, sin embargo voy a dejar un pequeño resumen de como funciona el panel de control de la web

En la parte de la izquierda vemos el menu de control de la web que nos llevará a las distintas opciones que tenemos para la creación, personalización y desarrollo de la página. Esté menú se encuentra en la parte izquierda del panel de control y nos lo encontraremos nada más acceder a él. Básicamente para usar la página web e introducir los datos diarios que vamos a necesitar. Como se puede ver, he marcado con un rectángulo rojo las dos principales opciones del menú que vamos a usar para gestionar la web.

1. Entradas

En esta sección podremos crear y editar las noticias que van a ir en la sección de noticias de la web. En principio sólo he dejado la categoría “noticias”, pero si lo deseamos se pueden crear categorías para tenerlas calsificadas como si se tratase de un blog normal. En las secciones de más abajo veremos como crear noticias nuevas. 

2. Productos

Como su propio nombre indica, aquí crearemos los productos nuevos. En el diseño que he realizado no aparecerá el precio aunque lo pongamos en el campo específico con el que cuenta el programa para registrar los precios. Sin embargo, se puede poner para que vosotros tengais constancia de él. Más adelante desarrollaré como introducir los productos, como editarlos y como borrarlos en el caso de que sea necesario

3. Comentarios

En ocasiones los usuarios de nuestra web dejan comentarios en los artículos que publicamos y dichos comentarios es convenmiente gestionarlos por que muchos de ellos son spam o no nos interesa que se publiquen. Es una tarea muy sencilla.

3. Chat en vivo

Me he tomado la libertad de instalar un chat para que podais hablar con vuestros clientes en tiempo real. Por la experiencia que tengo, este tipo de sistemas suelen crear bastantes ventas, si al final no convence siempre puede desinstalarse. La versión instalada es gratuita pero tiene limitaciones como el número de chats al mes o alguna más. Es cuestión de estudiarlo

NOTICIAS

En la parte izquierda del menú de nuestro WordPress, podemos encontrar un botón llamado “entradas”. Aquí se muestra un pequeño listado resumen con todas las noticias que tenemos creadas hasta ahora y de un vistazo podemos ver información relevante como el autor, la categoría a la que pertenece la noticia o la fecha de creación. Además, pasando el cursor por encima de cada una de las noticias se nos despliega un pequeño menú horizontal donde podemos eleminar la noticia, editarla o ver una vista previa. Mas abajo se desarrolla como funciona este menú

Como crear una nueva noticia

Para crear una nueva noticia deberemos dirigirnos a la pestaña “entradas” del menú lateral de woredpress. Pinchamos ahí y nos aparecerá un listado con todas las noticias que se han creado hasta la fecha

En la parte superior veremos un botón para añadir una nueva noticia (también lo podemos hacer desde el menú lateral en el botón añadir nueva). De esta manera se nos abrirá una nueva ventana con un editor de texto donde podremos crear la noticia insertando el texto que queramos. También se nos permite añadir alguna imagen o archivo multimedia si lo necesitamos para poder ilustrar mejor nuestras noticias. Tenemos que seguir los siguientes pasos:

  1. Introducir un título. Es bueno pensar antes que título vamos a poner ya que google lo tendrá en cuenta para posicionar nuestras noticias y nuestra web en la red, Que sea descriptivo y ni demasiado largo ni demasiado corto
  2. El texto de la noticia en sí: El texto de la noticia lo podemos editar como queramos (letras, cursivas, negritas) o bien podemos crearlo en un archivo externo y pegarlo en nuestro editor
  3. Un resumen: No es necesario introducir el resumen de la noticia, es opcional pero en ocasiones puede resultar interesante si ésta es muy larga
  4. Opciones de guardado y de publicación: Como vemos tenemos un botón para guardar la noticia como borrador, de esta forma no se publicará y podremos seguir editándola más adelante y publicarla cuando consideremos nosotros. Podemos ver una vista previa de como va a quedar la noticia y finalmente con el botón azul podremos publicarla
  5. Asignar una categoría a la noticia: Esto es muy importante por que si se nos olvida no aparecerá la noticia. Actualmente solo hay creada una categoría que es la de noticias pero se pueden crear muchas categorías diferentes… Dependiendo de como vayais desarrollando la web es posible que en el futuro os interese categorizar las entradas y crear un blog normal

Como editar o eliminar una noticia

Cuando vamos a la pestaña de entradas y nos aparece el listado de todas las noticias que tenemos podemos editarlas o eliminarlas pasando el cursor del ratón por encima. Como vemos en la imagen se desplega un pequeño menú debajo del título de la noticia donde podremos elegir entre las opciones:

  1. Editar: Entraremos dentro de la noticia, en la zona que se ha explicado anteriormente y la editaremos como queramos. Cuando acabemos deberemos pulsar en el botón azul de actualizar situadao arriba a la derecha y así nuestra noticia quedará modificada.
  2. Edición rápida: Solo podremos cambiar algunas cosas como el título, la categoría o devolver la noticia al estado de borrador (para que no aparezca publicada)
  3. Envíar a la papelera: Como su nombre indica, nos cargamos la noticia.
  4. Ver: Es una vista previa de la noticia tal y como la vería nuestro usuario
Noticias 4

PRODUCTOS

La estructura de wordpress siempre es muy parecida y al igual que pasaba con las noticias, al pinchar en productos podemos ver un listado de todos los que tenemos creados con un pequeño resumen con el nombre del producto, la categoría, si hay existencias (si manejamos nosotros el stock del producto, que no es el caso así que siempre aparecerán los productos con stock) e incluso la marca del producto

Como crear y editar una categoría de producto

Cada producto debe ser asignado a una o varias categorías para que el usuario pueda verlos dentro de nuestra web y por tanto, antes de crear los productos es necesario crear las categorías que albergarán a éstos. Crear una categoría de producto es igual de sencillo que crear una categoría para las noticias.

Accederemos a la ventana de creación de categorías pulsando en productos>>categorías y como vemos tenemos a la derecha un listado con todas las categorías que tenemos dentro de nuestra página. En la parte de la izquierda tenemos una serie de campos en los que podremos crear nuevas categorías.

  1. Nombre de la categoría: Es importante no dejar este campo en blanco, el slug es la dirección que aparecerá en la barra de direcciones y se asignará de manera automática así que no es necesario rellenar este campo.
  2. Categoría padre y descripción: Si queremos crear un árbol de categorías deberemos podremos hacerlo haciendo que algunas categorías estén por encima de otras. Por ejemplo en nuestro caso tenemos dos grandes categorías principales que son maquinaria de ocasión y maquinaria nueva. Por tanto, si vamos a crear la categoría “chiseles de ocasión” deberemos decirle al sistema que la categoría padre es “maquinaria de ocasión”. De esta forma, el usuario cuando pinche en la categoría maquinaria de ocasión, podrá ver todas las categorías que hemos creado con ella como “padre”. El campo descripción también es importante rellenarlo ya que puede posicionar nuestra web. Ayuda a google a que encuentre nuestras categorías y por tanto cuanto más específica y clara sea la descripción, mejor para nosotros. 
  3. Imagen: Toda categoría debe llevar asociada una imagen. Normalmente es aconsejable que aparezca la imagen con el fondo blanco pero este requisito no es imprescindible. Lo que si es bastante importante es que tenga un tamaño determinado que es de 600 x 600 píxeles. Si subimos una imagen de otro tamaño es posible que el sistema la redimensione y no se vea correctamente.
  4. Listado de categorías: En este apartado vemos el listado de las categorías creadas y un resumen de un resumen de la descripción, el slug y el número de productos que tiene esa categoría

Como editar o eliminar una categoría de producto

Si pasamos el cursor por encima de cualquier categoría, se nos desplega un pequeño menú muy similar al que vimos al editar las noticias, tal y como vemos en la imagen en abonadoras de ocasión. Podemos editar la categoría, borrarla o establecerla como por defecto. Esto último sirve para hacer que los productos nuevos que se creen queden asignados automáticamente a esa categoría, es decir, si asignamos abonadoras de ocasión como por defecto, cuando creemos cualquier producto, se asignará automáticamente a esa categoría.

Como crear y editar un producto nuevo

Crear y editar productos es muy similar a crear y editar categorías. Para crear un producto nuevo tenemos que hacer clic en el menú productos y dentro de este en “añadir nuevo”. También en la parte de arriba tenemos otro botón que hace lo mismo, añadir productos a nuestro listado de productos

En la imagen de arriba vemos el aspecto que tiene la ventana de creación de un producto nuevo en la que tendremos que introducir los datos del producto nuevo. Es muy importante cada vez que hayamos terminado de crear un producto y le demos al botón de publicar, que debemos echar un vistazo para ver como ha quedado ya que es probable que nos hayamos dejado algún dato sin rellenar.

  1. Nombre del producto: Normalmente se pone que tipo de producto es (por ejemplo, si es una grada o es un arado…) y después el modelo o alguna característica muy relevante. Sobre todo tenemos que pensar en como haría la búsqueda alguien que estuviese buscando uno de nuestros productos ya que cuanto más parecido sea el texto que se introduce en el buscador por parte del cliente con lo que hayamos puesto nosotros en el nombre del producto, más posibilidades habrá de que google muestre nuestros resultados como relevantes.
  2. Descripción del producto: Es un editor de texto normal aunque algo limitado. Podemos copiar y pegar directamente de word y el resultado es similar al de la imagen. Si queremos hacer una maquetación más elaborada hay una posibilidad usando el editor de ELEMENTOR que lo veremos mas adelante. Para entrar en el maquetador de elementor tenemos que pinchar en el botón azul que hay justo encima del editor. Lo veremos mas adelante.
  3. Marca y modelo del producto (opcional): Si introducimos estos datos, aparecerán justo debajo del título del producto. Es información para el cliente y para nosotros pero no es obligatorio ponerla
  4. Marca del producto: En este listado están introducidas todas las marcas con las que trabajais. Si no se selecciona una marca no aparecerá el logotipo debajo de la categoría
  5. Categoría del producto: Importantísimo seleccionar una categoría de producto por que si no se hace el producto no va a aparecer. Hay muchas categorías así que habrá que “rebuscar” un poquito hasta encontrarla.
  6. Imagen del producto: La imagen destacada del producto aparecerá la primera y será la que lo identifique pero podemos añadir mas imágenes pinchando justo debajo en “añadir imágenes a la galería del producto”. Es importante que las imágenes añadidas tengan una relación de aspecto de 1:1, es decir que sean cuadradas (que midan 500 x 500 o 600 x 600 píxeles. Para ello habrá que usar algún programa de edición de fotografías como photoshop (los hay online) 
  7. Opciones de guardado y publicación: Una vez que hayamos terminado de crear el producto debemos pulsar en el botón de publicar. Si no hemos acabado de crearlo pero queremos guardar el trabajo podemos pulsar en guardar borrador para que no aparezca el producto en nuestro catálogo

USO DE ELEMENTOR

En principio, podéis crear cualquier descripción de producto con el editor por defecto que viene con WordPress, pero si necesitáis crear algún producto con una descripción muy larga y que sea necesario maquetarla, podéis hacerlo con ELEMENTOR.

Hay cientos de tutoriales en vídeo de como usar elementor, es una herramienta fácil de usar y bastante potente y os puede servir para crear descripciones de productos que lleven muchas imágenes y textos o tablas. Los tutoriales que existen son para crear páginas web pero es extrapolable a cualquier tipo de contenido, incluso las descripciones de productos. Lo único que tenéis que hacer es pulsar en el botón azul “editar con elementor” y entrareis a la interfaz. Después es una cuestión de “ir jugando”, añadiendo secciones y dentro de ellas, el texto y las imágenes… La verdad es que es bastante sencillo y rápido. Os dejo un pequeño tutorial para que veáis como funciona pero como os decía, en YouTube hay cientos tanto en español como en inglés.

Comentarios

Los comentarios son las observaciones que hacen los usuarios de la web en los artículos que escribamos (las noticias). En principio están activados pero se pueden desactivar sin problemas. Cuando tengamos un nuevo comentario, debemos aprobarlo (por si fuera spam). Para ello vamos al botón de comentarios del menú en la parte izquierda. Pinchando nos aparecerá un listado con los comentarios de nuestra web y un resumen rápido de todos ellos donde nos muestra la fecha, el artículo donde se ha realizado y un resumen del texto. Tenemos varias opciones que se desplegarán al pasar el cursor por encima del comentario:

  1. Aprobarlo:
  2. Responder:
  3. Edición Rápida:
  4. Editar: Se puede editar el comentario como nosotros queramos (no es muy “ético”, pero lo podemos hacer)
  5. Spam: Si se marca como spam, el sistema eliminará todos los comentarios provenientes de esa dirección IP
  6. Borrarlo: enviandolo a la papelera de reciclaje
Está página web utiliza cookies para garantizar la mejor experiencia de usuario. Consienta nuestra política haciendo clic en aceptar    Más información
Privacidad