Elementor Shortcode Builder Addon
El Elementor Shortcode Builder Addon es una potente herramienta de diseño que le permite personalizar sus códigos cortos de eventos y colocarlos en cualquier lugar de su sitio web mediante una interfaz interactiva de arrastrar y soltar. Elimina la necesidad de código manual al habilitar la Elementor Editor en vivo para obtener una vista previa de eventos y diseños de estilo en tiempo real.
Requisitos
MEC Lite/Pro
Ultima versión
2.1.0
Última actualización
2026-08-03 15:28:13
Configuración inicial y requisitos
Antes de comenzar, asegúrese de que su entorno cumpla con los siguientes requisitos:
• MEC Versión: Modern Events Calendar (Lite o Pro) versión 6.0 o superior.
• Versión de Elementor: Elementor versión 3.0 o superior.
• Requisitos del sistema: WordPress 5.0 o superior y PHP 7.4 o superior.
Ajustar el tipo de publicación del generador de códigos cortos
Para permitir que Elementor reconozca MEC Para usar códigos cortos, debe habilitar el tipo de publicación correcto:
1. Navegue a Elementor > Ajustes > General.
2. Localiza la sección Tipos de publicaciones y marca la casilla de Códigos cortos.
3. Haga clic en Guardar cambios.
Consejo profesional: Si encuentra errores al acceder al editor de Elementor, vaya al Panel de control de WordPress > Ajustes > Enlaces permanentes y haga clic en Guardar cambios (utilizando la configuración del nombre de la entrada ) para regenerar las URL de su sitio.
Lea también:
Cómo instalar MEC ¿Y complementos?Creando tu código corto personalizado
Para diseñar un código corto utilizando el Elementor Shortcode Builder Para usar el complemento, primero debe crear una página dedicada para alojar el constructor.
1. Ve a Páginas > Añadir nueva en tu panel de WordPress.
2. Proporcione un título (por ejemplo, “Visualización de evento personalizado”) y haga clic en Guardar/Publicar.
3. Haz clic en el botón Editar con Elementor para acceder al editor en vivo.
4. En el panel de widgets de Elementor, busque el MEC Widget de creación de códigos cortos.
5. Arrastre el MEC Widget de creación de códigos cortos en tu diseño. Hazlo No Utilice el widget estándar “Shortcode” de Elementor.
Lea también:
¿Cómo crear un Shortcode avanzado?Configuración del widget de código corto
Una vez colocado el widget, puedes usar el panel de la izquierda para personalizar cómo aparecen tus eventos.
Opciones de visualización
Esta sección te permite activar o desactivar elementos específicos, lo que te da control total sobre la información que se muestra a tus usuarios. Puedes personalizar todas las opciones que suelen encontrarse en la página de edición de shortcodes estándar.
Formulario de búsqueda
Habilita el formulario de búsqueda para permitir que los visitantes filtren los eventos directamente en la página. Puedes agregar campos de búsqueda para:
• Categorías, organizadores y ponentes.
• Etiquetas y rótulos.
• Costos y ubicaciones de eventos, etc.
Opciones de filtro
Utilice estas configuraciones para limitar los eventos que se muestran:
• Filtrado de taxonomía: Incluir o excluir categorías o etiquetas específicas.
• Filtrado por ocurrencia: Filtra los eventos que han caducado, que están en curso o que están por venir.
Personalización y estilo
El Elementor Shortcode Builder El complemento proporciona deep Integración con las herramientas de diseño de Elementor para garantizar que tus eventos se ajusten a la identidad de tu marca.
• Pestaña Estilo: Navegue a la pestaña Estilo dentro de la configuración del widget para editar la tipografía, los colores y el espaciado de cada elemento individual por separado.
• Selección de diseño: Elija entre varios formatos de diseño, como vistas de cuadrícula, lista o calendario , etc., directamente en el editor.
• Vista previa en tiempo real: Todos los cambios realizados en la barra lateral aparecerán instantáneamente en el área del editor, lo que le permitirá ver exactamente cómo se verá el código corto final.
Casos de uso (cuando este complemento es útil)
• Diseño de diseños de marca personalizados: Ideal para usuarios que desean que sus listas de eventos coincidan con una paleta de colores y tipografía específicas del sitio web sin necesidad de escribir CSS.
• Edición rápida en la interfaz: ideal para diseñadores que prefieren crear diseños visualmente en la interfaz de usuario en lugar de navegar por menús en el panel de administración.
• Filtrado avanzado de eventos: Útil para sitios con cientos de eventos donde los usuarios necesitan barras de búsqueda específicas (por ejemplo, buscar por ponente o precio).
Situaciones en las que este complemento puede no ser ideal
• Sitios que no usan Elementor: Este complemento está diseñado específicamente para Elementor y no funcionará con otros creadores de páginas como Divi o Beaver Builder.
• Necesidades básicas de diseño: Si está satisfecho con la configuración predeterminada MEC En el caso de las plantillas de código corto, la capa adicional del constructor puede no ser necesaria.
• Limitaciones estrictas del sistema: Los sitios que se ejecutan en versiones obsoletas de PHP (inferiores a la 7.4) o WordPress (inferiores a la 5.0) no serán compatibles con este complemento.
Solución de problemas para principiantes
• ¿El widget no aparece? Asegúrese de tener habilitada la Shortcodes tipo de publicación en Elementor > Configuración > General.
• ¿ Los cambios no se guardan? Haz clic siempre en el botón Actualizar de la barra lateral de Elementor antes de salir para asegurarte de que se apliquen tus configuraciones.
• ¿ Error al cargar el editor? Esto suele deberse a un problema con los enlaces permanentes. Vaya a Ajustes > Enlaces permanentes y haga clic en Guardar cambios para actualizar la estructura de enlaces de su sitio.
• ¿Widget incorrecto? Comprueba que estás utilizando el MEC Constructor de códigos cortos widget y no la herramienta de código corto predeterminada de Elementor, ya que esta última no mostrará el personalizado MEC .
Preguntas Frecuentes
¿Cómo instalo y activo el Elementor Shortcode Builder ¿Añadir?
Para instalar el MEC Elementor Shortcode Builder Complemento, primero asegúrese de que ambos Modern Events Calendar (MECEl plugin y el plugin Elementor están instalados y activos. A continuación, instala el complemento subiendo el archivo ZIP del plugin. Una vez instalado, activa el complemento desde el panel de control de WordPress, en la sección Plugins.
¿Cómo puedo habilitar el tipo de publicación de códigos cortos en Elementor?
Navegue a Elementor > Ajustes > General en su panel de WordPress. Aquí, habilite el tipo de publicación 'Shortcodes' para permitir que Elementor funcione sin problemas con MEC códigos cortos
¿Qué pasos debo seguir para crear un shortcode de evento personalizado usando el complemento?
Después de asegurarse de que el complemento esté activado y el tipo de publicación 'Shortcodes' esté habilitado, cree una nueva página o publicación y haga clic en 'Editar con Elementor'. En el editor de Elementor, arrastre el MEC Agrega el widget Creador de códigos cortos a tu diseño. Desde allí, puedes personalizar la configuración y el diseño de los códigos cortos para adaptarlos a tus necesidades.
¿Puedo previsualizar los códigos cortos de mis eventos mientras los personalizo en Elementor?
Sí, este complemento le permite ver los cambios en vivo dentro del editor de Elementor, proporcionando una vista previa en tiempo real de cómo aparecerán sus eventos en el sitio.
¿Es posible añadir una barra de búsqueda a los códigos cortos de mis eventos?
Por supuesto. Puedes activar la barra de búsqueda en diferentes shortcodes y añadir campos de búsqueda para facilitar la navegación. Esto se puede hacer a través del formulario de búsqueda.
¿Cómo puedo gestionar la tipografía y los estilos de los códigos cortos de mis eventos?
El complemento proporciona opciones para administrar la tipografía y aplicar estilos personalizados a los elementos de código corto, a través de la pestaña de estilo de Elementor.
¿Existen limitaciones en la cantidad de códigos cortos que puedo crear con este complemento?
No, puedes crear y usar una cantidad ilimitada de códigos cortos sin ninguna limitación.
¿Qué debo hacer si encuentro errores al acceder al editor de Elementor después de instalar el complemento?
Para solucionar este problema, ve a la página de configuración de enlaces permanentes de WordPress y haz clic en el botón "Guardar cambios" sin realizar ninguna otra modificación. Esto ayuda a resolver el problema. El problema se produce porque Elementor necesita reasignar los enlaces permanentes, y al volver a guardarlos, las URL se regenerarán correctamente.
¿Puedo controlar qué elementos aparecen en los códigos cortos de mis eventos?
Sí, el complemento le permite activar o desactivar varios elementos de código corto, lo que le brinda control sobre qué información se muestra a sus usuarios.
¿Cuáles son los requisitos del sistema para utilizar el MEC Elementor Shortcode Builder ¿Añadir?
El MEC Elementor Shortcode Builder El complemento requiere el Modern Events Calendar Plugin (versión 6.0 o superior) y Elementor (versión 3.0 o superior). También necesitas un sitio de WordPress con PHP 7.4 y WordPress 5.0 como mínimo.
¿Puedo usar el Elementor Shortcode Builder Complemento con la versión gratuita de MEC?
Sí, puedes usar este complemento con la versión gratuita de MEC, lo cual se conoce como MEC Lite
¿Cómo puedo mostrar eventos de categorías específicas usando el complemento?
En la sección Elementor Shortcode Builder En este widget, puedes seleccionar categorías de eventos específicas para mostrar. Usa la configuración del filtro de categorías para incluir o excluir eventos según las categorías que se les hayan asignado.
¿Cómo puedo personalizar el diseño de mis códigos cortos de eventos?
El complemento ofrece múltiples opciones de diseño para códigos cortos de eventos, como vistas de cuadrícula, lista y calendario. Puedes elegir y personalizar estos diseños directamente en el editor de Elementor para que se adapten al diseño de tu sitio web.