How to Create A Custom Widget In October CMS?

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

1

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

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

• BOOST BRAIN DEVELOPMENT WITH ENGAGING STEM EDUCATION ACTIVITIES.

• ENJOY A 156-PIECE MULTI-COLOR SET FOR LIMITLESS FUN AND LEARNING!

• PERFECT GIFT FOR ALL AGES, BACKED BY 97% CUSTOMER SATISFACTION!

BUY & SAVE

$22.99

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)

BUY & SAVE

$37.95

4

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

BUY & SAVE

$49.99

5

Reed Tool PESO1 PE Water Service Shut-off Tool

• COMPACT DESIGN: PERFECT FOR EASY STORAGE AND TRANSPORT.
• HIGH-QUALITY TOOLS: TRUSTED CRAFTSMANSHIP FROM THE USA.
• CONVENIENT SINGLE PACKAGE: IDEAL FOR PERSONAL OR SMALL PROJECTS.

BUY & SAVE

$85.48

6

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

BUY & SAVE

$6.10 $79.99

Save 92%

7

Adobe Experience Manager Backend Development: From Beginner to Advanced: Java, Business Logic, and AEM

BUY & SAVE

$9.99

+

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.