Glossary Widget

Create Your Own Glossary Widget in Seconds for Your Website

Build a searchable glossary with alphabetical filters, editable terms, flexible layouts, brand styling, and responsive display controls.

How to embed Glossary Widget to WordPress

1Get your embed code

After customizing your Jform 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 Jform Website widget embed code into the HTML field.

4Update and view

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

Enable keyword search so visitors can filter across term names and definition text without scanning the full glossary.

Search supports:

Term textDefinition textNo-match stateLive filtering

Group entries alphabetically and let visitors jump to a letter group or browse only the letters that contain terms.

Filter options include:

Letter groupsUsed letters onlyFull alphabetAll letters view

Use a list when definitions should stay visible, or switch to accordion rows for a more compact glossary section.

Layout options include:

목록AccordionPlus / minus iconsMultiple open terms

Adjust section backgrounds, term colors, definition colors, accents, card treatments, and optional scoped custom CSS.

Style controls include:

Section backgroundTerm colorsAccent colors맞춤설정 CSS