Complementor/Definition list
Content / widget · Elementor module

Definition List Widget Plugin for Elementor

Show terms and definitions, such as a glossary or product details, as a real HTML definition list with three layouts, A to Z sorting and link anchors.

Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Definition listProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration

Examples

These are the actual published outputs of the widget, with three layouts.

02 / Inside WordPress

Definition list controls in Elementor

Content sets the terms and definitions in a repeater (dynamic tags allowed), the layout, the separator for the one-line layout, A to Z sorting and link anchors. The Style tab covers term and definition typography and colours, the term column width, spacing, lines between items, and item background, padding and radius.

03 / Website use cases

Where to use definition list

Glossaries, product specifications and opening details are pairs of a term and its meaning, but they are often built from loose headings and paragraphs, or a table that reads badly on a phone. Definition list keeps them as a real HTML definition list, edited one item at a time, so screen readers and search engines understand the pairs. Choose term above, beside or on one line with its definition, sort the terms A to Z, and give each term a link anchor.

01

Glossaries

Explain the words your customers meet on your site.

02

Product details

List material, size and care in a readable way.

03

Practical information

Show opening times, prices or contact details as pairs.

04 / Installation and setup

How to add a definition list in Elementor

Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.

  1. Install Complementor, connect your license and enable Definition list in the Complementor library.

  2. Add the widget to a page.

  3. Add a term and a definition for each item.

  4. Choose a layout, sorting and link anchors.

  5. Style the terms, definitions and lines.

05 / Content and style controls

Customize definition list in Elementor

Configure the settings available for this module to suit the page you are building.

  • Real dl, dt and dd markup.

  • Repeater with dynamic tags.

  • Three layouts.

  • A to Z sorting.

  • Link anchor for each term.

  • Links and bold in definitions.

06 / Choose the right approach

Definition list and Elementor alternatives

Compare the existing Elementor workflow with this Complementor module before choosing your setup.

Headings and paragraphs

Look similar but lose the link between term and definition.

A table

Suits many columns but reads poorly on phones for simple pairs.

07 / Requirements and compatibility

Definition list compatibility with Elementor

WordPress 6.5+PHP 8.0+Elementor 3.25+
  • Requires Elementor; works without WooCommerce.
  • One definition per term.
  • Does not add glossary tooltips to other text.

Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.

08 / Common setup problems

Troubleshoot definition list

Check these settings if the published page behaves differently from the editor.

Why is an item missing?

Items without a term are skipped. Add a term to the item.

Why did my HTML disappear?

Definitions allow links, bold, italic and code. Other HTML is removed for safety.

How do I link to a term?

Turn on link anchors and link to the page address followed by #term- and the term, for example #term-glaze.

Why do terms stack on my phone?

The side-by-side layout stacks below 600 pixels so long definitions stay readable.

09 / Frequently asked questions

Definition list plugin questions

Does it need Elementor Pro?

No. It works with the free version of Elementor.

Can I fill it from custom fields?

Yes. Terms and definitions accept dynamic tags.

Does it sort in my language?

It sorts A to Z ignoring capital letters and accents.

Is it accessible?

Yes. It uses real definition list markup that screen readers announce as terms and definitions.

Does it need JavaScript?

No. The list is plain HTML.

10 / Annual All Access subscription

Get definition list with Complementor

This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.

All Access · 1 site

One website

$29USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 1 site ↗

Renews at $29 USD each year.

All Access · 5 sites

A few websites

$49USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 5 sites ↗

Renews at $49 USD each year.

All Access · 25 sites

More websites

$99USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 25 sites ↗

Renews at $99 USD each year.

Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.