Agregar código personalizado – Readymag Help

Esta función está disponible únicamente en los planes de pago (excluidos los planes heredados: Creator y algunos personalizados).

Mediante el Editor de código, puedes agregar código HTML, JavaScript y CSS para estilos, efectos de animación, integración de herramientas de terceros y otras personalizaciones para tu proyecto.

Cualquier script de terceros probablemente requerirá codificación adicional para que funcione, ya que la estructura interna de Readymag tiene algunos mecanismos muy sofisticados. Recomendamos invitar a un desarrollador web profesional a trabajar con la inserción de código. Utiliza cualquier código personalizado bajo tu responsabilidad y procede con extrema precaución: el equipo de soporte de Readymag no podrá ayudarte con los problemas relacionados con el código de proyecto.

Código personalizado en el plan gratuito

El código personalizado funciona completamente en planes pagos, así como en el modo Vista previa en el plan gratuito; de esta manera, puedes probar la funcionalidad antes de actualizar.

On the Free plan, only <iframe>…</ iframe> codes can be added.

Si pegas un código <iframe>… </ iframe> que incluye otras etiquetas, como <div> o <script>, se ignorará en el plan gratuito, solo serán visibles en el modo Vista previa.

Editor de código

Código del proyecto

Pega el código personalizado que deseas ejecutar para todo el proyecto en la sección <HEAD>, después de abrir la etiqueta <BODY> o antes de la la etiqueta </ BODY>.

CSS

Cambia a la pestaña CSS para usar CSS personalizado para tu proyecto. El código CSS se aplica a todas las páginas.

Widget de código

Si deseas ejecutar código localmente dentro del proyecto, por ejemplo, incrustar un reproductor de video personalizado o una aplicación web en una de tus páginas, crea un nuevo widget de Código y pega el código en la sección 'Widget Code'.

Limpiar el contenido del widget

Si deseas que se elimine el código personalizado cuando los visitantes cambien a otra página o ventana, activa el control 'Clear widget contents'. Esta opción te permite, por ejemplo, silenciar un video que se reproduce automáticamente mientras la pestaña del navegador de tu proyecto está inactiva.

Opción 'Use iFrame'

Es posible que el código personalizado no se muestre correctamente en el Editor. Cambia al modo vista previa (P) en cualquier plan para ver si el código incrustado funciona. Si el código personalizado no aparece ni siquiera en la vista previa, activa el interruptor 'Use iFrame' para incluirlo en una etiqueta <iframe>… </iframe>.

Ejemplos con código personalizado