Put the form where the decision happens — inside the page, behind a button, or as cards that lead to it. Shortcode, block or Elementor widget.
Step 1 of 3
What can we help you with?
Every form in QueryCue already has its own page, ready to link to. But the best moment to ask someone a question is usually the page they’re already on — the service page they’ve been reading, the pricing table they’ve just scrolled past.
So you can drop the form into that page: as a shortcode, as a Gutenberg block, or as a native Elementor widget with full styling control. Or you keep the page uncluttered and put the form behind a button — it slides in from the side, full-screen on mobile, and the page stays exactly where it was.
And if you have several forms — one per practice area, one per service — you can present them as cards that link to each form’s own page. Cards are free, and they’re the same shortcode or block whether you use a page builder or not.
Paste , insert the block, or drop the Elementor widget. The form renders right there, in the flow of the page.
A drawer slides in from the left or right; on mobile it goes full-screen. Any existing button can open it — give it a class or link it to #your-anchor. Escape closes it, and the focus returns to where it was.
A shortcode or block renders your forms as cards — icon, title, subline — in a swipeable slider or a grid, each linking to its own form page. No slider library, no jQuery.
Every form is already live at its own URL, styled and ready. Sometimes that’s all you need — a link in a menu, an ad, an email.
The embedded form renders inside a shadow root — a sealed corner of the page. Whatever CSS your theme or another plugin throws around, the form keeps its layout. And nothing of the form’s styling leaks back out.
The renderer is only enqueued when a form is actually on the page. A visitor reading your blog downloads none of it. And what does load is small: the whole renderer is around 21 KB gzipped, with no jQuery.
Each embed gets its own isolated root and its own state, so a page can carry more than one form without them fighting over styles or scripts.
Because the form lives in a shadow root, the usual trick of overriding a plugin’s CSS with a more specific selector doesn’t reach it — and that’s the point. Styling works through design tokens instead: colours, fonts, radius and spacing are CSS variables you set once globally, and the Elementor widgets let you override them per placement, pre-filled from your global design so you start from what you already chose.
Need something the controls don’t cover? Each form has its own custom CSS field. It’s injected into the shadow root last, so it wins — and it stays with the form through updates, rather than sitting in a theme file someone will overwrite.
Same builder, same logic, same delivery — only the placement changes:
Cards, shortcodes and blocks are free. Inline embedding, the off-canvas drawer and the Elementor widgets come with Pro.