Podio: how to customize Podio to fit your process

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<style type="text/css">
<!--
body
{width:100%!important;
min-width:100%;
margin:0;
padding:0;
background:#ffffff}
img
{outline:none;
text-decoration:none;
width:auto;
max-width:100%;
clear:both;
display:block}
@font-face
{font-family:'Open Sans';
font-style:normal;
font-weight:300}
@font-face
{font-family:'Open Sans';
font-style:normal;
font-weight:400}
@font-face
{font-family:'Open Sans';
font-style:normal;
font-weight:700}
body
{color:#666666;
font-family:"Open Sans","Arial",sans-serif;
font-weight:normal;
padding:0;
margin:0;
text-align:left;
line-height:1.3}
body
{font-size:16px;
line-height:28px}
a:hover
{color:#c9a076!important}
a:active
{color:#c9a076!important}
a:visited
{color:#c9a076!important}
h1 a:active
{color:#c9a076!important}
h1 a:visited
{color:#c9a076!important}
body
{color:#444444;
font-family:"Helvetica","Arial",sans-serif;
font-weight:normal;
padding:0;
margin:0;
text-align:left;
line-height:1.3}
body
{font-size:16px;
line-height:28px}
a:hover
{color:#579BCA!important}
a:active
{color:#579BCA!important}
a:visited
{color:#579BCA!important}
h1 a:active
{color:#579BCA!important}
h1 a:visited
{color:#579BCA!important}
table.button td a:visited
{color:#fff!important}
-->
</style>
</head>
<body style="width:100%!important; min-width:100%; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; text-align:left; line-height:28px; font-size:16px; background:#ffffff; margin:0; padding:0">
<table class="body" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; height:100%; width:100%; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; background:#FAFAFA; margin:0; padding:0">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td class="center" align="center" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:center; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0">
<table class="row is-transparent" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; padding:0px">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td class="wrapper last" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; background:transparent; margin:0; padding:10px 0px 0px">
<table class="twelve columns" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:580px; margin:0 auto; padding:0">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td align="center" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0px 0px 10px">
<center style="width:100%; min-width:580px">
<div class="Mkteditable" id="preheader" align="right" style="text-align:right; font-family:'Helvetica','Arial',sans-serif; font-size:10px; color:#999; line-height:150%">
<br>
<br>
</div>
</center>
</td>
<td class="expander" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; visibility:hidden; width:0px; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="row is-transparent" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; padding:0px">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td class="wrapper last" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; background:transparent; margin:0; padding:10px 0px 0px">
<table class="twelve columns" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:580px; margin:0 auto; padding:0">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td align="center" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0px 0px 10px">
<center style="width:100%; min-width:580px"><a href="http://news.podio.com/P000o0qMjY0LkW0L0n6S473" style="color:#579BCA; text-decoration:none"><img src="http://get.podio.com/rs/podio/images/podio-logo.png" alt="" style="text-align:center; outline:none; text-decoration:none; width:auto; max-width:100%; clear:both; display:block; border:none"></a>
<div class="Mkteditable" id="headertitle" style="font-family:'Helvetica','Arial',sans-serif; font-size:12px; color:#444; line-height:1.5; text-transform:uppercase; font-weight:bold; margin:15px 0 0">
Podio Tip #1</div>
</center>
</td>
<td class="expander" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; visibility:hidden; width:0px; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="container" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:inherit; width:580px; margin:0 auto; padding:0">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0">
<table class="row" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; display:block; padding:0px">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td class="wrapper last no-top-padding" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; background:#fff; margin:0; padding:0px">
<table class="twelve columns" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:580px; margin:0 auto; padding:0">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0px 0px 10px">
<div class="leadimage">
<div class="MktEditable" id="leadimage3"><a href="http://news.podio.com/kM07j0o00LL03Yq7n40lW0S" target="_blank" style="color:#579bca; text-decoration:none"><img src="http://get.podio.com/rs/podio/images/app-creator%20%281%29.png" alt="" width="580" height="280" style="outline:none; text-decoration:none; width:580px; max-width:100%; clear:both; display:block; border:none"></a></div>
</div>
<div class="leadparagraph text-pad" style="padding-left:35px; padding-right:35px; font-size:18px; line-height:28px">
<div class="MktEditable" id="leadparagraph1">
<p>By now you&nbsp;will have probably noticed that&nbsp;<em class="text-italic">apps</em>&nbsp;are the tools used in Podio to organize and track your work.</p>
<p>These apps create records known as&nbsp;<em class="text-italic">items</em>&nbsp;– for example, an item could be a sales lead or project deliverable. You could think of items as single photos and&nbsp;apps as&nbsp;the albums.</p>
<p>To reflect the specific work you're doing, you can customize your&nbsp;apps. By clicking&nbsp;<strong><span class="text-bold">Modify Template</span></strong>&nbsp;in any app you can c<span>hange naming, add and remove fields, or even build something new from scratch, all&nbsp;</span>without
a single line of code.</p>
<p>This may&nbsp;sound daunting, but really it's far from it. In fact more than 1.5 million customized apps have been created in Podio!&nbsp;The Help Centre has a beginners guide to get you started today.</p>
</div>
<table class="button" align="center" cellpadding="0" style="table-layout:fixed">
<tbody>
<tr>
<td align="center" bgcolor="#5FC660" class="buttonTop" style="padding-top:9px; padding-right:30px; padding-bottom:9px; padding-left:30px; background:#5FC660; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#fff; font-size:16px; font-weight:normal; text-decoration:none; display:block; border-collapse:collapse; margin-top:11px; margin-bottom:11px">
<div id="buttontext"><a class="MktEditable mobilebutton" href="http://news.podio.com/P000o0qMjY0LkW0L0n6S473" style="color:#FFF; text-decoration:none; font-family:Arial,sans-serif; vertical-align:baseline"></a><a href="http://news.podio.com/p0W00M048S070moYqj0LnL3" style="color:#ffffff; display:block; font-family:'Helvetica','Arial',sans-serif; font-size:16px; padding:10px 0; text-decoration:none">APP
CUSTOMIZATION GUIDE</a></div>
</td>
</tr>
</tbody>
</table>
<div class="MktEditable" id="leadparagraph2">
<p><span>Workarounds and adjusting&nbsp;your&nbsp;processes to fit software will soon&nbsp;be a thing of the past</span>.</p>
<p>Let us know how it goes: tweet us&nbsp;<a href="http://news.podio.com/Mo0S070nMLW4q009j0LY0n3" target="_blank" style="color:#579bca; text-decoration:none">@podio</a>&nbsp;or write&nbsp;<a href="http://news.podio.com/ZYoWL04aq000070no30jSML" target="_blank" style="color:#579bca; text-decoration:none">support@podio.com</a>&nbsp;–
we are happy to lend a hand if you need it.</p>
<p>Best regards,</p>
<p>Team Podio</p>
</div>
</div>
</td>
<td class="expander" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; visibility:hidden; width:0px; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="row is-transparent has-button" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; display:block; padding:0px">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td class="wrapper socialwrapper" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; background:transparent; margin:0; padding:10px 20px 0px 0px">
<table class="six columns" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:280px; margin:0 auto; padding:0">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td class="center" align="center" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:center; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0px 0px 10px">
<center style="width:100%; min-width:280px">
<div class="MktEditable" id="socialimages1"><a href="http://news.podio.com/CYL00b0pj0LM0oqn3704S0W" class="socialtext" style="color:#999; text-decoration:none; font-size:12px"><img class="right" src="http://get.podio.com/rs/podio/images/Artboard%204.png" style="outline:none; text-decoration:none; width:auto; max-width:100%; clear:both; display:block; border:none"></a></div>
</center>
</td>
<td class="expander" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; visibility:hidden; width:0px; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0">
</td>
</tr>
</tbody>
</table>
</td>
<td class="wrapper socialwrapper" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; background:transparent; margin:0; padding:10px 20px 0px 0px">
<table class="six columns" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:280px; margin:0 auto; padding:0">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td class="center" align="center" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:center; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0px 0px 10px">
<center style="width:100%; min-width:280px">
<div class="MktEditable" id="socialimages2"><a href="http://news.podio.com/gq0nWoj07304YS0qM000cLL" class="socialtext" style="color:#999; text-decoration:none; font-size:12px"><img class="left" src="http://get.podio.com/rs/podio/images/Artboard%203.png" style="outline:none; text-decoration:none; width:auto; max-width:100%; clear:both; display:block; border:none"></a></div>
</center>
</td>
<td class="expander" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; visibility:hidden; width:0px; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="row is-transparent" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; padding:0px">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td class="wrapper last" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; background:transparent; margin:0; padding:10px 0px 0px">
<table class="twelve columns disclaimer" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:580px; font-family:'Helvetica','Arial',sans-serif; font-size:11px; color:#999; line-height:160%; margin:0 auto; padding:0">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td align="center" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0px 0px 10px">
<center style="width:100%; min-width:580px">
<p align="center" style="text-align:center; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0 0 10px; padding:0">
</p>
<div class="disclaimer" style="font-family:'Helvetica','Arial',sans-serif; font-size:11px; color:#999; line-height:160%">
<div class="MktEditable" id="disclaimer">
<p><span style="color:#cccccc">You received this email because you created a Podio account.</span><br>
<span style="color:#cccccc">If you don't want to receive emails like this, you can</span>
<a class="mktNoTrack" href="http://get.podio.com/EmailUnsubscribe.html?mkt_unsubscribe=1&amp;mkt_tok=eyJpIjoiTnpKak1ESmpaamt4TkRFMSIsInQiOiJKK3dJUC9ObVVNbFYxTVV0UGdSOGFCeGJxT1NCY2hYMzZqZ01CSGlrallINnlmVHAzM2RvUUdLQU9SNXVFMWFtdFZRRkkxQWhJaFJOdENkLy9BTHpKT2srMTE3dVFTd2UySjhtakd1YkdpMEhhTEJDcXcrT1UzUUEvcVNtQ0g1NiJ9" style="color:#579bca; text-decoration:none">
unsubscribe</a>.<br>
<span style="color:#cccccc">Citrix • Kalkbrænderiløbskaj 4&nbsp;• 2100&nbsp;Copenhagen •&nbsp;Denmark</span><br>
<span style="color:#cccccc">Have questions? Contact us:&nbsp;</span><a href="http://news.podio.com/ZYoWL04aq000070no30jSML" target="_blank" style="color:#579bca; text-decoration:none"><span style="color:#579bca">support@podio.com</span></a><br>
<span style="color:#579bca"><a href="http://news.podio.com/Q0LS0nY0Mr3j70o4q00dWL0" style="color:#579bca; text-decoration:none">View this email in your browser</a>.</span></p>
</div>
</div>
</center>
</td>
<td class="expander" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; visibility:hidden; width:0px; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="row is-transparent" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; padding:0px">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td class="wrapper last" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; background:transparent; margin:0; padding:10px 0px 0px">
<table class="twelve columns" style="table-layout:fixed; border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:580px; margin:0 auto; padding:0">
<tbody>
<tr align="left" style="vertical-align:top; text-align:left; padding:0">
<td align="center" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0px 0px 10px">
<center style="width:100%; min-width:580px">
<div class="Mkteditable" id="logobottom"><a href="http://news.podio.com/P000o0qMjY0LkW0L0n6S473" style="color:#579bca; text-decoration:none"><img src="http://get.podio.com/rs/podio/images/logo-footer.png" alt="" width="74" height="26" style="text-align:center; outline:none; text-decoration:none; width:auto; max-width:100%; clear:both; display:block; border:none"></a></div>
</center>
</td>
<td class="expander" align="left" valign="top" style="word-break:break-word; border-collapse:collapse!important; vertical-align:top; text-align:left; visibility:hidden; width:0px; color:#444444; font-family:'Helvetica','Arial',sans-serif; font-weight:normal; line-height:28px; font-size:16px; margin:0; padding:0">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<a href="http://news.podio.com/o03so00eL004LM0WnSYq7j0"></a><img src="http://news.podio.com/trk?t=1&amp;mid=ODE2LU1ZUy00MzU6MDo0ODY0OjE5OTk4OjA6NTQ5OTo5OjMwNDM2OjEzODUxNDA1LTE6bnVsbA%3D%3D" width="1" height="1" alt="" style="display:none!important">
<div></div>
</body>
</html>
Podio: how to customize Podio to fit your process Podio: how to customize Podio to fit your process Reviewed by Baju Korporat on April 23, 2017 Rating: 5

No comments

Post AD