url-links

Using Markup Tags in Links

You can use markup tags with HTML anchor tags, and link directly to any page in your store.
The link can be incorporated into CMS content, such as a page, static block, banner, or email
template. You can also use this technique to link an image to a specific page.
Process Overview:
Step 1: Identify the Destination URL
Step 2: Add the Markup to the URL
Step 3: Complete the Anchor Tag

Step 1: Identify the Destination URL

If possible, navigate to the page that you want to link to, and copy the full URL from the
address bar of your browser. The part of the URL that you need comes after the “dot com
forward slash.” Otherwise, copy the URL Key from the CMS page that you want to use as the
link destination.
http://mystore.com/apparel/shoes/womens
http://mystore.com/apparel/shoes/womens.html
Full URL to Category Page
http://mystore.com/apparel/shoes/womens/nine-west-pump
http://mystore.com/apparel/shoes/womens/nine-west-pump.html
Full URL to Product Page
http://mystore.com/about-us
Full URL to CMS Page

Step 2: Add the Markup to the URL

The Store URL tag represents the base URL of your website, and is used as a substitute for the
“http address” part of the store URL, including the domain name and “dot com.” There are two
versions of the tag, which you can use, depending on the results you want to achieve.
store direct_url Links directly to a page.
store url Places a forward slash at the end, so additional references can be
appended as a path.
In the following examples, the URL Key is enclosed in single quotes, and the entire markup tag
is enclosed in double curly braces. When used with an anchor tag, the markup tag is placed
inside the double quotes of the anchor. To avoid confusion, you can alternate using single-and
double quotes for each nested set of quotes.
1. If you are starting with a full URL, delete the “http address” part of the URL, up through and
including the “dot.com forward slash.” In its place, type the Store URL markup tag, up
through the opening single quote.
http://mystore.com/apparel/shoes/womens
{{store url=’apparel/shoes/womens’}}
Store URL Markup Tag
Otherwise, type the first part of the Store URL markup tag, and paste the URL key or path that
you copied earlier.
{{store url=’
{{store url=’apparel/shoes/womens’}}
Store URL Markup Tag with URL Key
2. To complete the markup tag, type the closing double quotes and double braces.

Step 3: Complete the Anchor Tag

1. Wrap the completed markup tag inside an anchor tag, using the markup tag instead of the
target URL. Then, add the link text, and closing anchor tag.
Link Text
Markup in Anchor Tag
2. Paste the completed anchor tag into the code of any CMS page, block, banner, or email
template, where you want the link to appear.
Shoe Sale
Complete Link with Markup

Leave a Comment

Your email address will not be published. Required fields are marked *