Email HTML template

I created an HTML file with an image and the image is saved on Google Drive. I copied the share link and used it as src for my image in my HTML file. When I open the file local I can see the file, but when I try to use it in AppSheet I get this error:

'Send email' task 'Send a notification to the app user' Body template. Template could not be loaded due to exception: '%' is an unexpected token. The expected token is ';'. Line 62, position 66.

 

Does anyone have any idea how to insert images from Google Drive in the email HTML template?

 

Solved Solved
0 8 425
2 ACCEPTED SOLUTIONS

I tried this and it didn't work.

I found something that worked: first read this about how to embed a google drive image in HTML. After I used https://app.bitly.com to make the URL shorter and used the new URL in my HTML and it worked.

View solution in original post

Did you replace the : with ":"?

I made a template with your image using that method and worked perfectly

View solution in original post

8 REPLIES 8

Someone? ๐Ÿ˜ฅ

It seems like it's not actually a public URL.

I think that a workaround would be if you use the base64 as source instead of the link.

So, on your scr=

 

 

<img src="data&colon;image/png;base64,iV
BORw0KGgoAAAANSUhEUgAAAJ
gAAACqCAYAAABRcIaHAAAWi0
lEQVR42u3dfVATaZ4H8Djrzc
1ezc3uXt3d7O7c1lTNbO1M7f
1zV3NXW3tbd1WiJIEHNaIRJY
SXgGg7TAgYJQERFTGj5e7qvF
jjKwEEBIEk0OgoL+KMIzOj40
tAEBaE9gUUVIL4Ro/j7/4wYS
DmpTvdHRLydNX3X9L9PB+e90
5EInyJCITeIBD6XwKhJAKh9Q
RCuwmEqgmEWgmEegiEBgmE7h
MIgVPGCISGCIQuEwg1EQiVEw
jlEwgpCIT+g0Do73Hphg6iWQ
RCbxEIyQiEcgmEKgmE2giEHr
uAw1eeEAidJhDaQiA0h0DoJ7
gmZg6ofyUQWkAgZCAQarG3Nj
DNGSIQ+oxA6P9wDQUfqF8QCC
0mENpLINQbAJi85aK9S34Z11
7govqdvbtrJRD6IQhQucpV+5
jtJVyjgYHqNwRC6wiEvgtSUO
7SSiD0Lq7h6YMlJhAiCYSezT
BYkzNOIKQlEJqFa9x/sF61z8
QghFJBIPQPuPb9O9b6OsSQfU
0g9DNc+/5DNptAKIdA6PsQQn
aWQOgfce378VohjYwPsZbscw
Kh2bjm/XAlhkszVOKIsRADBu
kL51/XyWWf6OSyBTq57BUsQR
hcB5RzJc9CDZcjaxcvBJ1cBj
q57I5OLivQyWW/wCp4uhLmSY
/GzhHDCmkkhCqwtPlRDmCODO
nkMgXWwR3X57FzxBA/TxKyuB
zRRi90RgY6uexTnVz2d1iKL7
jCpdWxc8QQO0cMqRGRIQ9MvW
C+K2Cgk8tKdXIZPqnBcsy13Y
ELt14/xg0w0MllB7AahleSWL
pEYccV6mMv56xbvNATsjSsxz
uu1+PCJLQDV1wYbr2mjMM8A3
uik8vwhrmnK36epDt2UuulEk
dgWJOyJnqBJ2Cgk8tO6+QyvF
nuZtyVPRlX7BwxrMSDeyYzSe
csxppe7Br/KS5M8v1kXLh7ZN
1FOtKhk8vwAUan9a5G59YrMV
yKUTkP8pcwAgY6uWwRVvVj6/
U7xRzxM2dgyRI8/pqc1Z6XKZ
zTjGX92Hq1OuPCi6sv5oMFUW
yAgU4u+y1uvcTSN121XrFzxB
iVUzIXLWALLBe3XuHSGle48A
D/xe4xa4mMLbC2kAcWFyZ57A
pY/FwMbHI0C+ezxeXIm6HbPY
ZLk1zhip0jhoR5eAY50XpF+d
R6OZIYyqv2bRgYb4ur7nIoZI
EpwsRP3QHzdQ1sZWTk80REQm
pEJKyKDG5cGewH9s4ZCNXuMc
YdLqYtWGpEJKjEERA/TwJxYR
Lw9PcUYc/HdYnhUkiWRATFFh
QPuEJ3HJYwT9rgCYS7M2CpEZ
GQGC4FRZjYIygmUYQ9h5wiiQ
iolm51FOdu0TnzQw6Ycq5k2F
PlK51mkSnSCFDOlXBG5RH1XA
moxNPbuq1dIuMyoMfrYfbF1Z
cUYa4XVye3Lg5YcQLDcrcOlx
Qu9cthx9VRUbDr/eXQWaGHO0
0FULl5Jd/AqkINGGJSycppgO
WpK02WRMDKSP7A5SqioTw3Cb
rK1sDdhs1gazFMpPljDeiX8g
asPdTOfe0IBDhcWreEcCmoxB
GwQsp8prpWvhB2vb8cTPkp0G
7MgAGTDgbNerjXmD8FlyMnP9
HwBexBqA3wm/2NIkkSAemL5k
NuXDRsS42BT9QK+EStgN2aOP
hYHQvbU2OgQCWHHEU0ZC5eAE
QUgmRpBCTMk4IijFlLGj9PAi
siIiF90XzIXr4I/rp6GVRvSo
FTH70PVw6tgQGTbkpuk7kwcn
KrS1yOHN6Yyheyfw6lBdY+oU
HFz5NCblw0VG1Khr6KdS9ULt
vcqNZBR3EmXDyggTO70yZy/k
A6dBRnAnUki/HfulWbDXcb8j
3CcuROYwHsWLmcD2D/FUozSJ
tQsNSy+WDZsoIzKCFyqy7nhb
EWk7SVZfMBDIXSBjfNO6xF8+
H0J2kBh2rQkg1Dx/LgXtMW1r
Ampzg7mSuwhFDaInrGF6yEcC
lYClYEXEs1fCwP7jVyQzU5PT
UbuALThgwwvnClLYyC7lLt9G
KqzYHb9bkw/PlGuNuYDzYvg3
YuObAuiQuwglBZA3udD1yZix
fA9ep1/KMx62HQrIdBix4GLd
nPAZHrYah+Awwfy4M7xzfC3Y
bNMNJcIBgkd7lYouMCbGeoAH
uTKy4iCvGCa9Cih+HPN8K9xi
1elwsCISMnDbA1aamvwPZhYA
xX9y8XZXLGNXR0g6DdmVAxbS
V8BWYMCWAqccTPuAAr0idwxn
Xn+Kagg+VIe3k2BibUIJ+IQj
y0XHlBi8vRTW5ULsHAhFim4L
ocMWjJBttJQ1ADs7UYoFCnws
C8LLQ+YYsrWRrBvWs8sTnocd
laDND4UbovwELnC+oSw6V6ts
D+snoZt9bLrJ8RuHwch9l0ct
k7oXaiooENMGuhhhOw2/W5Mw
bYUMMWvA/JYLniFaZdpUrCvX
scPpY3Y4DZWgywLWUZU1yFol
C9EsOlBibAcmIXYWDOA/0sFd
OuMXR/sCFJLH2JycmKvZlxGJ
hTzIbVTIBliUL9SgiXmr0Ba/
gzgYE5pdn7cer7OrkM/1Jbkl
j6n96A9ZRrMTCnfFeU5Q3YLh
G+nl/KuZIxTy9Y8HFKYqYB66
7K9Qbsv7EsRzcpjvwyNnIxxE
bJpwbJIUGCMDAXuU5ugnVLo+
GDZYoXol6mGFYo1a9iWSKRSK
FUv6WIS7MplGpwlbhlqRiYiw
w3FkCSYhW4KzeFUn1NoVS/hY
Ep1RUeCgkUcWkYmJsolWngse
yU6goMTKnuxcB8S0L8B96A9Y
Y8sLj49AEMzLckJXnEBXHx6Q
MhC0ujNfxeozWY4xMzAAPzLS
nJ6R7LLj4xAzRag1mjNfw+1H
C9p9EaHmm0BsDABAcG9rJ+L5
SAVdgf3CswVZIaA+MODDRaQ0
UoATvPFFiyKh0D4wfY+VACdh
ED8zuwixgYBoaBYWAYGAaGgW
FgGBgGhoFhYBgYBoaBYWAYGA
aGgWFgGBgGxhhYKwbmd2CtoQ
RsGwbGPcmq9GcsgG0LJWCvar
SGFgyMM7AfGAJr0WgNofUSiE
ZrmKXRGmTKhAwaAxMGmDIhg9
ZoDTKN1jBLFKqXQqnu9wLsGQ
bmOipV+lMvZ/L7RaF+KZTqdg
zMtyQmqr0Ba8fAlOoNngopJR
kDc/tWkXdgGzAwpXq2Qqn+q0
KpfuCigH74bLP2PgbmOquSV7
t7YfmBvUxni/A1BdvPnfLKbX
J9Dwb2Yu42bwXZ/GWPJJKlIJ
HEgEQSA1JpTKNCqf45lsTiuk
3mXsTAXkz97nUgFsudQ2Ax7I
G1YmAvtl5JsUpnXONisfxfsB
i2wOpzT2BgTr8d+aHGVeu1H2
vx4Rqq33CQD2BDRzfMCFxny9
ZDhHSpq9YLf5OOT8CObtDyAm
wGfI35FdNGiImOddV6bcNSfL
yGj+X9hp9foV0f1LislRtg2W
KXuKxisfwVLIXDdas2+zEfv5
0drLiOf5YFC6JiXOEaFYvl/4
6FcB/oN/HRio0E2e9D9pGbYX
PGSlewQCKRPxWL5XOxDn66yf
/hA9jdhuD4MSyqPh8+zUuDqE
iXrRZERcbAB6rEJCyDz1asbn
3/TF6qGGosgOb9OshLT3U1S5
yIfNFyaNibdQKL4L8Vm8N5oF
8r7Dhs8MRWaD20EU4V5cGpoj
z4oigPOkz5blqpzdByUA8HC9
Ihi0gB5Ka1mpy1K5Ohv37zuK
3F8DYWIcxYrJErsntNWwTB1V
q60e0ZeSIlDXLSVsCalSpIXK
6E+cg7psmJiY4F80daGHn+We
uxBOFasZdv1ebcC7Ru8m6zAV
alajwe/V6wMIEVqufdYSwc2K
KGWycKHJ/VZGsx/ARLEBbZu4
MW35ctBs163n9WudOc7+3bnm
HxkhRGqCQSOWSmqsDy8Vq40z
Rl1ttmazHgvUY/IXtv0JL9xO
efVj6+ifexlzLeM7BF0Sq3qJ
RL42CTJhVqdmnh+lGXY7bLth
bDG7jm/YvsjVt1OUOBsuha8u
ds918nrkyD1YlJkLFCBZs0qf
BpXhoc+csaOFWoB6o+39vfPm
prMbyGa3x6kM32deDPdytmaz
HAqaI8+KxABx9vzppI+V9z4P
qxAl/+3jNbi2G9rcXwEq7pab
6u1+gbBs161mOxQF3Zv9tYAA
O16z/BNRsgV3dJpqGjMAMGLd
lBf4Tn1tGNcLV8LQyYdDJcsw
EEzLpPDdZ9arheo2e5fZQfOF
tE1dnQacxw3BsGFojArPvU0F
O+Fph2mYNmPYw0T29XebepAL
oOaeHywXS4WZOFgQU6MOs+NX
QamXeZt+pywDZN47FbRzfB5Y
MaaNufDtersibfFwYWyMAcuW
Fi1pLdnoYTr1RNDlj3qaFtfz
pcO7LO+Z4wsGAAZt2nht7D6x
h1mUP1G/zWJXaXrrXjUgNVud
bV/WBgwQKMTZcpdEvm6BK94M
LAgg2YI9eq9TDgpTW7VZcDI8
0FvMIaad4KfVX6iftw0y1iYI
FyGa22nxqttn8zWm2z2ACz7l
NDZ1Em3DRnw4DZ8+zyzgnuJ2
BHTm6FG5ZcuFyYMfH57Qe84o
IBk05mtNpm2Z/xp7jG/YtLb7
TaHhutNjBabX1fkcYSNsAcuX
wwA6gqHQxYst22arfqclgftR
5p3gqD9RvhaqUO2g9opnxmR6
EGblRnee2qv2yp0xuttj77Mz
42Wm16XPP+wRVrL/SJFF269/
SL6s/AF2STc6U4E3oPr4OrlV
nQf+TFXK3Mgt4K1/lb+TroLl
0LHcYMt3+/qzgTbtZ4n9FeOF
EIRdYR2vk5jVZbLBYgLK5fGq
22uy4KHozWEWiqPcQZmRBp26
+Gq+VaRssl3zRVQJF1BFw/o+
2u0Wr7JZYgHDCzm4KfyPFj5o
DC1VGocV5Add8tnqoHb89ntN
rMWIIwuBQMCh+MVhvUNTXDpf
2aaW+1esuYtVo3TXpoOH0KmD
6f0WpTYBF+6xpdx3yqFS4eWD
MtuLqKMxkN5AdMOrhuzoWjrd
+ywYW7yunoGl2l6isrXCjM8h
usK0UZTJYfJnLNshHM37aDL8
+Gu0r+cL1itNru+VgJcPibbv
iuaL3ALRY7WAMmHVytK4Cqcz
2+4gJ7meAvPeEJWQGHioDSc9
fg20P5vKK6fFADvWVrGHeFk9
NdvwMOn7/OBRcYrbYCLMPHi6
Tol0mK/iNJ0etIiq6t7Rsf4V
gZUHJ+EFoP7+CEqtOogZ7SNa
xbq8npOPYxlF68xRUX1PaNj5
AUXWsvoz+SFP0yluMe1GskRU
tJit5CUnQLSdGPSIqGyTl85Q
HnSim+OAynq3d7hdR+IB06Cj
XQVZwJvWVrgKpcy2iB1Fsund
gPxZfucH6Ow1cegHP5kBT92F
52W+xl+Voog/oVSdFLSYr+mK
ToCyRF/+CiwKbEcvUJ54oxWm
1QZB2Bs03lcLMmC25UZ8H1qh
/jS3fHNGebyj0toLKK5eoT8F
Ze9jK9YC/jpSRF/2omg3qXpO
gVJEUXkRTdy6BwXKasY4yXCj
JabXC6pVYwTM453VLL232XdY
yBr+VnL/sie128G6yYZpMU/Q
eSoteQFG0iKXqYQ4FMian3MW
8VZbTaoOnLZrhp0gsG66ZJD0
1fNvN6z6bex8BXedrrxmSvqz
+QFD07EEG9SlJ0OEnRm0iKbn
I1fuIzhy7f57XCjp35Gm6Yc3
jHdcOcA8fOfM3rvR66fB+ELF
t73TXb6zKcpOhXpwPU6yRFLy
YpeidJ0edIin4q8ENPSXXPI1
4rzWi1geUbK1yz5PGG65olDy
zfWHm/z+qeR+DPsrbX7Tl7XS
8hKfp1IUD9mqRoFUnRB0mK7v
bzA7pMcfso/5V3rhv6ardwxt
VXuwWqz3Xzfn/F7aMQCGVvN3
DQbuLXvqJ6iaToWJKiW0mKfh
YgDzaRI938t2JGqw0qzlPQQ2
73GVcPuR0qzlOC3NuR7kcQaP
Vgt/G13cpLTHG9Q1L02QB8mI
nU9dNQ1DYqSEWWXhiEzqO7WO
PqPLoLSi8MCnJPRW2jUNcfuP
Vhz1mSot/xhiuMpOj7Af4gQF
I0VHQ9FKQyjVYblFwaBuvxvY
xxWY/vhZJLw4LdT0XXQwiGOr
HbCXOJq65//E9CzwD5TG3fuG
AVaj+GDecaS73iOtdYCkWX7g
l6L7V948ECDEiKflTXP/6nKb
gqux6+WdI++n0Nv2ssgqech+
0jbzlz0uQW15mTJsE/v9z1tl
DApqb3MZS0j35f2fXwzQlgZZ
1jF6ZxKuxzzDxtH3lL8+mmF3
Cd/LLBL59tZrYtFBCZvIRU1j
l2wdF6vV3U5jxjCZo+n9ftI0
8hv7XCDXMO3DDnQP035/3yma
XctoX8PLN/6DQxsUFl18O3Re
WdD6pcDyyDo2nme/vI4+C/tQ
dKWv/mt88zBcmQpaLL9VClvP
NBlai04/6g2/6/Mzj+g/jePn
KV/JJGiE3KhNikTMgvaRT88/
ywLcTPOLhzzEMLfH9QVNw2+t
RbM13XPx40fT/f+aihA1I0+b
AoWjUlKZp82HWiQ7DPDfSxcF
3/OJR6GZ4Ut40+FTH9b6oNcG
R8bx/tP3sbMj88CNFLUl7A5U
j0khTI/PAg7D97e6ZuC7leIu
ofZ9xriBiPP9pHwRLA6zHOg0
wu+bDqDMQmZrqF5ZzliRnwYd
UZHreFAneSZekbhxIW/8wiVv
9ZbaMBO22u6x/nvH1U1DYKe0
5eYQzLOXtOXuHlHgJ1SGK++g
SKWT6fiH0BBO7shsv2UWnHGN
T2jcPu+nM+A9tdfw5q+7yPTY
JxW8jU+xicl7MEARbIg1Bft4
8md0mV1iGP4y5P47FK6xDnEx
+BuC3EZRIlmmlHSMo7mW8flb
S77vINxnrWwAzGepddCpvxSn
nngwAc23KboYu47/Q/CMrto7
JOz8svaVnbYWnMKpDHrPSYpT
GrIC1ru8exYVnnWFBuC7lbQP
UrsED8z/M2BqpkMEtT63d4/Q
1IR9T6HV7/XqWXWW6gbQux6Q
kEB/bjgmxgt2JFbaPA9MTIKs
1mxsBWaTYzPmngbpYZKK1XXT
/NaZIiGLBAW5A19T6eshhY1j
nGah1PtVLPGJhqpY7VOtLkLv
PQ5fsBMytns4A6LcACcUHW11
Y1Lj6dMbC4+HS/3lsgLKBOGz
DHVocluE5hTm39uu4zxuWIqe
t+0D6vpW9ckDe1BAPmQBbo+5
fucvjCIGtghy8MBuWz1vYLh0
tQYDx8j8L0bZy3XmUNrLj1al
A+q9AHNkVCn2sKpiPYjuxvam
cNbH9Te9A9p5DHnPwGrCTAj5
64ym7yLGtgu8mzQfecJQJ2jX
4DZrTaoKYnuN5W2nnkFGtgO4
+cCq63f3r8c9TcL8CC5ei1I9
uLP2cNbFvxseB65a9zbOYAK2
oLrm4yf08Na2D5e2qC6hmF+u
qFaQFmtNqCal0sd+ch1sBydx
4KqnUvf9W734CZguit8SzDXt
bAsgx7g2ch2Y+v+vkNWDAN9D
Nyd7IGlpG7Ew/wMTBmWa3dyh
rYau1WDAwDY5aU93NZA0tZvR
4Dw8CYJV61hjWweNUaxkd1it
tHeU9J+33Gr7v5FVhJ+yiNgU
3a/O19xBqXI5beRx6PThf7Ye
WcyWldfwEraR+lReWdY19hYJ
Necmi/4zOwI+13POz7+adSmb
wV7i9g5Z1jX4kqux6+5e37KU
IJWOnZaz4DKz17ze9fXOzLor
Y/gBW3jT6t6Hr4lkgkEokquh
7IhUYWLMAKv+jyGVjhF10Y2A
SuB3Lnr9F8u6xz7EyxQGOyYA
G25/gFn4HtOX4hpIEVt4/SZZ
1jZyq7Hr7tcPX/9yXRfgMEzS
sAAAAASUVORK5CYII=" alt="">

 

 

 

The ":" between data and image keeps being changed to "&colon;"

Make sure to replate that

TinyMCE is a shame

Thank you, I'll try!

I tried this and it didn't work.

I found something that worked: first read this about how to embed a google drive image in HTML. After I used https://app.bitly.com to make the URL shorter and used the new URL in my HTML and it worked.

Did you replace the &colon; with ":"?

I made a template with your image using that method and worked perfectly

Tried one more time and it works as well, thank you very much!

Top Labels in this Space