Cómo utilizar el widget de códigos cortos de Elementor [Guía para principiantes]

Recientemente, hice la transición a Elementor como mi constructor de arrastrar y soltar. Desde el principio, la curva de aprendizaje fue muy fácil y visualmente entretenida, algo que podía usar para hacer una página web visualmente perfecta junto con una precisión milimétrica.

Unos días después en WordPress Elementor, me di cuenta de que puedo escalar el proceso de construcción diez veces simplemente usando los 'códigos cortos de Elementor'.

Para empezar, optimizar un sitio web para hacerlo rápido es una cosa y, por otro lado, crear un sitio web rápido y fácil es otra. Entonces, hablemos sobre cómo usar los códigos cortos de WordPress Elementor muy fácilmente y si es una buena idea usar códigos cortos de Elementor para su proyecto.

¿Qué son los códigos cortos de Elementor?

Los códigos cortos de Elementor son una cadena de caracteres o un fragmento que se puede copiar y pegar para duplicar un componente específico de su sitio web. En otras palabras, los códigos cortos son etiquetas especiales; algo, cuando se ingresa, generará un componente diferente una vez que lo vea.

Si eso suena complicado, déjame que te lo explique. La biblioteca Elementor tiene una enorme colección de widgets prediseñados que puede utilizar para acelerar el proceso de creación de su sitio web.

Ahora, si está en desarrollo y necesita duplicar un componente, los códigos cortos son la mejor manera de hacerlo en cuestión de segundos.

Primero, debe copiar el fragmento del componente seleccionado y pegarlo donde desee duplicarlo.

Suponga que está trabajando en la creación de un formulario que va a utilizar en otra página. Normalmente, construiría exactamente el mismo formulario usando Elementor, y le tomaría unos minutos hacerlo.

Sin embargo, los códigos cortos de plantilla de Elementor le permiten seleccionar un componente prefabricado de su elección de una página web y luego duplicarlo en otros lugares.

Ese es uno de los usos más básicos de los códigos cortos de widgets y, sinceramente, hay un uso más eficiente para él. Entonces, si ya estás pensando ...

¿Cuándo y cómo usar los códigos cortos de Elementor?

Aquí hay un caso de la vida real que encontré que es más adecuado para usar los códigos cortos de WordPress Elementor:

Los códigos cortos de Elementor son la opción ideal para agregar rápidamente más contenido a su sitio web si está diseñado parcialmente con Elementor.

Si desea ajustar el contenido anterior y agregar widgets prediseñados a su página, la sugerencia de un experto dice que los códigos cortos son el camino a seguir. Así que ingrese los códigos cortos para la plantilla que desee, ¡y listo!

Es la mejor opción para inyectar códigos cortos de Elementor para ajustar. Un escenario común en el que puede encontrarse con esta situación es trabajar en las páginas predeterminadas de un tema elegido.

No todos los temas están diseñados con Elementor, por lo que intentar convertirlos en una página web de Elementor podría romper la estructura de la página.

Además, otros complementos que no son compatibles con Elementor no le darán acceso para editar esos elementos y, por lo tanto, lo dejarán en un estado de desastre.

Pero no te preocupes ...

Con los códigos cortos de Elementor, puede agregar nuevos componentes o elementos a su sitio web sin el riesgo de ningún conflicto con otros creadores de páginas y / o complementos. Y además, también te permite agregar tu propia plantilla personalizada.

¿Cómo instalar códigos cortos para Elementor?

Instalar códigos cortos es realmente fácil y solo toma 3 pasos para hacerlo. A continuación, le indicamos cómo puede instalar códigos cortos para Elementor.

Un recordatorio amable: los tres pasos de esta guía de instalación requieren que tengas Elementor instalado en WordPress. Entonces, si no lo ha hecho hasta ahora, hágalo rápidamente y revise los pasos más adelante.

Hay dos procesos en esta guía de instalación: instalación automática e instalación manual

Instalación automática

1. Dirígete a 'Complementos' y sigue a 'Agregar nuevo' desde la misma pantalla.
2. Busque los códigos cortos de WordPress para Elementor.
3. Instale el complemento y actívelo.

Instalación manual

1. Descargue el código corto de Elementor de RS <a href=” #”>.
2. Extraiga el archivo shortcode.zip. Los archivos del complemento estarán dentro del directorio llamado rselements-lite.
3. Sube los archivos del complemento a la ubicación de tu instalación de WordPress. El directorio debería ser algo como esto: / wp-content / plugins / elementor-short-code.
4. Active el complemento desde la sección 'Complementos' en el menú de WordPress.

La instalación manual es solo un ejemplo de un complemento en particular, y el proceso es similar para cualquier complemento que desee instalar manualmente.

¿Cómo ingresar las plantillas de Elementor usando códigos cortos?

A continuación, le indicamos cómo puede ingresar una plantilla de Elementor prediseñada utilizando códigos cortos. Así es como puede hacerlo. Dirigirse a -

WordPress -> Plantillas -> Plantillas guardadas

Aquí, podrá verificar el código abreviado de cada widget en la biblioteca. Además, también puede crear su propia plantilla y generar un código corto único para ella.

Cada plantilla guardada tiene su propio código abreviado único, que siempre está disponible para su uso en otras páginas.

Por ejemplo, desea crear una ventana emergente de WooCommerce donde sus clientes puedan ver el estado de su pedido.

Para esto, todo lo que necesita hacer es arrastrar y soltar un widget emergente desde la barra lateral en su lienzo. Ahora, genere el código abreviado de la ventana emergente original y péguelo en la nueva ventana emergente, y generará exactamente el mismo widget emergente en poco tiempo.

Ahora que conoce los códigos cortos y cómo funcionan, es posible que se pregunte si Elementor convierte todos los contenidos de una página web en códigos cortos. Bueno, si ya está preguntando eso, aquí está su respuesta.

¿Elementor ingresa contenido en páginas web con o sin códigos cortos?

Para aclarar su confusión, Elementor no inserta contenido en una página web usando códigos cortos. En pocas palabras, no convierte una plantilla en un código abreviado único y luego lo coloca en la página web. Este es el por qué…

Si Elementor usara códigos cortos para cada plantilla generada en la biblioteca, sus elementos de biblioteca dependerían enormemente del complemento Elementor.

Y por alguna razón, si necesita eliminar Elementor de la lista de complementos instalados para su página web, perderá todo el soporte para los componentes de la biblioteca Elementor existentes y los códigos cortos están asociados con ellos. Como si se convirtiera en una auténtica pesadilla si sucediera.

Pero ese no es el caso con Elementor, ya que resuelve el problema de manera simple. Elementor genera un código corto para la plantilla seleccionada que desea copiar.

Pero antes de hacer eso, hace una copia de su plantilla diseñada como código en la página.

Entonces, la próxima vez que copie algo de un lugar a otro, pegará el código en la parte posterior. Pero visualmente, estás usando códigos cortos para hacerlo.

Los creadores de páginas anteriores solían tener tales dependencias en complementos y plantillas específicos, por lo que era difícil usar otros complementos en un sitio web.

Pero ahora, sin dependencias, puede modificar fácilmente una página web, ya sea que use el creador de páginas Elementor o no.

Resumiendo

A estas alturas, ya tiene todas las ideas que necesita para comenzar a usar los códigos cortos de Elementor en su sitio web de WordPress. Además, las primeras veces son siempre un poco confusas. Por lo tanto, asegúrese de ver algunos videos mientras lo hace para asegurarse de que su aprendizaje sea perfecto.