Change the text on the submit button | Community
Skip to main content
A
Anonymous
September 4, 2014
Solved

Change the text on the submit button

  • September 4, 2014
  • 5 replies
  • 8190 views
I have a master form that I use for multiple landing pages. Is there a way to change the submit button's text just for that specific landing page? Is there a script or code that I can drop onto the landing page that will do this?
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Kristin_Carideo
You can certainly use a token, and then put the tokens in the individual programs containing your landing pages. I use {{my.FormCTA}} as my form submit button token and then just add that token to the program so I can make the button say "Learn More!" or "Sign Up!" or whatever.

5 replies

Justin_Cooperm2
Justin_Cooperm2
New Participant
August 19, 2015

If you don't want to use a token, you can use Forms JS in an even simpler way to achieve this (either on external page or in a Marketo landing page):

<script>

MktoForms2.whenRendered(function (form){

  form.getFormElem()

  .find('button.mktoButton')

  .html('New button text');

});

</script>

A
Anonymous
May 20, 2015

So I get the program token, what token do I use in the form for the submit button label?  Is there a default value I can add as well?

SanfordWhiteman
SanfordWhiteman
New Participant
May 21, 2015

It's the same token... not sure if I understand your question. In @Kristin Carideo​'s answer she uses {{my.FormCTA}}. 

Also note you can pass the submit button text in the URL, like in this old chestnut: CodePen - MktoForms2 :: Language

A
Anonymous
January 30, 2015
Hey all -- Does this work with embedded forms? Trying to figure out how it would and not having much luck. 
A
Anonymous
August 18, 2015

FYI we ended up adding this script to embedded forms and are able to change the submit button text easily on a per page basis, regardless of if the form is the same on every page or not.

<script src="//app-sjl.marketo.com/js/forms2/js/forms2.min.js"></script>

<form id="mktoForm_1674"></form>

<script>

    MktoForms2.onFormRender(

    function(form) {

        var loc = document.createElement('a'); // new Location object for easier parsing

        loc.href = document.referrer;

        document.querySelector('.mktoButton').innerText = "Download"

            decodeURIComponent( loc.search.substring(1) ); // use the whole query string as button label, this is just a demo

    });

   

    MktoForms2.loadForm("//app-sj01.marketo.com", "142-FNO-891", 1674);

</script>

A
Anonymous
September 4, 2014
Thank you! Works great!!
    Kristin_Carideo
    Kristin_CarideoAccepted solution
    New Participant
    September 4, 2014
    You can certainly use a token, and then put the tokens in the individual programs containing your landing pages. I use {{my.FormCTA}} as my form submit button token and then just add that token to the program so I can make the button say "Learn More!" or "Sign Up!" or whatever.
      F
      freeza
      New Participant
      June 10, 2022

      Can we add more than one token to the Form CTA in the form level? I have 2 LPs in the same program and they both are using the same form but the CTA has to be different. How can I execute this properly?

      Darshil_Shah1
      Darshil_Shah1
      Community Manager
      June 10, 2022

      A thought - Instead of making changes in the global form to accomodate this case, wouldn't it make more sense to hard-code/overwrite the submit button lable using JS in both the LPs for this program?

       

      Terms & ConditionsAccessibility statement

      Loading footer...