HELP!Engine CodeImage Transparency
imagesinternallinks.png

What is it?

Once you have embedded an image onto a page (view tutorial 1a. Embedding Images) in your website you can control the parameters of the image to make it LINK to an internal location when clicked.

By using the engine code provided any image can link to any page of your website!

Tutorial: Images and Internal Links

Step 1

Login to your CMS area for your site.

Step 2

Click the tab [Edit] to edit your page, locate the “Home” page as this is where we previously embedded an image.

Step 3

Find the line of text that is calling the image:

{butterfly.jpg}

Step 4

Now to make the image link to an internal location add square brackets [ and ] around the entire code, like this:

[{butterfly.jpg}]

Step 5

After the closing brace } input two equal signs ==, like this:

[{butterfly.jpg}==]

And then after the 2 equals add the page name of your desired location, for instance we will make the butterfly image link to our contact page, the code would look like this:

[{butterfly.jpg}==contact]

Please note: when linking to an internal location you will need to make sure that the page has been made successfully. This can be setup in the Navigation tab of the CMS. Also be careful when renaming pages as this will have a knock on effect to any internal links that you create.

As before, once you have inputted the Image code click [Save changes] and then have a look at your website’s Home page.

Please note: you will need to refresh the page of your website to view the changes.