Contents

Elementor Integration — Plugixa Team

Plugixa Team ships a native Elementor widget for sites built with Elementor. Drop the widget onto any page, pick a saved shortcode, or configure a one-off display directly in Elementor’s inspector.

Requires: Elementor 3.0.0 or higher, Plugixa Team Pro.

Install

The widget registers automatically when both conditions are true:

  1. Elementor is active (did_action('elementor/loaded')).
  2. A valid Pro license is detected.

No extra setup required.

Insert the widget

  1. Edit any page with Elementor.
  2. In the widgets panel, search for Plugixa Team (category: Plugixa Team).
  3. Drag onto the canvas. A default display renders immediately.

Elementor integration

Widget modes

Like the Gutenberg block, the widget has two modes:

1 · Saved shortcode

Pick an existing saved shortcode from the Shortcode dropdown. This is the recommended mode — configure once in the Shortcode Builder, reuse everywhere.

2 · Custom

Configure a one-off display with these controls:

Content tab

  • Config Source — toggle between Saved Shortcode and Custom.
  • View — SELECT2 of saved views.
  • Groups — SELECT2 multiple (all saved groups).
  • Query — order by, order direction, featured-only.
  • Display Options — switcher controls for: Show Photo, Name, Job Title, Department, Bio, Social, Skills, Ribbon, Email, Phone.

Style tab (custom mode only)

  • Card colors — cardBg, textColor, nameColor, jobTitleColor, departmentColor, borderColor.
  • Social / skill colors — socialIconColor, skillBarColor.
  • Spacing & borders — border radius, card padding, gap, border width.

How it renders

Under the hood, the widget maps its settings to shortcode attributes and calls \PlugixaTeam\Frontend\Shortcodes::render_team(). This means the same view cascade, pagination, and CSS variable system used by [plugixa_team] applies.

Live preview in Elementor

Elementor’s preview frame reloads on every setting change. The plugin adds a small inline <script> that reinitializes window.PlugixaTeamApp.init() in preview mode, so:

  • Carousel sliders rebuild with new settings.
  • Accordion items rebind open/close handlers.
  • Group filters refresh.

Style tab controls vs view config

Style controls in the widget override the view’s colors for that instance only. The underlying view is not modified. If you want a permanent style, change the view instead.

Limitations

  • Custom fields aren’t exposed in the widget inspector — they still render on the frontend if the selected view allows them, but you can’t toggle visibility per widget. Use a saved shortcode with a specific view instead.
  • Dark mode isn’t in the widget inspector. Use a saved shortcode with dark_mode set, or pick a dark-mode-specific view.
  • Polylang — the widget follows the current page’s language. Force a specific language via the shortcode attribute in a saved shortcode.

Multi-page / template use

Use the widget in Elementor templates (header, footer, section templates) and theme builder templates. Every instance renders with its own scoped --pxt-* CSS variables on the root .pxt-custom-team-root element, so multiple widgets on one page don’t collide even with different styles.

Troubleshooting

Widget doesn’t appear in the sidebar

  • Confirm Elementor is active and updated to 3.0+.
  • Confirm your Pro license is active: Plugixa Team → Account.
  • Hard-refresh the editor (Ctrl+Shift+R).

Preview shows an error / blank

  • The widget uses ServerSideRender-like logic through Elementor’s preview frame. If another plugin strips inline scripts from Elementor’s preview (uncommon), the reinit won’t fire and interactive elements may appear broken in preview. The frontend is unaffected.

Styling doesn’t match the Shortcode Builder preview

The widget’s Style tab adds inline overrides. Clear them by switching to Saved Shortcode mode, or match the overrides to the view’s config.

Quick Links

Plugin page Changelog