Añadir código personalizado

La función de código personalizado le permite añadir fragmentos de código HTML, JavaScript y CSS a su sitio. Por ejemplo, código de Google Analytics o código de píxeles de Facebook. Puede añadir cualquier tipo de código JavaScript para modificar el DOM, añadir eventos y funciones dinámicas y mucho más. Puede utilizar fragmentos CSS para añadir estilos personalizados a cualquier elemento del sitio.

Tabla de materias

Nota

El código personalizado no admite fragmentos de PHP. No puedes utilizar esta función para añadir hooks o acciones personalizadas. Puede utilizar un enfoque diferente para PHP, ya sea a través de functions.php o un plugin de terceros.

Para añadir código personalizado, siga estos pasos:

  1. Inicie sesión en WP Admin.
  1. Ir a Elementor > Código personalizado. En Código personalizado página muestra.
  1. Haga clic en Añadir nuevo código personalizado. En Nuevo Código página muestra.
  1. Introduce lo siguiente:
  • Añadir título - Le ayudará a identificar este fragmento de código más adelante.
  • Ubicación - Determina la sección de la página web donde se ubicará el código. Elija entre las siguientes opciones:
    • - a nivel de página
    • <body> - Inicio - al principio del cuerpo de la página
    • <body> - Fin - al final del cuerpo de la página
  • Prioridad - Elija entre (1 - 10). Si se asignan varias secuencias de comandos a la misma ubicación, los niveles de prioridad determinan el orden en que deben ejecutarse.

Nota

Los números más bajos indican mayor prioridad. Así, un script con prioridad 1 tendrá mayor prioridad que un script con prioridad 5.

  • Introduzca o pegue el fragmento de código en el editor de bloques de código. El linter de código incorporado comprueba su código y le notifica el error, si lo hay.
  1. Desde el Publique bloque, para Condiciones haga clic en Editar. En OPCIONES DE PUBLICACIÓN muestra la ventana.

  1. Establezca las condiciones deseadas. Para más detalles,
  1. Haga clic en Publique. También puede guardar el código personalizado como borrador o fijar una fecha y hora de publicación posteriores.

Nota

Además de los scripts, también puede añadir CSS a su sitio web envolviéndolo entre la etiqueta de estilo HTML. Esto le permite incluir sólo el CSS basado en las condiciones que usted establezca. Véase el ejemplo siguiente:

Añadir código personalizado en Elementor

Código con Elementor AI

Puedes utilizar Elementor para generar tu código personalizado. 

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *