The Proton WidgetCode Tab

Code Tab

Work directly in HTML, CSS, and JS, or paste in a layout you already built, using the Proton Widget's Code tab.

Use the Code tab to work directly in code, or to bring in a layout you already built. It gives you direct access to the section's HTML, CSS, and JS in one place.

What you can do

  • Edit the code directly. Adjust the HTML, CSS, or JS for the section.
  • Paste in a layout. Designed something with coding tools? Paste it in and it renders right away.
  • Keep editing visually. Anything you write here stays fully editable back in the Editor tab.

Screenshot: the Code tab showing the section's HTML, CSS, and JS with a live preview.

Was this page helpful?