Editar productos Woocommerce

Editar productos Woocommerce

Cómo Crear una Tienda Online en 10 pasos, 3 meses y sin Inversión

Como editar los productos con Woocommerce, para ello debemos ir a Productos y luego Todos los productos:

Se nos despliegan todos los productos que tenemos cargados, hay dos formas de editar:

Edición rápida: Nos permite hacer una edición rápida del precio, nombre, o categoría, solo debemos realizar los cambios y darle clic a Actualizar:

Edición completa: Seleccionamos el producto a editar y hacemos clic en Actualizar, nos llevará a otra página con todos los campos que podemos editar: Apenas entramos vemos que podemos editar el nombre (en este caso Producto 4), debajo podemos editar la descripción del producto, a la izquierda la categoría del producto (en este caso la categoria se llama Ejemplo).

Si bajamos un poco vemos mas opciones para editar como el precio, podemos poner que el precio está rebajado, para ello ponemos un precio Regular y debajo un precio inferior, la tienda mostrará el producto en rebaja.

más abajo a la derecha vemos la imagen del producto y su galeria (si es que tiene), para poder reemplazarla solo debemos hacer clic sobre ella y reemplazarla

Si el producto es un producto variable, es decir que su precio varia dependiendo del tamaño, peso, tiempo, etc, para editar el precio debemos ir a la solapa Variaciones y editar los precios manualmente:

Desplegamos la variación que queremos editar y cambiamos su precio regular o precio rebajado:

Bueno esos son todos los cambios que podemos realizar por nuestra cuenta! Por dudas o consultas nos podes encontrar en las redes sociales o completando el formulario de nuestra web!

Editar páginas con Elementor

Editar el contenido de tu web con Elementor

Elementor es una herramienta que nos permite editar el contenido de forma fácil e intuitivo. Para poder hacerlo debemos loguearnos en nuestra web e ir a Páginas y luego a Todas las Páginas, buscamos la página que queremos editar y seleccionamos Editar con Elementor. Una vez que hacemos eso nos muestra la pantalla de edición de Elementor donde vemos a la izquierda los elementos que ofrece Elementor y a la derecha el contenido de nuestra página:

Para editar el texto que aparece en nuestra web solo hace falta seleccionarlo, una vez hecho eso nos mostrará los campos editables a la izquierda, ej:

Seleccioné a la derecha el texto que dice “En ATYM diseñamos páginas webs; eso no es ningún secreto.” y me mostró a la izquierda varias opciones, primero el texto para poder editarlo, debajo donde dice Enlace yo podría poner una URL para que al hacer clic sobre el texto actué como un botón, más abajo el Tamaño, que tipo de etiqueta es (ej: H5 es un título) y debajo la Alineación o el centrado, muy fácil, no?
Una vez realizado esto sólo debemos hacer clic en Actualizar

pié izquierdo

Cambiar una imagen: El proceso es el mismo, seleccionamos la imagen a editar y nos aparece a la izquierda los campos editables de la imagen:

Para reemplazar la imagen debemos volver a seleccionarla pero esta vez a la izquierda y nos aparecerá una ventana modal para elegir una imagen o subir una nueva:

Podemos simplemente elegir una imagen de las que tenemos subidas y hacer clic en insertar o ir a la solapa Subir archivos (arriba a la izquierda) y subir una nueva, siempre tratar de subir una imagen con la misma resolución y con un peso nunca mayor ni cerca a 1mb

Una vez reemplazada la imagen debemos hacer clic en Actualizar para guardar nuestros cambios.

Cambiar color del texto o Botones: cuando seleccionamos un texto, como vimos anteriormente tenemos una segunda solapa a la izquierda:

Es la solapa de Estilo donde podemos cambiar el color del texto como primera opción y cambiar el tamaño o tipografia como segunda opción:

En los botones el proceso es el mismo pero se agrega la opción de cambiar el color de fondo, entre otras cosas:

Cambiar imagen de fondo: muchas veces usamos como recurso debajo de un texto una imagen como fondo:

Para poder editarla es un proceso un poco más difícil, lo que tenemos que habilitar es el Navigator que se encuentra en el pie del lado izquierdo: es el segundo ícono

pié izquierdo

Al hacer clic sobre el ícono se nos despliega una ventana con la cual podemos navegar por todas las secciones de la página, debemos localizar la sección que contiene nuestra imagen de fondo:

Si lo hicimos bien a la izquierda vemos los detalles editables de nuestra sección (no de tun texto, ni de una imagen), lo que tenemos que hacer es ir a la solapa de Estilo y no smostrara la imagen de fondo, para reemplazarla realizaremos el mismo procedimiento que hicimos para reemplazar una imagen normal:

No olvidar de hacer clic en Actualizar para realizar los cambios. Bueno esos son todos los cambios que podemos realizar por nuestra cuenta! Por dudas o consultas nos podes encontrar en las redes sociales o completando el formulario de nuestra web!

Editar Formularios

¿Cómo editar los formularios y sus respuestas?

Editar Formularios de WordPress

Lo primero que tenemos que hacer es loguearnos en nuestro admin de nustra página y dirigirnos a Contacto y luego a Formularios de contacto

Dentro de Formularios vamos a ver una lista de formularios, debemos identificar cual es el que queremos editar y seleccionamos Editar.

Cuando hacemos clic en editar vemos 4 solapas (o más cuando agregamos MailChimp), pero vamos a centrarnos en las 3 primeras: Formulario, Correo electrónico y Mensajes.


Formulario: La primer solapa están los códigos (ojo al editar esto) podemos agregar nuevos campos o editar los que tenemos. Para poder editar hay que entender un poco el código. Es necesario copiar el código que está ahí y guardarlo en un archivo Word o Bloque de Notas por si hacemos las cosas mal tener un backup.

<label> Nombre (obligatorio)
    [text* your-name placeholder "nombre"] </label>

Al lado de la etiqueta <label> está el nombre que se muestra sobre el campo, en este caso, Nombre (obligatorio). Podemos cambiar a gusto, otra cosa que podemos editar es el placeholder que es ese texto de ayuda que se ve dentro del campo del formulario, para editar eso buscamos la palabra placeholder y editamos lo que está a la derecha sin borrar las comillas. al finalizar hacemos clic en Guardar y comprobamos que hicimos todo bien

Correo electrónico: la segunda solapa contiene el cuerpo del email que se enviará cuando nuestra visita complete el formulario.

Para: hacia donde va dirigido el email (nuestra casilla de correo).
De: Quien envía el correo (Nosotros)
Asunto: si nuestro formulario tiene la casilla Asunto la agregamos acá, sino podemos poner lo que queramos (ej: Enviado de mi Web)
Cabeceras: Lo dejamos como está.
Cuerpo del mensaje: acá debemos tener todas las etiquetas que figuran arriba para que todos lo que ingresaron en nuestro formulario nos lleguen, en este caso tenemos [your-name][your-email][your-subject][your-message] y podemos organizarlo como queramos (ej: Nombre: [your-name])

Al finalizar recuerden siempre hacer clic en guardar!

Mensajes: La tercer solapa contiene las respuestas automáticas que le mostramos a nuestros clientes cada vez que completan el formulario.

Podemos editar a gusto, es muy facil, solo no debemos olvidarnos de dar clic a guardar. Por ejemplo, la casilla de El mensaje se ha enviado con éxito que es la primera, podemos poner “Gracias por contactarnos, un asesor se pondrá en contacto con usted” o lo que se nos ocurra!

Bueno eso son todos los cambios que podemos realizar por nuestra cuenta! Por dudas o consultas nos podes encontrar en las redes sociales o completando el formulario de nuestra web!