Hello, I have an html/text template that I'm trying to change over to a visualforce template. This is my first time playing around with visualforce, so I've come across trouble converting my url.  I'm able to save it,but when I get the email it comes as markup language. I'm obviously doing something wrong, so if anyone could assist I would greatly appreciate it. Thanks!

The original text template I'm trying to convert to a visualforce template: (I purposely changed the beginning of the url, so I'm not exposing the actual survey url on the boards here.)

Dear {!Contact.Name},

At Undertone, we are constantly
focused on enhancing the level of service, performance and insights that we
deliver. One of the ways we do this is by gathering feedback from our clients
via a brief customer satisfaction survey.

This survey takes two to three
minutes to complete and is designed to gather your opinions on your recent
experience with Undertone. You can access the survey here:

http:/abc.com/abc/abc/go.jsp?iv=63czc8cvlqh2&q1={!Account.Id}&q2={!Contact.Id}&q3={!Opportunity.Id}&q4={!User.Id}&q5=US

Thank you in advance – your
opinions matter.

visualforce template attempt

<messaging:emailTemplate subject="Undertone Survey" recipientType="Contact" relatedToType="Opportunity">

<messaging:plainTextEmailBody >
Dear {!recipient.name},

At Undertone, we are constantly focused on enhancing the level of service, performance and insights that we deliver. 

One of the ways we do this is by gathering feedback from our clients via a brief customer satisfaction survey.

This survey takes two to three minutes to complete and is designed to gather your opinions on your recent experience with Undertone. 

You can access the survey here:
<a href="http://abc.com.com/abc/abc/go.jsp?iv=63czc8cvlqh2&q1={" target="_blank" rel="nofollow">http://survey.clicktools.com/app/survey/go.jsp?iv=63czc8cvlqh2q1={</a>!relatedto.Account.Id}<apex:outputText value="&"/>q2={!recipient.Id}<apex:outputText value="&"/>q3={!relatedto.Id}<apex:outputText value="&"/>q4={!relatedto.lastmodifiedbyid}<apex:outputText value="&"/>q4="US"

Thank you in advance – your
opinions matter.
</messaging:plainTextEmailBody>
</messaging:emailTemplate>

email
-----Original Message-----
From: noreply@salesforce.com [mailto:noreply@salesforce.com] On Behalf Of Brian Martinez
Sent: Thursday, August 04, 2016 5:37 PM
To: Brian Martinez | Undertone <bmartinez@tbd.com>
Subject: Undertone Survey
 
 
Dear Brian Martinez,
 
At Undertone, we are constantly focused on enhancing the level of service, performance and insights that we deliver.
 
One of the ways we do this is by gathering feedback from our clients via a brief customer satisfaction survey.
 
This survey takes two to three minutes to complete and is designed to gather your opinions on your recent experience with Undertone.
 
You can access the survey here:
<a href="http://abc.com.com/abc/abc/go.jsp?iv=63czc8cvlqh2&amp;q1={" rel="nofollow" target="_blank">http://abc.com.com/abc/abc/go.jsp?iv=63czc8cvlqh2q1={</a>!relatedto.Account.Id}&q2=0033000000ufQWMAA2&q3=0061300001AI0MQAA1&q4=00530000004UwpHAAS&q4="US"
 
Thank you in advance – your
opinions matter.