How do i add a shortcode to Slider Revolution?

hardingretail · March 11

Hi - I would like to add a simple pop-up shortcode to slider revolution - I have the form shortcode, but I can not see how we can add?

Or do we have to add this to a webpage and direct people to the webpage?

Thanks

Phil · March 11

Hi,

Please provide some more details.

Does this shortcode for the popup come from some plugin?

Best regards

hardingretail · March 11

Well I would like to use contact 7 form but it is quite limited in design and colour features - is there an option to create in BeTheme? If not I am looking at a simple Ninja form like [ninja_form id='1']

Phil · March 11

You can create a popup template with Contact Form 7 element inside it and style it with Theme options or Style tab within BeBuilder.

https://support.muffingroup.com/video-tutorials/popup-builder-introduction/

And to display this popup in the Slider Revolution, follow steps mentioned in this video tutorial:

https://support.muffingroup.com/video-tutorials/open-popup-on-link-click/

Best regards

hardingretail · March 12

Hi Phil

I have tried but it doesnt seem to work for ninja forms shortcode - would the below be more suitable or better explanation?

To create a button that opens your Ninja Form using a similar action to class="open-mfn-popup" and data-mfnpopup, you can use JavaScript to trigger the form's modal. Here’s an example approach:

Add the button with a custom class or ID.
Use JavaScript to trigger the Ninja Form when the button is clicked.

Here’s the step-by-step solution:

Step 1: Add your button

You can add a button with a custom class or ID where you'd like it to appear. For example:

html
 
Copy
 
Edit
<button id="open-form-btn">Open Form</button>

Step 2: JavaScript to trigger the form

Use the following script to trigger the form when the button is clicked. This script will simulate opening a popup and trigger your Ninja Form by using ninja_form with the ID 2 (adjust as necessary).

html
 
Copy
 
Edit
<script type="text/javascript">
    document.getElementById("open-form-btn").addEventListener("click", function() {
        // Open Ninja Form with ID '2'
        var formPopup = document.querySelector('[data-mfnpopup="2"]'); // Make sure to use your correct form ID
        if (formPopup) {
            formPopup.click();  // Trigger the form's opening action
        }
    });
</script>

Is there a simpler option that we can take to trigger a simple for by clicking a button on slider revolution?

Thanks you for all your support as always.

Phil · March 12

We're sorry, but we did not test this script/plugin with the theme. Our policy states that we do not support third-party plugins or custom code, so we cannot refer to that.

Also, we cannot recommend any plugins other than the ones we support. You can find the list on this page:

https://support.muffingroup.com/documentation/bundled-plugins/#compatibility

Thanks

hardingretail · March 12

OK thanks but I cannot see how you can add it to a pop-up?

"You can create a popup template with Contact Form 7 element inside it and style it with Theme options or Style tab within BeBuilder."

Phil · March 13

You must create a popup template (see the video tutorial I sent previously), add Contact Form 7 element into it (my last screenshot), and trigger this popup template to open on the link click (the last video tutorial I sent).

Best regards

How do i add a shortcode to Slider Revolution?

Comments

Step 1: Add your button

Step 2: JavaScript to trigger the form