How to Insert Hyperlinks into your Web Form Using HTML
Warning: Editing your Web Form before all submissions have been processed in Eleo will cause them to get stuck in the Pending folder. It will simply keep refreshing when you attempt to process them. To prevent this, we recommend this order of operations:
-Keep up to date with processing your pending transactions
-Make the appropriate edits to your form
-Use the new Web Form link that is generated by Eleo-Take that live link to replace your old one. It will not automatically update.
This is a step-by-step guide that reviews inserting hyperlinks into an Eleo Web Form using HTML. This example will review inserting it into the Confirmation Page of our Web Form, but it also works in other areas (Ex. the Header, Footer, and Field Description).
Confirmation Page:
1. Input your (1) URL and (2) the text that you want hyperlinked into the HTML code. Use this HTML code to hyperlink below:
In the yellow highlighted section: Insert the URL of the webpage that you want your constituent to be taken to once they click on it.
In the green highlighted section: Insert what you want the hyperlinked text to say that the constituent will click on. The text in the HTML code above has been capitalized so that you can easily see where you type, but if you type in capitals, it will show up capitalized.
2. Navigate to Web Forms > Search Web Forms and click on your corresponding form.
3. Click on the Advanced button and then on the ‘Confirmation Page’ tab.
4. On the ‘Confirmation Page’ tab, click on ‘Edit’ in the upper right-hand corner, and input your HTML code into the text box. Then, click on ‘Save’, which is located in the upper right-hand corner of the screen too.
- Next, copy and paste the HTML code (that is now populated with your URL and text) into the text box. Paste it where you want it to show up: whether that is within the text on the Confirmation Page, on top of the text, at the end of the text, etc.
- Once you’ve placed the HTML code where you want it, press ‘Save’. Preview the form by clicking on ‘Preview’ in the upper right-hand corner of the screen and make any adjustments.
• The next page shows an example of how it will appear with the HTML in the text box:
• Below is how the text and HTML code look on the Web Form:
