{"id":34871,"date":"2023-08-05T05:41:12","date_gmt":"2023-08-05T02:41:12","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=34871"},"modified":"2026-01-20T11:58:50","modified_gmt":"2026-01-20T09:58:50","slug":"custom-code-elementor-ai","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/custom-code-elementor-ai\/","title":{"rendered":"Add custom code using Elementor AI"},"content":{"rendered":"\n

The Custom Code feature allows you to add HTML, JavaScript and CSS code snippets to your site. For example, Google Analytics code or Facebook Pixel code. You can add any kind of JavaScript code to tweak the DOM, add events and dynamic features and much more. You can use CSS snippets to add custom styling to any element on the site.<\/p>\n\n\n\n

[callout type=”note”]Custom code does not support PHP snippets. You cannot use this feature to add custom hooks or actions. You can use a different approach for PHP, either through functions.php or a third-party plugin.[\/callout]<\/p>\n\n\n\n

To add custom code, follow these steps:<\/strong><\/p>\n\n\n\n

    \n
  1. From WP Admin, go to Elementor>Editor<\/strong>.
    \"\"<\/li>\n\n\n\n
  2. In the left panel, open Custom Elements.
    \"\" <\/li>\n\n\n\n
  3. Click Code<\/strong>.
    \"\"<\/li>\n\n\n\n
  4. Click New code<\/strong>.
    [callout type=”note”]You can select an existing code to edit.[\/callout]
    \"\"
    The New Code<\/strong> page appears.
    \"\"<\/li>\n\n\n\n
  5. Enter the following:\n