Contents

Elementor Integration — Plugixa Recipe

When Elementor (free or Pro) is active, Plugixa Recipe registers a native Plugixa Recipe widget inside Elementor’s panel — no Elementor Pro license required.

The widget is a full visual wrapper around [plugixarecipe], with the same attributes exposed as Elementor controls, plus live preview in the editor.

Finding the widget

In Elementor’s widget panel, search for Plugixa Recipe. It’s categorized under Plugixa. Drag it onto your page.

Content controls

Control Writes shortcode attribute
Saved shortcode id
View view
Categories categories
Cuisines cuisines
Courses courses
Limit limit
Order by orderby
Order order
Featured featured
Minimum rating min_rating
Columns columns
Dark mode dark_mode
Pagination pagination / pagination_style / per_page

Style controls

Beyond the shortcode attributes, the widget exposes Elementor-native style tabs for container spacing, background, typography, and responsive display. These wrap the Plugixa output — they don’t override the view’s internal styling, but they let you set margins, backgrounds, and alignment consistently with the rest of your Elementor layout.

Live editing

Every change in the widget panel re-renders the preview in the Elementor editor canvas. Saving the page saves the widget settings like any other Elementor widget — portable to templates, kits, and global widgets.

Using multiple widgets

You can drop the widget as many times as you want on a page — each instance is independent. Combine differently-filtered widgets to build custom landing pages:

[Hero section]
[Widget: Featured recipes, cuisines="italian"]
[Widget: Seasonal, categories="winter"]
[Widget: Latest, limit=4]

Elementor Pro templates

If you use Elementor Pro, you can:

  • Save the widget as a global widget (update once, applies everywhere).
  • Include it in Theme Builder templates (for archives, home page, etc.).
  • Drop it into Popups (e.g., a “Recipe of the day” popup).

Performance

The widget inherits all performance optimizations from the base shortcode:

  • CSS / JS enqueued only on pages that use the widget.
  • Object cache lookup on each render.
  • Lazy-loaded images if enabled in Settings → Display.

Troubleshooting

Widget doesn’t appear

  • Ensure Elementor is active.
  • Ensure Plugixa Recipe is active.
  • Check Elementor → Settings → Role Manager — the Plugixa widget requires edit_posts (standard).

Preview is broken but frontend works

Elementor’s preview iframe sometimes blocks the plugin’s REST API calls with a strict referrer check. Flip Elementor → Settings → Advanced → Improved Asset Loading off if you hit issues.

Not ready for Elementor yet?

Use the Gutenberg block instead — see Blocks. Functionality is the same, the UX is Gutenberg-native.

Quick Links