WPForms Blog

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

How to Add a WordPress Contact Form in a Slider

How to Add a WordPress Contact Form in a Slider

by Courtney Robertson on Sep 8, 2016

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 will combine two popular WordPress plugins:

  1. WPForms
  2. Soliloquy

Ready? Let’s get started.

Step 1. Setup 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 plugin, let’s go ahead and create a new contact form.  You can see our step by step guide on how to create a simple contact form. After you’ve saved your form, copy your shortcode.

Step 2. Setup 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.

For this use case, you will also need to activate the Dynamic Addon, available with the Developer or Master Plan.  To activate the Dynamic Addon, go to Soliloquy » Addons » Dynamic Addon.

dynamic slider activation addon

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

Soliloquy select files from other sources

Next, you’ll select the Insert HTML Slide.  This is where to place your WPForms shortcode. Afterward, click the Insert Into Slider button. You can also add any additional slides that you want, and publish your slider.

Insert HTML slide

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. On the post edit screen, click on the Add Slider button.

This will bring up a popup where you can select your contact form slider. When you click on Insert Slider button, you will notice the slider shortcode appear in your post editor.

Add a WordPress Contact Form in a Slider

You can now publish or update your post / page. Finally, you can view your slider live on your site.

published contact form in slider

That’s all. 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 Add reCAPTCHA in WordPress Contact Forms.

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

 

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.