Follow

Changing button labels

Using JavaScript, you can change the text that appears on various buttons on your Wild Apricot site.

Changing the Login label

Within log in button gadgets

A Login button appears within the log in button gadget.

You change the text appearing on the button to something else, such as "Sign in".

To change the Login button label on the log in button gadget, follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings).
  2. On the Global JavaScript screen that appears, copy and paste the following code:
    <script type="text/javascript"> jq$(document).ready(function(){ jq$('.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton').html("Sign in"); }); </script>
    where Sign in can be changed to whatever label you want.
  3. Click Save.

The button will now appear with the new label you specified.

Within log in form gadgets

A Login button appears within the log in form gadget.

You change the text appearing on the button to something else, such as "Sign in".

To change the Login button label on the log in form gadget, follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings ).
  2. On the Global JavaScript screen that appears, copy and paste the appropriate code for your theme.

    For Business Casual themes, copy this code:
    <script type="text/javascript"> jq$(document).ready(function(){ jq$('.WaGadgetLoginForm .loginBoxLoginButton').val("Sign in"); }); </script>

    For Aurora, Basic, Classic, Clouds, Dark, Glass, Keynote, Memo, Modern, Nature, Notebook, and Transparent themes, copy this code:
    <script type="text/javascript"> jq$(document).ready(function(){ jq$('.loginContainer .loginAction INPUT.loginButton').val("Sign in"); }); </script>

    For all other themes, copy this code:
    <script type="text/javascript"> jq$(document).ready(function(){ jq$('.WaGadgetLoginForm .loginContainerForm .loginAction input.loginButton').val("Sign in"); jq$('.WaGadgetLoginForm .loginContainerWrapper .loginContainerInnerWrapper .loginLink').html("Sign in"); }); </script>

    and change both occurrences of "Sign in" to whatever label you want.
  3. Click Save.

The button will now appear with the new label you specified.

Within the Authorization required system page

Once a member clicks the button to log or sign in, the Authorization required system page appears.

To change the Login button that appears on this screen, follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings).
  2. On the Global JavaScript screen that appears, copy and paste the following code:
    <script type="text/javascript"> jq$(document).ready(function(){ jq$('.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton').val("Sign in"); }); </script>
    where Sign in can be changed to whatever label you want.
  3. Click Save.

The system page will now display the button using the label you specified.

Changing the Renew button label

You can change the label for the Renew to button that appears within a member's Membership details tab.

You can change the label separately for active members and for lapsed members.

To change the Renew to button label, follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings).
  2. For active members, copy and paste the following code:
    <script type="text/javascript"> if (!top.adminpanel) { var renewLabel = document.getElementById('FunctionalBlock1_ctl00_ctl00_Membership_RenewalButton'); if (renewLabel) { renewLabel.value = 'Renew now'; } } </script>

    For lapsed members, copy and paste the following code:
    <script type="text/javascript"> if (!top.adminpanel) { var renewLabel = document.getElementById('FunctionalBlock1_ctl00_ctl00_Membership_lapsedMessageBox_renewButton'); if (renewLabel) { renewLabel.value = 'Renew Now'; } } </script>

    where Renew now can be changed to whatever label you want.
  3. Click Save.

The button will now appear with the new label you specified.

Changing the Register button label

The Register button appears on the events calendar page and on the event details page. Using the Register button, visitors to your site can sign up for events.

You change the text appearing on the button to something else, such as "Sign up".

To change the Register button label on the events calendar page, follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings).
  2. Copy and paste the following code:
    <script type="text/javascript"> if (!top.adminpanel){ $(".boxActionContainer").find("input").val("Sign up"); } </script>
    where Sign up can be changed to whatever label you want.
  3. Click Save.

To change the Register button label on the event details page, follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings).
  2. Copy and paste the following code:
    <script type="text/javascript"> if (!top.adminpanel){ document.getElementById("FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventRegistrationActions_lobRegistration_bt").value="Sign up"; } </script>
    where Sign up can be changed to whatever label you want.
  3. Click Save.

The button will now appear with the new label you specified.

Changing the Registration is closed label

When an event is full, and a waitlist has not been enabled, the Register button will be replaced with a message saying Registration is closed on both the event calendar and the event details page.

To change this message to something else, such as "Sorry, no more room!", follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings).
  2. Copy and paste the following code:
    <script type="text/javascript"> jq$(document).ready(function(){ jq$('.infoRegistrationIsClosed').html('Sorry, no more room!'); }); </script>
    where Sorry, no more room! can be changed to whatever label you want.
  3. Click Save.

The message you specified will now appear in place of Registration is closed.

Changing the Add Guest button label

The Add guest button appears on an event registration form when you enable guest registrations and choose to collect information for each guest.

You can change the text appearing on the button to something else, like "Add family member".

To change the Add guest button label, follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings).
  2. Copy and paste the following code:
    <script type="text/javascript"> if (!top.adminpanel) { var myPage = document.getElementById('idSectionGuestListContainer'); if (myPage) { myPage.innerHTML = myPage.innerHTML.replace('Add guest', 'Add family member'); } } </script>
    where Add family member can be changed to whatever label you want.
  3. Click Save.

The button will now appear with the new label you specified.

Changing the Pay button label

When a visitor to your site chooses to make a donation from a donations page, they click the Pay button.

You can change the text appearing on the Pay button to something else, like "Donate".

To change the Pay button label, follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings).
  2. Copy and paste the following code:
    <script type="text/javascript"> if (!top.adminpanel) { var myPage = document.getElementById('DonationGadgetHTMLID'); if (myPage) { myPage.innerHTML = myPage.innerHTML.replace('Pay', 'Donate'); } } </script>
    where DonationGadgetHTMLID is replaced by the HTML ID of your donation gadget, and Donate can be changed to whatever label you want. For instructions on locating a gadget's HTML ID, click here.
  3. Click Save.

The button will now appear with the new label you specified.

Changing the Send Message button label

From a member directory, visitors can email a member by clicking the Send message button from the member profile screen.

You can change the text appearing on the button to something else, like "Email me".

To change the Send message button label, follow these steps:

  1. Go to Settings then click Global JavaScript (under Site settings).
  2. Copy and paste the following code:
    <script type="text/javascript"> if (!top.adminpanel) { var sendMessage = document.getElementById('FunctionalBlock1_ctl00_ctl00_memberProfile_profileHeader_idSendEmailButton'); if (sendMessage) { sendMessage.value = 'Email me'; } } </script>
    where Email me can be changed to whatever label you want.
  3. Click Save.

The button will now appear with the new label you specified.

0 Comments

Please sign in to leave a comment.

Search: WildApricot.com 

About results ( seconds) Sort by: 
Sorry, an error occured when performing search.