|
Linking to another Website directly from your Navigation Menu
By default, the pages or buttons listed on your website's Navigation Menu, all link to pages that exist in your admin area. However, you can also setup buttons / pages on your Navigation Menu to re-direct to another website entirely. In the example below, we will create a new page / button called "Colony One", which will take you directly to our main website (http://www.colony1.net) when this button is clicked on from the Navigation Menu.
1. In the admin area, we first need to add a new Free Form Page Type to the site. To do so, click on the "Pages" button from the menu on the left and then on the "Add New Page" button at the top.
2. Enter a Page Name for this page and select Free Form as the Page Type and then click on the Add Page button.
3. You will notice that the new page you just added is at the bottom of the Visible Pages list, and you will need to click on the corresponding icon under the "Edit" column, to edit this page. From the links at the top of this page, click on the one that says "Edit Raw HTML".
4. Copy and Paste either of the following scripts (see below) into the box, depending on whether or not you would like the site to open in the same window or a new window.
*Note: If you use the script to open the website in a new window, please note that this may not open for those who may have a pop-up blocker enabled on their end.
5. Regardless to which script you go with, you will need to replace the URL between the quotation marks, with the URL / website address that you are linking to from this button on the website's Navigation Menu (ie: http://www.colony1.net)
*Note: In the script to open in a new window, you can also specify a width and height for the size of this window.
6. When you are done, click on the "Process Page Update" button below, to save your changes.
7. You can now view your site and click on this page from the Navigation Menu to verify that the re-direct script was configured / is working properly.
RE-DIRECT IN NEW WINDOW
<script>
window.onload = window.open('http://www.colony1.net','_blank');
</script>
RE-DIRECT IN NEW SIZE-ABLE WINDOW
<script>
window.onload = window.open('http://www.colony1.net','_blank','toolbar=1,scrollbars=1,location=1,statusbar=1,menubar=1,resizable=1,width=400,height=400,left = 440,top = 312');
</script>
RE-DIRECT IN SAME WINDOW
<script>
window.onload = window.location.replace('http://www.colony1.net');
</script>
|