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:
• Versión MEC: 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 los códigos cortos MEC, debes 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 Addons?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, busca el widget MEC Shortcode Builder.
5. Arrastra el widget MEC Shortcode Builder a tu diseño. No uses el widget estándar de Elementor "Shortcode".
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 las plantillas de código corto MEC predeterminadas, es posible que no necesite la capa adicional del constructor.
• 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? Verifique que esté utilizando el widget MEC Shortcode Builder y no la herramienta de shortcodes predeterminada de Elementor, ya que esta última no mostrará la configuración personalizada de 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 El plugin (MEC) y el plugin Elementor están instalados y activos. Después, instala el complemento subiendo el archivo ZIP del complemento. Una vez instalado, actívalo desde el panel de WordPress, en la sección Plugins.
¿Cómo puedo habilitar el tipo de publicación de códigos cortos en Elementor?
En tu panel de WordPress, ve a Elementor > Configuración > General. Activa el tipo de publicación "Códigos cortos" para que Elementor funcione a la perfección con los códigos cortos de MEC.
¿Qué pasos debo seguir para crear un shortcode de evento personalizado usando el complemento?
Tras comprobar que el complemento esté activado y que el tipo de publicación "Códigos cortos" esté habilitado, crea una nueva página o publicación y haz clic en "Editar con Elementor". En el editor de Elementor, arrastra el widget MEC Shortcode Builder a tu diseño. Desde ahí, puedes personalizar la configuración y el diseño de los códigos cortos según 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 para la versión gratuita de MEC?
Sí, puedes usar este complemento con la versión gratuita de MEC, llamada MEC Lite.
¿Cómo puedo mostrar eventos de categorías específicas usando el complemento?
En la sección Elementor Shortcode Builder En el widget, puede seleccionar categorías de eventos específicas para mostrar. Utilice el category Configuración de filtros para incluir o excluir eventos según sus categorías asignadas.
¿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.