Header AD

Home / Unlabelled / Use Podio Webforms to bring structured information into your apps

Use Podio Webforms to bring structured information into your apps

June 18, 2017
<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"></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/kM0sj0o00IL03Yq7n40JW0S" 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">
<h3>Podio Tip #9</h3>
</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/uKo000nYWj0q0t03IL7MS40" style="color:#579bca; text-decoration:none"><img src="http://get.podio.com/rs/podio/images/webforms%20nurture.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="leadheadline text-pad" style="padding-left:35px; padding-right:35px; padding-top:20px; padding-bottom:7px; font-size:18px; line-height:20px">
</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 style="color:#444444; font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; line-height:28px">
You can add a webform to any of your Podio apps in just a few clicks. Add the form to your website (or we'll host it on a web page for you) and capture structured information to start a process in Podio.</p>
<p style="color:#444444; font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; line-height:28px">
For example:</p>
<ul style="color:#444444; font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; line-height:28px">
<li>Have job candidates apply through a webform </li><li>Receive sales enquires directly into your CRM app </li><li>Collect registrations for events and competitions </li><li>Set up a simple questionnaire to send to&nbsp;your customers </li></ul>
<p><span style="font-size:18px">View our guide and tutorial video to create your own Podio webforms today.</span></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:14px; padding-right:30px; padding-bottom:14px; 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:10px; margin-bottom:10px">
<div id="buttontext"><a class="MktEditable mobilebutton" href="http://news.podio.com/kM0sj0o00IL03Yq7n40JW0S" style="color:#FFF; text-decoration:none; font-family:Arial,sans-serif; vertical-align:baseline"></a><a href="http://news.podio.com/TuoMI0L04000nYL30jW7qS0" target="_blank" style="color:#fff; text-decoration:none">WEBFORMS
TUTORIAL</a></div>
</td>
</tr>
</tbody>
</table>
<div class="MktEditable" id="leadparagraph2">
<p><span>We're sure you'll save a lot of time with webforms - now you'll no longer need to sift through a massive influx of emails or keep separate lists in tools outside of Podio</span>.</p>
<p><span>If you need any help, don't hesitate to contact us via</span>&nbsp;<a href="http://news.podio.com/WM04voYWj0M3SqL0070nI00" style="color:#5092bd; text-decoration:none">support@podio.com</a>.<br>
<br>
Best regards,<br>
<br>
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/HM003070oLwnISW0j4Y00Nq" 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/q4SM0q0njx0oWI03Y0LO007" 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:#cccccc; line-height:160%">
<div class="MktEditable" id="disclaimer">
<p>You received this email because you created a Podio account.<br>
If you don't want to receive emails like this, you can <a class="mktNoTrack" href="http://get.podio.com/EmailUnsubscribe.html?mkt_unsubscribe=1&amp;mkt_tok=eyJpIjoiWm1VNVpqUTFNR1JqT1dSbCIsInQiOiJOVUxoeTRDRXRPbDQvbEwzMzRHNVVhREhGTkpXQXh0NkZrTkxpU3NkUnFTaklGNm5NYjBSRTllMFA2TVNYTkFBaXkzQ0tqY09KbkZvQk1FcHBlTEFmc2RJdGp3MklTQTZwc2JJV3Azd3NRRUU4RE1DRy9OS3QreTBFQTh3ZzlLbyJ9" style="color:#579bca; text-decoration:none">
unsubscribe</a><br>
Citrix • Kalkbrænderiløbskaj 4&nbsp;• 2100&nbsp;Copenhagen • Denmark<br>
<strong>Have questions?</strong> Contact us on <a href="http://news.podio.com/WM04voYWj0M3SqL0070nI00" target="_blank" style="color:#579bca; text-decoration:none">
support@podio.com</a>.<br>
<a href="http://news.podio.com/wYnSoWqMj0000L4y0073P0I" style="color:#5092bd; text-decoration:none">View this email in your browser</a></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/kM0sj0o00IL03Yq7n40JW0S" style="color:#579BCA; text-decoration:none"><img src="http://get.podio.com/rs/podio/images/logo-footer.png" alt="" 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/a0300j047M0n00zSQYoIWLq"></a><img src="http://news.podio.com/trk?t=1&amp;mid=ODE2LU1ZUy00MzU6MDo0ODY0OjIwMDA2OjA6NTUxMTo5OjMwNDM2OjEzODUxNDA1LTE6bnVsbA%3D%3D" width="1" height="1" alt="" style="display:none!important">
<div></div>
</body>
</html>
Use Podio Webforms to bring structured information into your apps Use Podio Webforms to bring structured information into your apps Reviewed by Baju Korporat on June 18, 2017 Rating: 5

Post a Comment

No comments

Subscribe to: Post Comments (Atom)

Post AD