help center

On this page

Edit HTML in Elementor

Last Update: August 17, 2023

If you need to add HTML, CSS, or Javascript to your website pages or posts, you may use the Elementor HTML widget. This widget allows you to use code from CodePen, Dreamweaver, or other snippet resources.

HTMLWidget Edit HTML in Elementor 1

How To Use The HTML Widget

  1. From the Editor Panel drag and drop an Elementor HTML widget onto your page.
    HTMLWidgetTwo Edit HTML in Elementor 3
  2. Place your code in the text area.
    HTMLWidgetThree Edit HTML in Elementor 5
  3. Wrap all CSS with style tags. This is to be placed in the beginning of your code.
  4. Wrap all Javascript code with script tags. This is placed at the bottom of your code.
  5. Save and preview your code in a new browser tab.
HTMLWidgetFour Edit HTML in Elementor 7

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article