Some associations want to provide physical membership cards to their members. With some html and a bit of coding, you can add a printable membership card in your members only area.
Steps:
1. Navigate to Website > Articles
2. Click the "New+" icon and name the article "Membership Card"
3. Click on the "HTML" icon in the tool bar and copy and paste the following:
<h2>ART Membership Card</h2>
<div id="printArea">
<div style="font-family: Verdana, Arial, sans-serif; font-size: 10pt;">
<table style="border-width: medium; border-style: dashed; height: 239px; width: 922px;" border="1" frame="border" cellspacing="5">
<tbody>
<tr valign="top">
<td style="width: 430px; height: 120px; text-align: left;" align="left" valign="top">
<div style="font-size: 10pt; text-align: center; margin-top: 10px;"><img style="margin: 0px 0px 0px 0px;" title="" src="https://irby.memberclicks.net/assets/site/art-5.png" alt="" align="" /></div>
<div style="font-size: 10pt; text-align: center; margin-top: 10px;"><span style="font-size: 10pt;">Thank you for your membership payment. Your membership is valid until the date shown on the card.</span></div>
</td>
<td style="width: 430px; text-align: center; height: 120px;" align="left" valign="top">
<h2>ART Membership Card</h2>
<p> <strong>Member Name:</strong> ##[Name | First]## ##[Name | Last]##<br /><strong>Expires:</strong> ##[Expiration Date]##<br /><strong>Membership Level:</strong> ##[Member Type]## </p>
<div style="font-size: 10pt; margin: 10px;">_________________________________________<br />Signature of Member</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p><input onclick="coderHakan()" type="button" value="Print" /></p>
<script type="text/javascript">// <![CDATA[
function coderHakan()
{
var sayfa = window.open('','','width=925,height=240');
sayfa.document.open("text/html");
sayfa.document.write(document.getElementById('printArea').innerHTML);
sayfa.document.close();
sayfa.print();
}
// ]]></script>
4. Click Apply
5. Modify the images and fonts as needed and click Save.
Next, you'll want provide access to the article for your members by following the instructions in the following article: Linking an Article to a Menu Item