How to Add a WordPress Contact Form in a Slider

How to Add a WordPress Contact Form in a Slider (Easily)

Editorial Note: We may earn a commission when you visit links on our website.

Would you like to add a WordPress contact form inside a slider to make it easier for visitors to connect with you?

It’s smart to put a contact form in a slider because it makes good use of space and keeps people interested by adding ways to connect easily.

Add Contact Form to a Slider

If you want to add this functionality to you’re website, you’re at the right place. Check out these steps to add a WordPress contact form in a slider.

How to Add a Contact Form to a Slider in WordPress

To do this, we’ll combine 2 popular WordPress plugins: WPForms and Soliloquy. Follow the steps below to get started:

Step 1: Install and Activate the WPForms Plugin

The WPForms Lite and Pro versions make it possible to create a contact form, which you can embed anywhere on your website.

The WPForms homepage

So, the first thing you need to do is install and activate the WPForms plugin. Here’s a step-by-step guide on how to install a WordPress plugin.

Step 2: Create a New Contact Form for the Slider

Once you have activated the WPForms plugin, let’s go ahead and create a new contact form. Check out this guide on how to create a simple contact form.

Adding a form field during the WPForms Challenge

After you’ve saved your form, copy your shortcode. We’ll be using this code later. You can find your shortcode by clicking on WPForms » All Forms.

form shortcode

Great job so far! Now, we will walk you through the steps of setting up the WordPress slider, where you’ll add your contact form.

Step 3: Set Up Your WordPress Slider via Soliloquy

You will need to install and activate the Soliloquy slider plugin. Here’s a step-by-step guide on how to install the Soliloquy slider plugin.

Now, visit Soliloquy » Add New to create a slider. Here, you need to add the WPForms shortcode, which you can do by clicking Select Files from Other Sources.

create slider soliloquy

A pop-up window will appear. From here, click the Insert HTML Slide Link on the left. Put a title on this slide and enter the contact form’s shortcode.

insert html slider

This is where to place your WPForms shortcode and give your HTML Slide a title. Afterward, click the Insert into Slider button.

publish slider

You can also add any additional slides that you want. When you’re done, simply click on the Publish button on the right side of the page.

Step 4: Display WordPress Slider with a Contact Form

You’re almost done. Now it’s time to add your slider to a post or page. Simply edit an existing post/page or create a new one where you want to add the slider.

Inside the editing screen for your post/page, click on the + (Plus) icon to add a new block, and add the Soliloquy block.

soliloquy block

This will add the Soliloquy block to the WordPress block editor. Now, simply select the Slider you created earlier.

select slider

Finally, Publish or update your post/page to make your contact form in a slider live, within no time!

publish wpforms slider

That’s it! We hope this article has helped you learn how to add a WordPress contact form in a slider.

Next, Learn How to Build Spam-Free WordPress Forms

You may also want to check out our guide on how to build spam-free WordPress Contact Forms.

Create Your WordPress Form Now

So, what are you waiting for? Get started with the most powerful WordPress forms plugin today.

And if you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.


Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.