Skip to main content
wpcrux.com

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 October 2025

1 Reed Tool PESO1 PE Water Service Shut-off Tool

Reed Tool PESO1 PE Water Service Shut-off Tool

  • COMPACT SIZE FOR EASY STORAGE AND TRANSPORTABILITY.
  • HIGH-QUALITY TOOLS MADE IN THE USA FOR RELIABILITY.
  • ONE PACKAGE PER ORDER ENSURES CONVENIENT PURCHASING.
BUY & SAVE
$74.66
Reed Tool PESO1 PE Water Service Shut-off Tool
2 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
3 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 STEM SKILLS: ENHANCE CREATIVITY AND ATTENTION THROUGH HANDS-ON PLAY.

  • FUN & ORGANIZED: 156 MULTI-COLOR PIECES FOR ENDLESS BUILDING CREATIVITY.

  • PERFECT GIFT: IDEAL FOR ANY OCCASION, LOVED BY 97% OF CUSTOMERS!

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
4 Real-World Web Development with .NET 9 and C# 13 : Create dynamic full-stack applications using Razor Pages, Minimal APIs, Blazor, and Headless CMS tools

Real-World Web Development with .NET 9 and C# 13 : Create dynamic full-stack applications using Razor Pages, Minimal APIs, Blazor, and Headless CMS tools

BUY & SAVE
$8.99
Real-World Web Development with .NET 9 and C# 13 : Create dynamic full-stack applications using Razor Pages, Minimal APIs, Blazor, and Headless CMS tools
5 Festool VB-CMS Extension Table

Festool VB-CMS Extension Table

  • COMPACT DESIGN: 570 MM CUTTING WIDTH FOR VERSATILE USE.
  • USER-FRIENDLY: EASY SETUP FOR QUICK PROJECT COMPLETION.
  • STURDY PACKAGING: COMES IN A DURABLE CARTON FOR PROTECTION.
BUY & SAVE
$827.79
Festool VB-CMS Extension Table
6 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
$17.30 $79.99
Save 78%
Odoo 14 Development Cookbook: Rapidly build, customize, and manage secure and efficient business apps using Odoo's latest features
7 Irwin Tools IRWIN Drill Bit, 3-Cutter, Self Feed, 2-9/16-Inch (3046013)

Irwin Tools IRWIN Drill Bit, 3-Cutter, Self Feed, 2-9/16-Inch (3046013)

  • COMPACT 10.16 CM SIZE FOR EASY STORAGE AND TRANSPORT.
  • HIGH-QUALITY DRILL BITS FOR PRECISION AND DURABILITY.
  • SINGLE PACKAGE ENSURES YOU GET EXACTLY WHAT YOU NEED!
BUY & SAVE
$33.95 $37.26
Save 9%
Irwin Tools IRWIN Drill Bit, 3-Cutter, Self Feed, 2-9/16-Inch (3046013)
+
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.