How to Add a WordPress Contact Form in a Slider

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

Would you like to add a WordPress contact form inside a slider on your site? If so, then you’re in the right place. In this tutorial, we will show you how to add a WordPress contact form in a slider.

To do this, we’ll combine 2 popular WordPress plugins:

  1. WPForms
  2. Soliloquy

Ready? Let’s get started.

Step 1: Set Up Your Contact Form

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.

Once you have activated the WPForms plugin, let’s go ahead and create a new contact form.  You can use our step by step guide on how to create a simple contact form.

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.

WPForms is the best WordPress Form Builder plugin. Get it for free!

wpforms-shortcode

Step 2: Set Up your WordPress Slider

Next, 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 on Select Files from Other Sources.

wpforms-slider

Next, you’ll select the Insert HTML Slide.

add-html-slide

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

insert-html-slide

You can also add any additional slides that you want. When you’re done, click on Publish.

wpforms-publish-slider

  • Step 3: Add a WordPress Contact Form in a Slider

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 Add Soliloquy icon.

add-soliloquy-to-a-contact-form

Next, select your slider from the dropdown.

slider-contact-form-dropdown

Finally, publish or update your post/page to make your contact form in a slider live.

publish-contact-form-in-a-slider

Final Thoughts on WordPress Slider Contact Forms

That’s it! We hope this article has helped you learn how to add a WordPress contact form in a slider. You may also want to check out our guide on how to build spam-free WordPress Contact Forms.

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.