Skip to content

Save 30% on SiteOrigin Premium with our April sale. Use code APRIL30 .

Buy Now
SiteOrigin
Plugins
Page Builder Create responsive page layouts
Widgets Bundle Our growing collection of widgets
SiteOrigin CSS Modify the look and feel of any site
Installer Easily install our free themes and plugins
Themes Site Packs Support Contact
Get Premium
Plugins
Page Builder Widgets Bundle SiteOrigin CSS Installer
Themes Site Packs Support Contact
Get Premium

Overview

Getting Started

  • Creating a Widget
  • Extending Existing Widgets
  • Initializing a Widget

Form Building

  • Form Fields
  • Repeaters and Sections
  • Input Sanitization
  • Icons and Fonts
  • Order Field
  • Page Builder
  • Presets
  • Post Selector
  • Image Sizes
  • Multiple Media & Repeaters
  • Adding Custom Fields
  • Modifying Forms
  • State Emitters
  • Overriding Form Fields
  • Link Form Field Filters
  • Global Widget Settings

Templating

  • HTML Templates
  • LESS Stylesheets

Advanced Concepts

  • Instance Storage
  • Hooks and Filters
  • Post Meta Boxes

Tutorials

  • Hello World!
  • Adding Custom Styles to a Button Widget
  • Changing Form Structure

Hello World!

Widgets Bundle > Tutorials> Hello World!

Please read and follow the instructions given in the Creating a widget page.

Edit on GitHub
SiteOrigin

Free, lightweight WordPress tools, actively developed since 2012.

SiteOrigin

  • Blog
  • About
  • Contact
  • SiteOrigin Premium

Products

  • Page Builder
  • Widgets Bundle
  • CSS Editor
  • Themes

Your Account

  • Log in
  • Dashboard
  • Support Forum

Policies

  • Refund Policy
  • Licensing
  • Support Policy

© 2026 SiteOrigin. All rights reserved.

Privacy Policy Terms & Conditions Accessibility

"May your updates never break your layout"