Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
WordPress Slider with a Contact Form

How to Create a WordPress Slider with a Contact Form

by Waseem Abbas on December 18, 2017

Do you want to add a contact form in the slider of your site? It’s a good idea to give quick access to your users who want to connect with you. In this tutorial, we will share how to create a WordPress slider with a contact form.

Having a contact form in the top slider is a great idea. However, you need to use a plugin like Soliloquy that allows you to create sliders of your need in WordPress.

To create a WordPress slider with a contact form, you’ll need to follow these 5 steps:

  • Step 1. Install and activate the WPForms plugin
  • Step 2. Create a new contact form for the slider
  • Step 3. Install and activate Soliloquy slider plugin
  • Step 4. Create a new slider and add the form
  • Step 5. Display WordPress slider with a contact form

By the end of this tutorial, you’ll be able to create a contact form slider that’ll look like as shown in this image below:

WordPress Slider with Contact Form

Ready to get started? Let’s go!

Step 1: Install and activate the WPForms Plugin

The first thing you need to do is to install and activate the WPForms plugin on your WordPress site.

WPForms

Don’t know the installation process? You should check out this complete guide on how to install WPForms in WordPress.

Step 2: Create a New Contact Form for the Slider

Upon activating the plugin, you should go to WPForms » Add New and set up the contact form for your WordPress slider.

Start with the title and select a form template.

Add New Form

It will set up the basic contact form with a few fields. You can add or remove any field from this contact form.

Contact Form

For more basic settings, you should check out this complete guide on how to create a contact form in WordPress.

Step 3: Install and Activate Soliloquy Slider Plugin

After creating the form, you need to install and activate the Soliloquy slider plugin on your WordPress admin backend.

Soliloquy website

Wondering how to install this plugin? Check out this Soliloquy installation guide for assistance.

Step 4: Create a New Slider and Add the Form

Firstly you should go to WPForms » All Forms and copy the shortcode of the contact form that you created in the previous steps.

Copy Form Code

You’ll need this shortcode to add the contact form in your slider.

Next you need to go to Soliloquy » Add New from your WordPress admin. Simply give a title to this new slider and click on the Select Files from Other Sources button in the Native Slider section.

Select Files

It will open a popup. Go ahead and click on the Insert HTML Slide option on the left side. Add the title for this slide and paste the shortcode of the contact form.

Add Slide

Hit the Insert into Slider button on the popup. You can add more slides too.

Step 5: Display WordPress Slider With a Contact Form

When you are done adding the slides, click on the Publish button and copy the shortcode from the Soliloquy Slider Code widget.

Copy Shortcode

Now go to the Posts » Add New or edit an existing WordPress post. Simply add the shortcode in the visual editor.

Paste Shortcode

Make sure to hit the Publish/Update button. You can now visit your site to see the contact form slider that will look like as shown in this image below:

WordPress Slider with Contact Form

That’s all! We hope this tutorial has helped you to learn how to create a WordPress slider with a contact form. You may also want to check out our guide on how to create a responsive slider for Envira Gallery. In case, your slider isn’t ranking in the search engines, you should check out this ultimate WordPress SEO guide.

If you like this tutorial, then please follow us on Facebook and Twitter for more free WordPress tips, guides and resources.

Waseem Abbas is a content writer for SoliloquyWP and Envira Gallery.

Comments

    Bhawesh Bisnurkar

    December 18, 2017

    Everything is great, apart from the only problem I have. in my case the upload popup not showing “Insert HTML slide or Insert PDF”. Please help me ASAP. Thanking you.

    Reply

      Waseem Abbas

      December 18, 2017

      Hi Bhawesh, can you please tell me which version of Soliloquy you are using on your site?

      Reply

    Benni

    December 18, 2017

    I have the same problem, no html option. I have installed the newest version of you plugin today.

    Reply

      Waseem Abbas

      December 18, 2017

      Hey Benni, are you using the paid version or the lite version of Soliloquy?

      Reply

Leave a Reply

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.