Contents
Elementor Integration — Plugixa FAQ
Plugixa FAQ registers a native Elementor widget so you can drag-and-drop FAQs into any Elementor page, template, or theme builder layout. The widget is free — no Pro license required.
Requirements
- Elementor 3.0.0 or higher.
- Plugixa FAQ 1.0 or higher.
The integration activates automatically when both plugins are active.
Adding the widget
- Edit a page with Elementor.
- In the widget panel, search for Plugixa FAQ (or scroll to the Plugixa category).
- Drag the widget onto the canvas.
Widget controls
The widget exposes the same options as the [plugixa_faq] shortcode, organized into Elementor-style control tabs.
Content tab
- Content source — native FAQs / posts / pages / WooCommerce products PRO / media PRO.
- Category — dropdown.
- Specific FAQs — multi-select.
- Limit — number input.
- Order — field + direction dropdowns.
Style tab
- View — pick a view preset.
- Override: colors, typography, spacing — Elementor-native style controls that override the view per-widget-instance.
Advanced tab
- Open first
- Allow multiple
- Search
- Group by category
- Pagination
- Dark mode
- Feedback widget
Theme builder integration
You can use the widget inside Elementor’s theme builder:
- Single post template — add contextual FAQs to every blog post.
- Product template — show product-specific FAQs (Pro users: combine with WooCommerce integration).
- Archive template — add FAQs to category archives.
When inside a theme builder template, the widget can receive the current post’s ID via a Dynamic FAQs source — useful for filtering FAQs by the current category.
Custom controls
The widget’s control set can be extended via a hook:
add_action( 'plugixa_faq_elementor_widget_controls', function( $widget ) {
$widget->add_control(
'my_custom_setting',
[
'label' => __( 'Custom setting', 'my-plugin' ),
'type' => \Elementor\Controls_Manager::TEXT,
]
);
} );
Output customization
Transform the widget’s rendered HTML:
add_filter( 'plugixa_faq_elementor_widget_render', function( $output, $settings ) {
// $output is the HTML Plugixa would emit
// $settings is the widget's Elementor settings array
return $output . '<p class="disclaimer">Last updated: ' . current_time( 'Y-m-d' ) . '</p>';
}, 10, 2 );
Preview
Changes in the Elementor editor preview instantly — the widget re-renders on every setting change without a save-and-refresh cycle.
Assets
The widget enqueues the plugin’s frontend CSS and JS through Elementor’s asset system, so caching and minification work normally.
In preview mode (the Elementor editor), dev-time HMR assets load if available; otherwise built assets load.
Troubleshooting
Widget not showing in Elementor
- Elementor active? Plugins screen.
- Clear Elementor cache: Elementor → Tools → Regenerate CSS & data.
Widget shows but no FAQs
Same causes as the shortcode — see Shortcodes troubleshooting.
Preview breaks after a plugin update
Elementor caches widget controls. After any plugin update that changes controls, hit Regenerate CSS & data.
Hooks
See Hooks → Elementor.
Related
- Shortcodes
- Views
- Blocks — Gutenberg equivalent