Re-Ordering Components on Chargify Hosted Signup Pages
Here is part of a signup page listing some types of fruit that you can add to your monthly order:
Examining the source of the page, we find that the components are wrapped in
div for each component now has a unique
Because of this, you can easily select them:
And having done that, you can re-order them however you like:
This will reverse the order of the second and third components, and then move the fourth one to the top. Now the components are listed in a different order:
It can also be done without the intermediate var assignment:
As you might expect, in addition to
insertBefore there is also
insertAfter, and you can search the JQuery docs to find out what else is available.
Feel free to fork and experiment with this JSFiddle: http://jsfiddle.net/wsmoak/1maef2ow/6/
Note that you will need to replace the numbers with the ids of your own components, which can be found on the Setup tab in your Chargify account.
Be sure to thoroughly test your signup pages before launching them!