Hyperlink the image with the form URL

  • Profile Image
    jamieschafer
    Asked on October 07, 2017 at 06:06 PM

    Hi guys,

    I have created a survey form ID: https://form.jotformeu.com/72783485114360 

    However customers will be directed to this via an email. This may fall outside of your remit but if you can help I would be

    forever grateful. 

    This is the feedback logo I am using, however, I need to add the survey URL to this logo. 

    I do not want to want to add a work such as click 'here' which has a URL. I then want to re-save this logo with the URL added ready to imbed into my email template. 

  • Profile Image
    EltonCris
    Answered on October 07, 2017 at 08:04 PM

    That's actually possible with emails. In your email message, embed that image and hyperlink it with the form URL.

    You can also use this code to your email. Make sure to replace the text with the actual URL here.

    <a target="_blank" href="FORM URL HERE" ><img src="IMAGE URL HERE" /></a>

    If you have more questions, let us know.

  • Profile Image
    Jamie Schafer 
    Answered on October 07, 2017 at 08:21 PM

    Hi,

    I have tried doing this, however, the system I am implementing this in only has this option to embed the image into the system:

    When I used the code you suggested and replaced form URL and Image URL the image never pulled through into the email template.


    Do you have any other suggestions to help me?


  • Profile Image
    Jamie Schafer 
    Answered on October 07, 2017 at 08:26 PM

    Equally if you have any other feedback logos you wish to use, or create to send where it has an URL embedded to the form or where I  can amend I would be happy to use this. 

  • Profile Image
    jonathan
    Answered on October 07, 2017 at 08:59 PM

    You will need to edit the source code of the Email Content to be able to insert the hyperlink code.

    Steps.

    1. Add/Insert the image as normal in the email using the insert/edit image tool.

    2. You can now edit the source code. Click on the source code button in the Email editor.

    3. Edit the code to insert the hyperlink code as needed.

    4. Save the source code.

    Let us know if you are still not able to do it.


  • Profile Image
    Jamie Schafer 
    Answered on October 07, 2017 at 09:10 PM

    Sorry,

    I am sounding stupid, however, which specific part of the sourcecode am I amending here? Could you help with this?

  • Profile Image
    Jan
    Answered on October 07, 2017 at 11:12 PM

    What system or software are you using? Are you able to insert a regular Text link?

    Please provide a full screenshot so that we can check. Normally, in Email Editors or Text Editors, there is a Source Code or HTML icon.

    We will wait for your reply. Thank you.

  • Profile Image
    Jamie Schafer
    Answered on October 08, 2017 at 06:28 AM

    Hi Jan,


    The system I am using is web based brower system. I can insert regular text links, however, the system does not allow me to insert an image and then add an URL to it which is my issue.

    I do have this option: 

  • Profile Image
    Jamie Schafer 
    Answered on October 08, 2017 at 06:30 AM

    This is the source code:

    <div><span style="font-family: verdana, geneva;"><code>SOURCE="STANDARD PARAGRAPH" ATTRIBUTE="Header"</code></span></div>

    <div><span style="font-family: verdana, geneva;">Dear&nbsp;<code>SOURCE="DOCUMENT" ATTRIBUTE="SALUTATION"</code></span></div>

    <div><span style="font-family: verdana, geneva;">&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;"><strong><strong>Your case reference:&nbsp;</strong></strong><code>SOURCE="CASE" ATTRIBUTE="ID" BOLD="TRUE"</code><code>SOURCE="REPRESENTED CONTACT" ATTRIBUTE="Name" OPTIONAL="TRUE" BOLD="TRUE" PREFIX="RE: " NEWLINESBEFORE="1"</code><code>SOURCE="REPRESENTED CONTACT" ATTRIBUTE="Address" OPTIONAL="TRUE" BOLD="TRUE" SINGLELINE="TRUE" PREFIX=" of "</code></span></div>

    <div><span style="font-family: verdana, geneva;">&nbsp;&nbsp;&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">Following your complaint that we received </span>on&nbsp;<span style="font-family: verdana, geneva;"><code>SOURCE="CASE" ATTRIBUTE="RECEIVED DATE"</code></span>,&nbsp;our&nbsp;records show that&nbsp;<span style="font-family: verdana, geneva;"><code>SOURCE="CASE WORKER" ATTRIBUTE="NAME"</code>&nbsp;from our Complaints team handled your case.&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">Now that we have completed our investigations, and issued you with our response, we invite you to tell us about your experience.</span></div>

    <div><span style="font-family: verdana, geneva;">&nbsp; &nbsp; &nbsp;&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">The survey will take less than 2 minutes to complete, and consists of 4 short questions and opportunity to provide any additional comments at the end. Your feedback will help us to improve the service we provide.&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">To get started simply click on the 'feedback' button below.</span></div>

    <div>&nbsp;</div>

    <div><span style="font-family: verdana, geneva;"><strong>Please note you will be required to enter your 6 digit case reference number which can be found at the top of this email.</strong>&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;"><img src="https://allclearportal.icasework.com/resource?id=365800" alt="" width="203" height="86" /></span></div>

    <div><a target="_blank" href="https://form.jotformeu.com/72783485114360" rel="nofollow noopener" rel="noopener">FEEDBACK</a></div>

    <div>&nbsp;</div>

    <div><span style="font-family: verdana, geneva;">We look forward to receiving your feedback and thank you in advance.&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;">Kind Regards</span></div>

    <div><span style="font-family: verdana, geneva;">&nbsp;</span></div>

    <div><span style="font-family: verdana, geneva;"><strong>Customer Care Team</strong></span></div>

    <div>&nbsp;</div>

    <div><img src="https://allclearportal.icasework.com/resource?id=29600" alt="" width="516" height="204" />&nbsp;</div>

  • Profile Image
    EltonCris
    Answered on October 08, 2017 at 10:37 AM

    Ok, in your source code find the following:

    <div><a target="_blank" href="https://form.jotformeu.com/72783485114360" rel="nofollow noopener" rel="nofollow noopener" rel="noopener">FEEDBACK</a></div>

    Then replace it with this:

    <div><a target="_blank" href="https://form.jotformeu.com/72783485114360" rel="nofollow noopener" rel="nofollow noopener" rel="noopener"><img src="https://www.jotform.com/uploads/forum/jamieschafer/1507413807CCQ%20Feedback.jpg" style="width:180px;height:auto;"/></a></div>

    Feel free to change 180px if the image size isn't what you expect.

    This should give you a feedback image hyperlinked with your form.

    Thanks