Adding custom code to a page, body, or head of your website.
Adding Sitewide Custom Code
Step 1
Once logged in - Scroll down to Elementor and select Custom Code from the hover options on the left hand side navigation bar.
Step 2
Click the Add New Custom Code in the center of the screen.
Step 3
Give your custom code a title to remember it by.
Step 4
Paste your script inside the box below the title.
Step 5
Select the Location that your script will load within your website.
The script provider will tell you which of these to select. Typically these will be loaded in the head of your website.
Step 6
Click Publish in the upper right hand corner.
Step 7
Click Save & Close in the popup.
Adding Custom Code on a Page
Step 1
Once inside of Elementor - scroll on the left hand side bar until you see the HTML element. Click and drag the HTML element where you would like it on your page.
Step 2
You can now either type directly in the HTML box on the left hand side bar to make edits. This supports custom code for both HTML and Javascript. Because PHP is rendered server-side, this is not supported by Elementor widgets.