Add Slide-Out Contact Panels with WP Contact Slider Pro

WP Contact Slider Pro adds settings and opening settings to WP Contact Slider. The underlying slider displays form shortcodes, custom HTML, plain text, images, or editor content in a slide-out panel, so contact content can be available without placing a complete form in the page layout.

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.

Set up a slider

Install and activate WP Contact Slider, then create a slider in its settings. Choose the shortcode or HTML content option, add the form shortcode or other content, and save the slider. Manage the Pro add-ons through the add-on interface.

Adjust panel size and show

The Advanced Settings Add-On lets you change the slider container and tab widths, add a background image, enable the push body effect, conceal the contact tab, or disable full height. It also provides editors for content above and after the shortcode or other slider content. You can exclude a slider on selected post types.

Choose how a slider opens

The Triggers & Shortcodes Add-On can open a slider after a chosen time delay or repeatedly at a selected interval. Its exit intent trigger can display a form when visitors intend to leave the page. These triggers open sliders without requiring a click on the contact tab.

The add-on also generates button and link shortcodes in each slider's edit window. Place one elsewhere on a page, and clicking its button or link opens the related slider.

Place multiple sliders on one page

The Display Multiple Sliders Add-On works with multiple sliders on the same page, each with its own shortcode or HTML content. For example, separate panels can contain a Contact Form 7 form, a Ninja Forms form, and HTML content.

Choose a tab icon

The Font Awesome Icons Add-On provides more than 400 icon options in the slider settings. Display a selected icon with or without label text; no custom CSS is needed for this choice.