Add a Description Below the PO # Field in the Review & Submit Page

If the setting, Display Purchase Order Field on Payment Info Page = True under Setup > Site Builder > Set Up Web Site > Shopping tab, it displays the PO # field in the Review & Submit page of the checkout process.

 

When users need to add a description under the PO # field in the Review & Submit page on the web store checkout to inform shoppers what to put in this field, here are the steps:

 

1. Create a new Tag by navigating to Setup > Site Builder  > Tags > New.

 

2. On the Tag field, enter a name for the tag (i.e. POMSG), then leave the Default Value field empty, and click Save.

 

3. Navigate to Lists > Web Site > Tabs, and edit the Checkout tab.

 

4. Under the Tag Substitution subtab, select the tag you created earlier.

 

5. On the Substitution Value field, enter this script:

 

<script type='text/javascript'> if (document.getElementById('otherrefnum_fs_lbl')!=null){ document.getElementById('otherrefnum_fs_lbl').innerHTML = document.getElementById('otherrefnum_fs_lbl').innerHTML + '<br><br>'; } </script><script type='text/javascript'> if (document.getElementById('otherrefnum_fs')!=null){ document.getElementById('otherrefnum_fs').innerHTML = document.getElementById('otherrefnum_fs').innerHTML + '<br>If you have a PO #, enter it here'; } </script>

 

6. The first script puts 2 line breaks after the PO # text, while the second script adds the description you want to enter under the PO # field. Just replace the text: If you have a PO #, enter it here, with your own description.

 

7. Click Done and Save the tab.

 

8. Go to Setup > Site Builder > Themes, and edit the theme used for the Web Store.

 

9. Click on the Body subtab and add your tag (<POMSG>) under the Footer Template field.

 

10. Click Save.

 

Shoppers would now be able to see a message under the PO # field when they reach the Review & Submit page of the checkout process.