Skip to main content
SidsProjectImpact

Back to all posts

How to Create A Custom Widget In October CMS?

Published on
10 min read
How to Create A Custom Widget In October CMS? image

Best Tools for Custom Widgets in October CMS to Buy in January 2026

1 Ultimate WordPress Handbook: An Essential Guide to Designing Stunning WordPress Websites, Driving Traffic, and Boosting Revenue (English Edition) (Frontend Designer — Tools & CMS)

Ultimate WordPress Handbook: An Essential Guide to Designing Stunning WordPress Websites, Driving Traffic, and Boosting Revenue (English Edition) (Frontend Designer — Tools & CMS)

BUY & SAVE
$34.95
Ultimate WordPress Handbook: An Essential Guide to Designing Stunning WordPress Websites, Driving Traffic, and Boosting Revenue (English Edition) (Frontend Designer — Tools & CMS)
2 CMS MAGNETICS - (156-Piece Multi-Color Magnet Building Toy Tin Box Case Construction Sticks Set STEM Educational Learning Activity for Brain Development, Creativity, Imagination, Attention Span

CMS MAGNETICS - (156-Piece Multi-Color Magnet Building Toy Tin Box Case Construction Sticks Set STEM Educational Learning Activity for Brain Development, Creativity, Imagination, Attention Span

  • BOOST CREATIVITY & STEM SKILLS WITH HANDS-ON, ENGAGING PLAY.

  • 156 MULTI-COLOR PIECES FOR ENDLESS FUN AND EASY ORGANIZATION.

  • PERFECT GIFT FOR ANY OCCASION WITH 97% CUSTOMER SATISFACTION RATING!

BUY & SAVE
$22.99
CMS MAGNETICS - (156-Piece Multi-Color Magnet Building Toy Tin Box Case Construction Sticks Set STEM Educational Learning Activity for Brain Development, Creativity, Imagination, Attention Span
3 Ultimate Figma for UI/UX Design: Transform Your UI/UX Design, Craft User-Centric Interfaces, and Create Stunning Experiences with Ease (English Edition) (Frontend Designer — Tools & CMS)

Ultimate Figma for UI/UX Design: Transform Your UI/UX Design, Craft User-Centric Interfaces, and Create Stunning Experiences with Ease (English Edition) (Frontend Designer — Tools & CMS)

BUY & SAVE
$37.95
Ultimate Figma for UI/UX Design: Transform Your UI/UX Design, Craft User-Centric Interfaces, and Create Stunning Experiences with Ease (English Edition) (Frontend Designer — Tools & CMS)
4 Odoo Development Cookbook: Build effective business applications using the latest features in Odoo 17

Odoo Development Cookbook: Build effective business applications using the latest features in Odoo 17

BUY & SAVE
$49.99
Odoo Development Cookbook: Build effective business applications using the latest features in Odoo 17
5 Reed Tool PESO1 PE Water Service Shut-off Tool

Reed Tool PESO1 PE Water Service Shut-off Tool

  • COMPACT TOOLS: PERFECT SIZE FOR PORTABILITY AND EASY STORAGE.
  • HIGH-QUALITY US-MADE TOOLS: TRUSTED CRAFTSMANSHIP FOR RELIABILITY.
  • SINGLE-PACK CONVENIENCE: IDEAL FOR QUICK USE WITHOUT EXCESS.
BUY & SAVE
$85.47
Reed Tool PESO1 PE Water Service Shut-off Tool
6 Chikoni 3 in 1 Ficial Face Ice Jade Roller and Gua Sha Tool, Natural Real Jade Anti-Wrinkle Face Eye Neck Massager Tool, Reduce Wrinkles, Puffiness, Migraine, Redness, Pain and Injury,Pink

Chikoni 3 in 1 Ficial Face Ice Jade Roller and Gua Sha Tool, Natural Real Jade Anti-Wrinkle Face Eye Neck Massager Tool, Reduce Wrinkles, Puffiness, Migraine, Redness, Pain and Injury,Pink

  • ELIMINATE PUFFINESS AND DARK CIRCLES WITH NATURAL JADE MASSAGE.
  • VERSATILE TOOLS: ICE ROLLER, JADE ROLLER, AND GUA SHA FOR DAILY USE.
  • SAFE FOR ALL SKIN TYPES, OFFERS SPA-LIKE REJUVENATION AT HOME.
BUY & SAVE
$7.99
Chikoni 3 in 1 Ficial Face Ice Jade Roller and Gua Sha Tool, Natural Real Jade Anti-Wrinkle Face Eye Neck Massager Tool, Reduce Wrinkles, Puffiness, Migraine, Redness, Pain and Injury,Pink
7 Odoo 14 Development Cookbook: Rapidly build, customize, and manage secure and efficient business apps using Odoo's latest features

Odoo 14 Development Cookbook: Rapidly build, customize, and manage secure and efficient business apps using Odoo's latest features

BUY & SAVE
$11.02 $79.99
Save 86%
Odoo 14 Development Cookbook: Rapidly build, customize, and manage secure and efficient business apps using Odoo's latest features
+
ONE MORE?

To create a custom widget in October CMS, follow these steps:

  1. Start by logging into the October CMS backend.
  2. Navigate to the "CMS" section and click on "Widgets."
  3. Click on the "Create New" button to create a new widget.
  4. In the "Name" field, provide a unique name for your widget. This will be used to identify it in the backend.
  5. In the "Code" field, enter a unique code for your widget. This code should be lowercase and can include underscores.
  6. In the "Description" field, provide a brief description of your widget's functionality.
  7. In the "Markup" section, you can define the HTML structure and content of your widget. You can use HTML tags and October CMS's templating system to display dynamic data.
  8. In the "Fields" section, you can define the configuration fields for your widget. These fields can be used to customize the widget's behavior or appearance. You can define different field types like text, dropdowns, checkboxes, etc.
  9. In the "Properties" section, you can define the default values for the fields you created. These values will be used when the widget is first added to a page or layout.
  10. In the "Events" section, you can define actions to be triggered when specific events occur, such as when the widget is being rendered or saved.
  11. Once you have finished setting up your widget, click on the "Save" button.
  12. Your custom widget is now ready to be used. You can add it to any page or layout by going to the "CMS" section, selecting a page or layout, and dragging the widget into the desired location.
  13. Customize the widget's configuration fields as needed, and make sure to save the changes.

That's it! You have successfully created a custom widget in October CMS. You can now use and reuse it in your website's pages and layouts as desired.

How to create a widget menu item in October CMS?

To create a widget menu item in October CMS, you can follow these steps:

  1. Create a widget: First, create a new PHP class for your widget. The class should extend the Cms\Classes\WidgetBase class.