Background

Documentación Woocommerce

Cómo modificar portada

VOLVER

Tenemos dos formas de modificar nuestra portada:

  1. WP Bakery Page Builder (frontend)
    Podremos modificar la portada e ir viendo al instante como se verán los elementos en la página, como si fuesemos los usuarios del sitio.
     
  2. Editor visual desde el administrador (backend)
    Podremos modificar la portada desde el diseño de sus elementos, modificando la posición, textos e imagenes desde el panel de administrador.

El editor WP Bakery podemos verlo en la siguiente imagen:


Por otro lado, el editor backend lo veremos así:

 

¿Qué nos permite este editor?

  1. Podremos cargar temas/plantillas pre-hechas para facilitarnos el trabajo de presentar el contenido de forma atractiva.
  2. Podremos cargar elementos especificos, moverlos, adaptarlos y cambiar sus propiedades como tamaño, colores, fondos, entre muchas otras opciones.
  3. Podremos Editar o Eliminar el contenido cargado.
  4. Cambiar posición de las capas o elementos de nuestra página de manera sencilla (Drag & Drop)
  5. Podremos incorporar contadores, fotografías, iconos, campos de texto, galería de fotos, títulos animados, videos, deslizador de fotos, mapas, tabla de precios, testimonios, botones, estadísticas, carousel de elementos, call to action, entre muchas cosas más.

 

Las siguientes herramientas nos permitirán agregar, modificar, eliminar y mover elementos:

El primero nos permite agregar un elemento al campo o así también un columna o fila.
El segundo nos permite modificar el elemento sobre el cual nos posamos con el mouse.
El tercero nos permite eliminar el elemento seleccionado.
Y el cuarto nos permite arrastrar el elemento o cuadro dentro del editor para cambiar su ubicación.
 

Si queremos cargar una plantilla pre-hecha, solo tendremos que hacer click en el botón [Salient Templates] y escoger la plantilla prediseñada. Esta se cargará al final del editor, la cual podremos mover hacia la posición que queramos.


Si de otro modo, solo queremos agregar un elemento especifico, solo tendremos que hacer click en el icono de agregar elemento [+], lo que nos mostrará un set de ellos.


 

Al seleccionar un elemento, automáticamente se cargará una ventana/popup con la configuración del elemento, así podremos definir como se mostrará finalmente.


Cuando ya hemos finalizado con los cambios, solo tendremos que hacer click en el botón [Actualizar] o [Update].