Multiple "Next" Buttons | XM Community
Skip to main content

I would like to have two “next” buttons on my survey landing page. Any ideas on how to add multiple buttons? 

Also - I am certainly not a coder, but can follow directions! Are there any updated instructions on how to center the buttons?

yes, you can do this via HTML and JS.

simply copy the whole next button element using inspect element and go under Look and feel → General → Header , click edit, the click Source (top line right side last option), then paste your button there.
 

 

copy the whole button element then change the ID of next button element as NextButton1. Then paste it into look and feel header. Also copy the CSS of #NextButton and paste it under header using style tag anc change the ID selector as #NextButton1. refer above screenshot for whole process.

then paste below JS as well under header.

<script>
jQuery(document).ready(function(){
   setTimeout(function(){
     if(jQuery(".Skin #EndOfSurvey").hasClass("EndOfSurvey")){
       jQuery("#NextButton1").hide();
     }
   },30);
   jQuery("#NextButton1").click(function(){
     jQuery("#NextButton").click()
   });

});
</script>


Output:


 

Oof I think I got lost somewhere. I recreated the code in your screenshot, but am not sure I’m following all the changes that need to be made and where. I will get a colleague who knows CSS and JS to help!

Good luck, @dflink! try this, this will definitely work. 

Leave a Reply


Terms & Conditions