How to Edit HTML in Elementor

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.

How To Use The HTML Widget

  1. From the Editor Panel drag and drop an Elementor HTML widget onto your page.
  2. Place your code in the text area.
  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.

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page