M
Maxprog Knowledge Base
Guest
The best is to store the file on your web site, maybe dropbox, or any online site and then send a link to the file inside your message. That's it!
If you use the 'Styled Text' format you can simply insert HTML code, as is. In your case, you can use the IMG tag to insert the image and the HREF to insert the link.
Let's see some example:
This code shows a 48x48 PDF icon stored on our site and links it to the maxprog home page:
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" /></a>
This is how it will look like ▸
This is the same but centered in the message body:
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /></a>
And this is how it looks like ▸
and with the file name below:
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /></a><center>My Document</center>
will appears this way ▸
My Document
and finally with filename linked to the file as well:
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /><center>My Document</center></a>
with this result ▸
My Document
Now some advanced stuff, let's add some text on the right:
<table style="width: 80%; margin-left: auto; margin-right: auto">
<tr>
<td style="width: 80px; padding: 5px">
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /><center>Document</center></a>
</td>
<td style="text-align: justify; vertical-align: top; padding: 5px">
This is the new updated document you asked me about. Feel free to click to view or download it to your computer. Please do not share with others since it contains personal information. If you have any question please contact me here.</td>
</tr>
</table>
with this result ▸
Same but with a frame:
<table style="width: 80%; border: 1px solid Darkgrey; margin-left: auto; margin-right: auto">
<tr>
<td style="width: 80px; padding: 5px">
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /><center>Document</center></a>
</td>
<td style="text-align: justify; vertical-align: top; padding: 5px">
This is the new updated document you asked me about. Feel free to click to view or download it to your computer. Please do not share with others since it contains personal information. If you have any question please contact me here.</td>
</tr>
</table>
with this result ▸
or a rounded frame:
<table style="width: 80%; border: 1px solid Darkgrey; border-radius: 10px 10px 10px 10px; margin-left: auto; margin-right: auto">
<tr>
<td style="width: 80px; padding: 5px">
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /><center>Document</center></a>
</td>
<td style="text-align: justify; vertical-align: top; padding: 5px">
This is the new updated document you asked me about. Feel free to click to view or download it to your computer. Please do not share with others since it contains personal information. If you have any question please contact me here.</td>
</tr>
</table>
with this result ▸
One of our webinars covered this topic at minute 24'45, you can watch it below:
Continue reading...
If you use the 'Styled Text' format you can simply insert HTML code, as is. In your case, you can use the IMG tag to insert the image and the HREF to insert the link.
Let's see some example:
This code shows a 48x48 PDF icon stored on our site and links it to the maxprog home page:
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" /></a>
This is how it will look like ▸
This is the same but centered in the message body:
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /></a>
And this is how it looks like ▸
and with the file name below:
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /></a><center>My Document</center>
will appears this way ▸
and finally with filename linked to the file as well:
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /><center>My Document</center></a>
with this result ▸
Now some advanced stuff, let's add some text on the right:
<table style="width: 80%; margin-left: auto; margin-right: auto">
<tr>
<td style="width: 80px; padding: 5px">
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /><center>Document</center></a>
</td>
<td style="text-align: justify; vertical-align: top; padding: 5px">
This is the new updated document you asked me about. Feel free to click to view or download it to your computer. Please do not share with others since it contains personal information. If you have any question please contact me here.</td>
</tr>
</table>
with this result ▸
| | This is the new updated document you asked me about. Feel free to click to view or download it to your computer. Please do not share with others since it contains personal information. If you have any question please contact me here. |
Same but with a frame:
<table style="width: 80%; border: 1px solid Darkgrey; margin-left: auto; margin-right: auto">
<tr>
<td style="width: 80px; padding: 5px">
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /><center>Document</center></a>
</td>
<td style="text-align: justify; vertical-align: top; padding: 5px">
This is the new updated document you asked me about. Feel free to click to view or download it to your computer. Please do not share with others since it contains personal information. If you have any question please contact me here.</td>
</tr>
</table>
with this result ▸
| | This is the new updated document you asked me about. Feel free to click to view or download it to your computer. Please do not share with others since it contains personal information. If you have any question please contact me here. |
or a rounded frame:
<table style="width: 80%; border: 1px solid Darkgrey; border-radius: 10px 10px 10px 10px; margin-left: auto; margin-right: auto">
<tr>
<td style="width: 80px; padding: 5px">
<a href="https://www.maxprog.com"><img src="https://www.maxprog.com/pictures/doc_icon_pdf_48x48.png" style="display: block; margin-left: auto; margin-right: auto" /><center>Document</center></a>
</td>
<td style="text-align: justify; vertical-align: top; padding: 5px">
This is the new updated document you asked me about. Feel free to click to view or download it to your computer. Please do not share with others since it contains personal information. If you have any question please contact me here.</td>
</tr>
</table>
with this result ▸
| | This is the new updated document you asked me about. Feel free to click to view or download it to your computer. Please do not share with others since it contains personal information. If you have any question please contact me here. |
One of our webinars covered this topic at minute 24'45, you can watch it below:
Continue reading...