How to Create a WordPress Slider with a Contact Form
Would you like to add a contact form slider to your site? You may want one of your slides to include an interactive contact form. In this tutorial, we will show you how to add a WordPress slider with a contact form.
To create a contact form slider in WordPress, you’ll need to follow these steps:
- Step 1: Setup your contact form using WPForms.
- Step 2: Setup your WordPress slider using Soliloquy and the Dynamic Addon.
- Step 3: Insert your contact form into your slider.
- Step 4: Publish your WordPress slider with contact form.
By the end of these 4 steps, you will have a WordPress slider with contact form that looks like this:
Ready to get started? Let’s go!
Step 1. Setup Your Contact Form
Once you have activated the plugin, it’s time to create a new contact form. Check out this step by step guide on how to create a simple contact form.
After you’ve saved your new form, copy the shortcode for the form. You can find the shortcode by going to WPForms » All Forms and then looking at the shortcode column.
Step 2. Setup Your WordPress Slider
You’ll 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.
Step 3. Insert Your Contact Form
After activating Soliloquy and the Dynamic Addon, go to Soliloquy » Add New to add a slider. Then click on Select Files from Other Sources.
Next, select Insert HTML Slide. This is where you’ll paste the WPForms shortcode that you copied earlier. After pasting the code, click the Insert Into Slider button. You can also add any additional slides that you want, and publish your slider.
Step 4. Publish Your WordPress Slider with Contact Form
You’re almost finished! 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.
A popup will appear where you can select your contact form slider. When you click on the Insert Slider button, you will notice the slider shortcode appear in your post editor.
Now you can publish or update your post / page. Your slider is now live on your site:
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 Create a Responsive Slider for Envira Gallery.