Cómo crear un precargador de Elementor en WordPress

Muneeb Negocio Jan 24, 2022

El precargador es algo que quizás desee agregar a su sitio de WordPress. Es una animación que muestra cuánto tiempo tardará en cargarse una página en segundo plano. Los precargadores le permiten a la gente saber que el sitio web está trabajando para cargar la página y ver qué está pasando. Esto puede mejorar la experiencia del usuario y reducir la cantidad de personas que se van.

Elementor ahora ha lanzado su nueva opción de precargador. Suponga que desea la mejor optimización y no quiere que todo su sitio de WordPress se ralentice simplemente para manejar su precargador. En ese caso, debe seguir este tutorial para aprender a crear un precargador de Elementor en WordPress.

Cómo crear un precargador de Elementor

Para comenzar, elija un SVG o GIF que le guste, idealmente uno que sea de tamaño pequeño. Preloaders es un lugar maravilloso para buscar cargadores SVG básicos y gratuitos.

Create an Elementor Preloader  - No Plugins Needed

Para incluir el precargador de Elementor, cree una nueva sección en la parte superior de la página. Establezca la opción Sin espacio para esta sección. Puede crear una nueva sección en la plantilla de encabezado para incluir un precargador en cada página de su sitio web.

Create Amazing Websites

Con el mejor generador de páginas gratuito Elementor

Empezar ahora

Finalmente, agregue el siguiente código a un elemento HTML en esta sección.

Asegúrese de cambiar la URL del cargador con la URL de su sitio web.

>div class="vanilla-preloader" /divscript/scriptstyle/style

¡Eso es practicamente todo! Sin embargo, con el comentario proporcionado junto con el código, puede realizar más cambios para que el precargador se vea exactamente como lo desea. Y tendrás el Elementor Preloader para tu sitio web.

Así es como puede retener a los visitantes de su sitio web agregando un precargador. Esto permite a los usuarios pensar que el sitio web está funcionando y les ayuda a permanecer en su sitio web. Mientras que con Elementor , la creación de un precargador se trata de estos simples ajustes. Asegúrese de unirse a nosotros en nuestro Facebook y Twitter para mantenerse actualizado.