Website Editing: Translate site into another language

SwimOffice Admin - Webmaster

Google has a Website Translator you can add to any page on your SwimOffice site. It has a language dropdown for visitors to select their desired language, which will looks like one of the following based on the Display mode you select.

Google Translate widget - vertical
Google Translate widget - dropdown only
Dropdown only
Google Translate widget - horizontal

Once they pick a language, it will translate everything on the page to that language.

New CMS users

Add this component to the first or second layout section at the top of the home page so that it will appear on all other pages.

  1. In the side menu click Website Design.
  2. Click the Layout Section overlay in which you want to add the feed.
  3. Click Select component(s) to add.
  4. Click the Google Translate checkbox and then click Select.
  5. If desired, drag and drop the Google Translate component where you want it in the layout section.
  6. Click Save.
  7. If you want to configure it, click the Google Translate overlay, make your changes, and click Save.

Chameleon users

You will need to add the code that the Google Translate site generates to every page you wish to offer in other languages.

  1. Visit and follow the steps.
  2. For your Website URL, enter it in the form of, where your teamalias is found on My Account > My Tutorials.
  3. On the final Add Plugin page, copy the code in the box and go to your SwimOffice site.
  4. For the home page,
    1. Click the Edit button (if you do not have an edit button, click Team Admin > Website Design > Website Layout Configuration > Main Text tab at bottom).
    2. Paste the code in the Main Text box.
    3. Important: The code MUST be one long line. You will need to join all the lines together for it to work. If you have trouble, try using the following code, or contact TU Support for assistance.

      <div id="google_translate_element"></div><script type="text/javascript"> function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');}</script><script type="text/javascript" src="//"></script>
    4. Click Save Changes.
  5. For almost any other page,
    1. Click Edit in the upper right.
    2. Click Source in the upper left of the editor.
    3. Paste your code.
    4. Click Save Changes.
  6. Repeat the above step for all additional pages.
See Also
Change home page text
Add HTML to a page

Website Design/Editing

  1. Website Design VIDEO Tutorials
  2. Automatically Archive or Manually Archive News
  3. Can I add HTML to my homepage text area?
  4. Can I Customize the Color of my Team Title?
  5. Website Editing: Translate site into another language
  6. Can I remove my USA and/or LSC badge from my banner?
  7. Add a custom background / wallpaper
  8. Can I move my command buttons?
  9. Change the Title/Banner/Header Text
  10. Change where Team Partners area appears
  11. Changing the USA Team Status and Level (Gold,Silver,Bronze & Level 1, 2, 3)
  12. Add Team Partners to site
  13. Website Design - Creating a Tab as a draft before releasing it to the public
  14. Adjust Event tabs on home page
  15. Website editing: Change / edit main home page text
  16. Chameleon: Change to the Chameleon Template
  17. Create a photo slideshow/slide show on home page
  18. Change the website background / wallpaper
  19. Limit the Number of Events Shown on the website home page
  20. Limit the Number of News Items Shown on the Homepage of my Sites
  21. How do I Move the Sign in column from Left to Right?
  22. Embedding a Google Spreadsheet / Excel
  23. Website Design - Allowing Non Admin to edit/administer a tab
  24. Set an event to be a Swim Meet or Team Function for the home page view
  25. Website editing: Upload logo to display on website and/or emails
  26. Chameleon: Quick Start Tutorial
  27. Website Editing: Content Editor - CKEditor
  28. Website Editing: Browse Server to manage files with CKFinder
  29. Best Practice to copy/paste text into the editor
  30. Creating Single & Double Line Spacing
  31. Embedding Videos into your Site
  32. Getting to the Finish Line - Season Teams
  33. Website Editing: Add a blog to your website
  34. How can I add scrolling text or a marquee?
  35. How can I add text to my pictures?
  36. Website Editing: Add a countdown timer
  37. Add a forum to website
  38. Website Editing: Add a music/sound/mp3 file to site
  39. Website Editing: Add a submenu/dropdown to a tab
  40. Add / create a team partner
  41. How do I add a URL to a picture?
  42. How do I add HTML to a page?
  43. Website Editing: Add or edit a tab/page or sub tab
  44. Website Editing: Add photo/image/picture to website page
  45. How do I add sound to my website?
  46. How do I change the layout of TeamUnify websites?
  47. How do I create a online form or survey with Google Docs?
  48. How do I create thumbnails of pictures?
  49. Customize / link Command home page buttons
  50. Website Editing: Add/edit a table
  51. Website Editing: Make table mobile responsive
  52. Website Editing: Edit or resize images/photos, add text to images
  53. How Do I Embed a Google Calendar?
  54. Embed a PDF in a web page
  55. How do I embed a PowerPoint presentation on one of my pages?
  56. How do I embed a Vimeo video?
  57. Embed a YouTube video
  58. Website Editing: Hit counter alternatives
  59. How do I get a link to open in a new window?
  60. Link to a page
  61. Link a photo / image
  62. Website editing: Make a tab or sub tab redirect to another page or site
  63. Website Editing: Add a slideshow to a web page
  64. How do I resize the column or cell width in a table?
  65. How do I see who has used the Swim Today Widget?
  66. Set up or create anchors/bookmarks
  67. Set up a campaign in the Sponsor Center
  68. How do I setup/edit account details in your gateway?
  69. How do I use the new Swim Today (formerly Americas Swim Team) interface to collect leads for my team?
  70. How To Add Meta Key Words To Your Site?
  71. Website Editing: Embed a Google map
  72. HTTP Error 404 when I link to a document
  73. Linking or uploading a document
  74. Reader error
  75. Uploading/Linking files
  76. Benefits of switching to the Chameleon template
  77. Website Editing: Correct photo/image sizes/dimensions
  78. What do I do when I get the error wrong encrypted data?
  79. Where to edit "More Information" pages
  80. Website Editing: Supported file extensions when uploading
  81. Website Editing: Can't upload an HTML document in the editor
  82. Why do I keep getting a error when I upload a file/PDF?
  83. Why does my page I just edited appear blank?
  84. Why doesn't the slideshow load in Internet Explorer?
  85. Why doesn't my logo appear for logged in users?
  86. Why has all of my information dissappeared from the page and the editor?
  87. Why is editing slow or freezes?
  88. Why when I paste into the editor is my information not coming in correctly?
  89. Why won't my photos/images upload or display correctly? Color Profile
  90. Website title is pushing down USA swimming badges [Chameleon]
  91. Moving page contents to another page or tab
  92. Updating your bronze/silver/gold badge and level
  93. Canadian teams and sponsor center
  94. Column sort ascending/descending
  95. Partner Logo Size
  96. Connecting Picasa with my blog to instantly update my photos
  97. Wrapping text around a photo
  98. SwimOffice Editor - Editing your site in your Android device / Request Desktop Site
  99. Website Design - Editing your SwimOffice site on a mobile device / tablet
  100. Change settings on the spell checker
  101. Enable or disable spell check
  102. Website editing: Add/edit notes/content on Events page
  103. Website Design: Turn on/off USA Swimming Shop
  104. UK Website Editing: Display swim21 and clubmark kitemarks
  105. Website Editing: Display USA Swimming World 100 badge
  106. Website Editing: Add document to page (Chameleon)
  107. Website Editing: Add image to page (Chameleon)
  108. Website Editing: Add custom form

Feedback and Knowledge Base