Guía de administración de sitios web

Este libro proporciona una guía integral para la gestión de páginas web. Ofrece instrucciones claras y detalladas sobre cómo crear, modificar y personalizar páginas, ajustar sliders y manejar otros elementos clave del sitio.

Ingreso a Wordpress

Pasos para ingresar al administrador de contenidos de tu sitio web

Paso 1: Ingresa al área de clientes

Paso 2: Agrega el nombre de usuario

Paso 3: Agrega tu contraseña

Paso 4: Haz clic en el botón Acceder

Paso 5: Haz ingresado al administrador de contenidos Wordpress

Crear página en Wordpress

¿Cómo Crear páginas en wordpress con wPBakery Page Builder?

Paso 1: Haz clic en el menú páginas

Paso 2: Haz clic en el botón Añadir neuva página

Paso 3: Ingresa el título en este campo

Paso 4: Haz clic en la opción Backend Editor

Paso 5: Haz clic en la opción Blank Layout

Paso 6: Haz clic en Add element para empezar a agregar bloques

Paso 7: Primero debes de crear una fila dando clic en el elemento Row

Paso 8: En este esapcio puedes definir cuantas columnas requieres tenga la fila

Paso 9: Para agregar elementos a la fila haz clic en el ícono +

Paso 10: Haz clic en Text BlockA block si deseas agreagar un bloque de texto

Paso 11: Ingresa el texto que deseas aparezca en la sección y despues de terminado haz clic en el botón Save Changes

Paso 12: Haz clic en el botón + para agregar más elementos

Paso 13: Para agregar una imagen haz clic en el elemento Single Image

Paso 14: Haz clic en el botón + para insertar la imagen

Paso 15: Haz clic en el botón Subir archivos

Paso 16: Haz Clic en Seleccionar archivos y busca en tu equipo la imagen que deseas agregar

Paso 17: Luego de cargada la imagen y la debes seleccionar y luego haz clic en el botón Set Image

Paso 18: En la opción "Image size" introduzca el tamaño de la imagen (Ejemplo: "thumbnail", "medium", "large", "full") ó introduzca el tamaño en pixeles (Ejemplo: 200x100 (Ancho x Alto)).

Paso 19: Para finalizar de clic en la opción Save changes

Paso 20: Luego de terminada la página de clic en Publicar

Modificar páginas en Wordpress

¿Cómo modificar páginas en wordpress con wPBakery Page Builder?

Paso 1: Haz clic en el menú páginas

Paso 2: Haz clic en la opción editar de la página que deseas modificar

Paso 3: Si deseas modificar el título lo puedes realizar en esta sección

Paso 4: Hubica el cursos sobre el elemento que deseas modificar y haz clic en el lápiz

Paso 5: En este caso cómo era un elemento título, para modificar debes ubicarte en el campo title y realizar la respectiva modificación

Paso 6: Luego haz clic en Guardar cambios

Paso 7: Hubica el cursor nuevamente sobre el elemento que deseas modificar y haz clic en el lápiz

Paso 8: En este caso es un elemento bloque de texto, para modificar borra y agrega el texto deseado y haz clic en Guardar cambios

Paso 9: Para modificar imagenes ubica el cursos sobre el elemento y haz clic en el lápiz

Paso 10: Haz clic en el botón +

Paso 11: Selecciona o sube la imagen que deseas agregar

Paso 12: Luego de seleccionada la imagen haz clic en el botón Establecer imagen

Paso 13: Leugo haz clic en guardar cambios

Paso 14: Para modificar videos, ubica el cursor en el elemento Video y haz clic en el ícono editar

Paso 15: En el campo link del video agrega la url del mismo, esta puede ser de youtube o vimeo

Paso 16: Haz clic en Guardar cambios

Paso 17: Luego de realizados los cambios necesarios haz clic en actualizar

Modificar encabezado y pie de página

Modificar Rotador de imágenes - Smart Slider

Pasos para modificar Rotador de imagenes con Smart Slider en Wordpress

Paso 1: En el menú del lado izquierdo, busca y haz clic en "Smart Slider"

Paso 2: En el panel de control, ubica el slider que desea modificar y de clic en "Editar"

Paso 3: Haz clic en los tres puntos para visualizar las acciones de cada uno de los slide

Paso 4: Si quieres crear un nuevo slide haz clic en "Duplicar"

Paso 5: Haz clic en "Despublicar" si deseas conservar el slide sin que sea visible en el sitio web.

Paso 6: Haz clic en "Publicar" si deseas que el slide este visible en el sitio web.

Paso 7: Haz clic en "Establecer cómo el primero" si deseas que el slide sea el primero en mostrarse al cargar el sitio web.

Paso 8: Haz clic en "Borrar" si deseas eliminar el slide.

Paso 9: Confirma que estas seguro de eliminar el slide dando clic en "Borrar"

Paso 10: Haz clic en "Editar" para modificar el slide

Paso 11: Si quieres borrar un elemento, haz clic en los tres puntos

Paso 12: Luego haz clic en "Borrar"

Paso 13: Para insertar un bloque de contenido, haz clic en el ícono del +

Paso 14: Ubica el bloque que deseas insertar y haz clic

Paso 15: Para insertar otro bloque de contenido, haz clic nuevamente en el ícono del +

Paso 16: Ubiqueca el elemento que deseas insertar y haz clic

Paso 17: Haz clic nuevemente en el + para agregar más elementos

Paso 18: Haz clic en "botón" si deseas agregar un botón al contenido

Paso 19: Para modificar el texto del encabezado, haz clic en el bloque correspondiente y luego añade el nuevo texto en el campo que aparece en la ventana emergente.

Paso 20: Para modificar el texto del parrafo, haz clic en el bloque correspondiente y luego añade el nuevo texto en el campo que aparece en la ventana emergente.

Paso 21: Para modificar el texto del botón, haz clic en el bloque correspondiente y luego añade el nuevo texto en el campo "Etiqueta" que aparece en la ventana emergente.

Paso 22: Para agregar un enlace al botón, agregue la url en el campo "Enlace" que aparece en la ventana emergente.

Paso 23: Si desea cambiar la imagen de fondo, haz clic en "Slide"

Paso 24: Haz clic en el botón + del campo Fondo del slide que aparece en la ventana emergente

Paso 25: Haz clic en el botón "Subir archivos"

Paso 26: Haz clic en el botón "Seleccionar archivos"

Paso 27: Luego de cargada la imagen, esta aparecerá seleccionada

Paso 28: Haz clic en "Elegir"

Paso 29: Para insertar más bloques de contenido haz clic en el ícono del +

Paso 30: Si deseas insertar una imagen haz clic en "Imagen"

Paso 31: Luego de insertado el bloque de imagen, haz clic en el ícono del + para seleccionar la imagen que desea insertar y realiza los pasos anteriores para cargar o seleccionar una imagen

Paso 32: Haz clic en el ícono del + para agregar un nuevo bloque al slide

Paso 33: Si desea agregar un video, haz clic en "Youtube" ó "Vimeo".

Paso 34: Agregue la url de Youtube en el campo "Url de Youtube" que aparece en la ventana emergente

Paso 35: Si desea agregar una imagen antes de que se reproduzca el video, agregue una imagen dando clic en el ícono del +

Paso 36: Selecciona o sube la imagen que deseas agregar y haz clic en "Elegir"

Paso 37: Luego de finalizados los cambios, haz clic en "Guardar"

Administración de área de clientes

¿Cómo administrar el área de clientes para nuestro clientes (propietarios e inquilinos)?

Para brindar a nuestros clientes una zona transaccional en la que puedan contar con diferentes herramientas que le permitan administrar la información de los productos o servicios que tienen contratados con la agencia inmobiliaria. Allí podrán actualizar su información de contacto, ver los pagos realizados y descargar los comprobantes respectivos, realizar consultas, etc.

Palabras clave:

shortcode: códigos cortos que se utilizan para insertar plugins o componentes dentro del sitio web

Para garantizar el acceso al área de clientes en el portal web se deben considerar los siguientes puntos:

  1. El plugin debe estar instalado y activo:
    Debemos ingresar al administrador de plugins y en el listado de plugins activos debe aparecer el plugin "Arrendasoft Customer Area".

    image.png


  2. Debe existir una página creada en el wordpress con el shortcode que inserte el plugin:
    Debemos ingresar al menú de páginas y en el listado de páginas del sistema.

    image.png


    El contenido de la página debe tener el shortcode que inserte el plugin.

    image.png


  3. Debe existir un enlace a la página construida en el punto anterior:
    Debemos contar con un enlace a la página de área de clientes creada con el fin de que nuestros usuarios puedan dar uso a todas las funcionalidades que nos ofrece el plugin.

Administración de componentes web

¿Cómo administrar los componentes web?

Para brindar a nuestros clientes diferentes opciones y servicios que brinden una mejor experiencia dentro del sitio web podemos implementar el plugin "Arrendasoft web components API".

Palabras clave:

shortcode: códigos cortos que se utilizan para insertar plugins o componentes dentro del sitio web

Insertar un shortcode en una página:

Para insertar un shortcode en una página de wordpress nos dirigimos al menú de páginas y en el listado de páginas que el sistema muestra seleccionamos la que necesitamos editar, ya estando en el formulario de edición de la página podemos modificar o agregar el código a usar.

image.png

Inicio:

La página principal presenta el buscador, propiedades destacadas, enlaces útiles, información general de la inmobiliaria y datos de contacto. Para insertar estos componentes del plugin en el inicio del portal debemos agregar los siguientes shortcodes a la página que se carga en el inicio:

Buscador:

Facilita la búsqueda de propiedades en venta y alquiler, con filtros por código, tipo de inmueble, barrios, y rango de precio, para usar este componente debemos insertar en una página el shortcode [arrendasoft_web_components_api component="simple-search"].

Ejemplo:
image.png

Propiedades destacadas:

Arrendasoft destaca ciertos inmuebles para mayor visibilidad en la página principal, atrayendo a posibles clientes, para usar este componente debemos insertar en una página el shortcode [arrendasoft_web_components_api component="featured-properties"].

Ejemplo:
image.png

Enlaces de Interés:
Solicitud de Inmueble:

Al momento de que se crea una solicitud de inmueble, este se refleja en Arrendasoft en el módulo de Propiedades - Requerimientos, con notificación al correo configurado, para usar este componente debemos insertar en una página el shortcode [arrendasoft_web_components_api component="requirements"].

Ejemplo:
solicitud inmueble.jpg

Comuníquese con un Asesor:

Al momento de querer tener contacto directo con un asesor, la solicitud web se dirige a asesores configurados en Arrendasoft, la notificación de contacto va a los correos establecidos para cada asesor, para usar este componente debemos insertar en una página el shortcode [arrendasoft_web_components_api component="contact-adviser"].

Ejemplo:
Comuníquese con un asesor.jpg

Consigne su Inmueble:

Al momento de diligenciar el formulario con la información detallada del inmueble, esta solicitud se refleja en Arrendasoft para la gestión de los asesores, para usar este componente debemos insertar en una página el shortcode [arrendasoft_web_components_api component="property-register"].

Ejemplo:
Consigne su inmueble.jpg

Propiedades Venta y Arriendo:

Al acceder a una propiedad, ya sea venta o alquiler, se encuentran las características, la multimedia  y botones para, comentarios, solicitar cita y compartir, para usar este componente debemos insertar en una página el shortcode [arrendasoft_web_components_api component="detalle-propiedad"].

Ejemplo:
Resultados de la busqueda.jpg

Mapa de propiedades:

Posibilidad de buscar propiedades aplicando diversos filtros y visualizando los resultados en un mapa, para usar este componente debemos insertar en una página el shortcode [arrendasoft_web_components_api component="map-of-properties"].

Ejemplo:
Mapa de propiedades.jpg

Crear entradas en Wordpress con Divi AI

Cómo crear Artículos con Divi AI

Crear imagenes en Wordpress con Divi AI

Crear imagenes con aI

Paso 1: Haz clic en el bloque imagen

Paso 2: Para crear la imagen con IA haz clic en el botón

Paso 3: haz clic en Generar con IA

Paso 4: Debes proporcionar una descripción o le puedes indicar a la herramienta que te genere una a partir del contenido dando clic en el botón IA

Paso 5: Haz clic en Generar

Paso 6: Si no te gustan las imagenes generadas haz clic en Genera cuatro más, de lo contrario haz clic en la imagen que quieres agregar

Paso 7: Haz clic en Utilice esta imagen

Paso 8: Haz clic en OK para indicar que terminaste el proceso de generar la imagen

Paso 9: Por ultimo haz clic en Guardar

Modificar imagenes en Wordpress con Divi AI

Modificar Entradas y Páginas en Wordpress con Divi