Difference between revisions of "How to add a link to a page"

From Spiffy Stores Knowledge Base

Line 1: Line 1:
This tutorial shows you how to use HTML to link to a page. If you need to create a link in your menu, please go to [[How_to_edit_your_Store_Menus|How to edit your Store Menus]] for instructions.  
+
This tutorial shows you how to use HTML to link to a page. If you need to create a link in your menu, please go to [[How to edit your Store Menus|How to edit your Store Menus]] for instructions.  
  
#If you're not already logged in to your toolbox, log in and go to the "Pages &amp; blogs" section.<br>
+
#If you're not already logged in to your toolbox, log in and go to the "Pages &amp; blogs" section.<br>  
#Click on the page you want to edit, and then when the preview page opens, click the small edit link on the left.<br>
+
#Click on the page you want to edit, and then when the preview page opens, click the small edit link on the left.<br>  
#Place the cursor where you want the link to be placed on the page.<br>
+
#Place the cursor where you want the link to be placed on the page.<br>  
#Type the following, inserting the address for the site you want to link to in place of "webpage.com": &lt; a href="http://www.webpage.com" &gt;. This tag indicates the location and name of the link. Be sure to close the tag by using the following tag&lt;/a &gt; Your link should look like this... &lt;a href="http://www.webpage.com"&gt;Your link text here&lt;/a&gt;<br>
+
#Type the following, inserting the address for the site you want to link to in place of "webpage.com": &lt; a href="http://www.webpage.com" &gt;. This tag indicates the location and name of the link. Be sure to close the tag by using the following tag&lt;/a &gt; Your link should look like this... <pre>&lt;a href="http://www.webpage.com"&gt;Your link text here&lt;/a&gt;</pre><br>  
#Save the page. Now you'll be able to preview the page in your store and test the link you just created.<br>
+
#Save the page. Now you'll be able to preview the page in your store and test the link you just created.<br>  
#Click the button in the top right that says "Preview this page". Your page should open up in a new tab, and you should see the link you've created there.<br>
+
#Click the button in the top right that says "Preview this page". Your page should open up in a new tab, and you should see the link you've created there.<br>  
 
#Try clicking on the link. If it does not go to the page you want, verify the address is correct and edit your link to make sure you have created it properly.
 
#Try clicking on the link. If it does not go to the page you want, verify the address is correct and edit your link to make sure you have created it properly.

Revision as of 11:09, 22 August 2012

This tutorial shows you how to use HTML to link to a page. If you need to create a link in your menu, please go to How to edit your Store Menus for instructions.

  1. If you're not already logged in to your toolbox, log in and go to the "Pages & blogs" section.
  2. Click on the page you want to edit, and then when the preview page opens, click the small edit link on the left.
  3. Place the cursor where you want the link to be placed on the page.
  4. Type the following, inserting the address for the site you want to link to in place of "webpage.com": < a href="http://www.webpage.com" >. This tag indicates the location and name of the link. Be sure to close the tag by using the following tag</a > Your link should look like this...
    <a href="http://www.webpage.com">Your link text here</a>

  5. Save the page. Now you'll be able to preview the page in your store and test the link you just created.
  6. Click the button in the top right that says "Preview this page". Your page should open up in a new tab, and you should see the link you've created there.
  7. Try clicking on the link. If it does not go to the page you want, verify the address is correct and edit your link to make sure you have created it properly.