Menu Widget

Create Your Own Menu Widget in Seconds for Your Website

Build a responsive restaurant menu with editable categories, item details, pricing, badges, theme controls, layout options, and reservation CTAs.

Create Your Menu Widget - It's Free!
Create Your Own Menu Widget in Seconds for Your Website Hero Bg Image

How to embed Menu Widget to WordPress

1Get your Embed Code

Customize your Jotform Website Widget, click Try it on your website for free, and copy the generated embed code.

2Open the Page Editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML Block

Select Custom HTML and paste your Jotform Website Widget embed code into the HTML field.

4Update and View

Click Update or Publish, then open the page to check your embedded widget.

Build Menus With Editable Categories and Items

Add starters, mains, desserts, drinks, specials, or custom categories and edit each item name, description, price, and badge separately.

Editable fields:

CategoriesNamesDescriptionsPricesBadges
Create Your Widget
Build Menus With Editable Categories and Items

Switch Between Menu Layouts

Choose cards, grid, list, compact, featured, menu board, or split layouts to match full menus, highlights, seasonal specials, and compact embeds.

Layouts:

CardsGridListFeaturedSplit
Choose Layouts
Switch Between Menu Layouts

Style Light and Dark Menu Themes

Use light or dark mode and adjust background, text, muted text, borders, accents, badge colors, and button colors.

Theme controls:

LightDarkAccentBadgesButtons
Style Your Menu
Style Light and Dark Menu Themes

Fine-Tune Corners, Alignment, and Branding

Set corner radius presets, align heading and item text, show or hide descriptions and badges, and control Jotform branding.

Display options:

CornersAlignmentDescriptionsBadgesBranding
Customize Display
Fine-Tune Corners, Alignment, and Branding

Add Reservation and Ordering CTAs

Add a button that sends visitors to reservations, ordering, contact, catering, or private event inquiry pages.

CTA uses:

ReservationsOrderingContactCateringEvents
Add a CTA
Add Reservation and Ordering CTAs