How to add a Contact Form to Slider Revolution

How to add a Contact Form to Slider Revolution

Step 1: Create a form
·       Create a new form or edit an existing one.

·      Once your form is ready copy the form shortcode and proceed to the Slider Revolution plugin

·      Your shortcode should look something like this:

o   [form id=”1” title= “contact us form”]


Step 2: Create a slider

·       Create a new slider or use an existing one.

·       In the slide editor > main background tab, select the Main/Background Image radio button (should be default on a new slide) and then the change image button. Upload a background image for your slider.

·       Once you have a background image, scroll down to the slider editor preview area. Select the blue add layer button and select Text/Html. This is where you place the contact form shortcode.

·       Now this is a little tricky because you will not see your form in the preview to position it. Save your slider and copy the shortcode.

·       Create a new page and place in your slider shortcode and hit publish or preview changes. You should now see your form sitting nicely on top of your slider. Adjust the position as necessary and test the form.

    • Related Articles

    • Add, modify, and delete users

      Manage the list of users who have access to your Analytics account. Source: https://support.google.com/analytics/answer/1009702?hl=en You can add users at the account, property, or view level. The level at which you add a user determines that user's ...
    • How to Claim your Business in Google My Business

      The easiest way to add your business on Google is through Google Maps.  Use Google Maps to claim your business You can add your business through Google Maps on your computer by searching for a location, right-clicking on a spot, or through the menu. ...
    • How to login to your WordPress site.

      Step 1: Please typing in your site’s domain name into your browser, and add /wp-admin at the end: Example: It should look something like this:  https://www.example.com/wp-admin Step 2: Once you are at your log-in screen, enter your assigned username ...