How to Create A Custom Widget In October CMS?

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

1

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

2

Ultimate Tailwind CSS Handbook: Build sleek and modern websites with immersive UIs using Tailwind CSS (English Edition) (Frontend Designer — Tools & CMS)

BUY & SAVE

$26.43 $32.95

Save 20%

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

• BOOSTS CREATIVITY AND ATTENTION SPAN WITH HANDS-ON STEM LEARNING.

• 156 COLORFUL PIECES FOR ENDLESS BUILDING FUN-GREAT FOR ALL AGES!

• PERFECT GIFT IDEA FOR ANY OCCASION, RATED 97% SATISFACTION BY USERS.

BUY & SAVE

$21.49

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 SIZE: IDEAL FOR EASY STORAGE AND TRANSPORT.
• HIGH-QUALITY TOOLS MADE IN THE USA FOR RELIABLE PERFORMANCE.
• CONVENIENT SINGLE PACKAGE QUANTITY FOR FOCUSED PURCHASING.

BUY & SAVE

$85.48

6

CMSs, E-Commerce Tools, & Website Builders Explained: A Beginner’s Guide to Choosing the Right Foundation (How to Build Websites)

BUY & SAVE

$5.99 $14.99

Save 60%

7

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

BUY & SAVE

$17.35 $83.99

Save 79%

+

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.