Add Slide-Out Contact Panels with WP Contact Slider Pro
How the slide-out panel works
WP Contact Slider Pro extends WP Contact Slider with add-ons for panel settings, triggers and shortcodes, multiple sliders, and Font Awesome icons. The slider can display form shortcodes, custom HTML, plain text, images, or editor content in a panel that opens from the contact tab or from a configured trigger.
Supported form shortcodes include Contact Form 7, Gravity Forms, Ninja Forms, WPForms, Caldera Forms, Constant Contact Forms, Formidable Forms, Form Maker, FormCraft, Visual Form Builder, Contact Form by PirateForms, and myCred.
Panel settings and placement
The Advanced Settings Add-On controls container and tab widths, background images, the push body effect, contact tab visibility, and full-height behavior. It also provides editors for content before and after the slider content. You can exclude a slider on selected post types to control where it appears.
Opening a slider
The contact tab opens a slider when clicked. The Triggers & Shortcodes Add-On also supports a time delay, a repeating time-delay interval, and an exit-intent trigger. From a slider's edit window, you can generate button or link shortcodes; placing one elsewhere on a page lets a click open the related slider.
Using more than one slider
The Display Multiple Sliders Add-On lets you place multiple sliders on the same page. Each can contain its own shortcode or HTML content, such as separate forms or a custom message.
Choosing a tab icon
The Font Awesome Icons Add-On provides more than 400 icon choices in the slider settings. An icon can appear with or without label text, without custom CSS for this choice.
Installation and setup
- Install and activate WP Contact Slider.
- Create a slider in its settings.
- Choose the shortcode or HTML content option, then add the form shortcode, text, or HTML.
- Save the slider.
- Use the Pro add-ons to adjust its sizing, triggers, display rules, placement, or tab icon.
Manage the settings through the plugin interface.