-
Notifications
You must be signed in to change notification settings - Fork 6
/
ch024_diy-super-simple-template.xhtml
96 lines (96 loc) · 5.27 KB
/
ch024_diy-super-simple-template.xhtml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title/></head><body><h1>DIY: Super Simple Template
</h1>
<p>We have made a very basic template for you to use. You will also need
</p>
<ul><li>A version of your logo or similar image measuring 300px wide.
<br/></li>
</ul><h2>Download and save the template
</h2>
<p>Download the template by clicking <strong><a target="_blank" href="https://s3.amazonaws.com/ph-manual/assets/basic-template.html">here</a></strong> and then saving the file to your PC.
<br/></p>
<h2>Upload the template to phpList
</h2>
<p> Go to <strong>Campaigns</strong> > <strong>Manage campaign templates.</strong>
</p>
<p><strong/> <img src="static/phpList_template_menu.png" alt="uploading a template" height="271" width="472"/></p>
<p>Click <strong>add new template</strong>.
<br/></p>
<p><img src="static/phpList_add_template.png" alt="add new template" height="258" width="376"/> 
</p>
<p>Give your template a name, for example <strong>My Newsletter Template</strong>. Then click <strong>Browse</strong>.
<br/></p>
<p> <img src="static/phpList_upload_template.png" alt="name the template and choose the file to upload" height="329" width="537"/></p>
<p>Select the file you downloaded earlier, called <strong>basic-template.html</strong>, from your computer and click <strong>Open</strong>.
<br/></p>
<p><img src="static/phpList_upload_template_2.png" alt="select the template" height="484" width="568"/></p>
<p>Then click <strong>Save Changes</strong>.
</p>
<p><img src="static/save_template_1.png" alt="save template" height="236" width="346"/> 
</p>
<h2>Upload your logo to phpList
</h2>
<p>You will then be directed to add your logo. Remember, it must be no more than 300 pixels wide. Click <strong>Browse</strong>.
<br/></p>
<p><img src="static/phpList_upload_template_image.png" alt="add your logo" height="390" width="396"/></p>
<p>
</p>
<p>Select your logo file from your computer and click <strong>Open</strong>.
<br/></p>
<p>
</p>
<p><img src="static/phpList_upload_template_image_2.png" alt="choose logo file" height="396" width="582"/></p>
<p>Click <strong>Save Images</strong>. 
</p>
<h2>Make the template your default?
</h2>
<p>You will see your new template added to your list of existing templates. If you will use this template for most of your campaigns, click the radio button under <strong>Campaign Default</strong>.
<br/></p>
<p> <img src="static/phpList_add_template_done.png" alt="make template default" height="329" width="533"/></p>
<h2>Copy this footer text
</h2>
<p><a href="[PREFERENCESURL]" title="Update your preferences">Update your preferences</a> | <a href="[UNSUBSCRIBEURL]" title="Unsubscribe" >Unsubscribe</a>
</p>
<p><span>Add the footer to phpList</span>
</p>
<p>First go to <strong>Config</strong> > <strong>Settings</strong>.
</p>
<p><img src="static/phpList_footer_menu.png" alt="add footer from config setting menu" height="236" width="550"/><br/></p>
<p>Then scroll down till you find the <strong>Campaign Settings</strong> area.
<br/></p>
<p><img src="static/phpList_campaign_settings_footer_1.png" alt="edit default footer" height="136" width="328"/><br/></p>
<p>Click the edit icon
</p>
<p><img src="static/phpList_campaign_settings_footer_2.png" alt="paste in footer code" height="337" width="762"/><br/></p>
<p>Delete the contents up to the -- and right-click to<strong> Paste </strong>in the html you copied from this chapter.
</p>
<p><img src="static/phpList_campaign_settings_footer_3.png" alt="paste n footer code" height="370" width="495"/><br/></p>
<p> Click <strong>Save Changes</strong>.
<br/></p>
<p><img src="static/phpList_campaign_settings_footer_4.png" alt="save new footer" height="206" width="279"/></p>
<p>Any new campaigns will now use this footer by default.
<br/></p>
<h2>Using your new template
</h2>
<p>Compose a new campaign. In this example I have pasted the html from my latest blog.
<br/></p>
<p><img src="static/using_your_simple_template.png" alt="send a campaign with a template" height="538" width="600"/><br/></p>
<p>Check that you are using your template by clicking <strong>Next</strong> and examining the <strong>Format</strong> tab.
<br/></p>
<p><img src="static/using_your_simple_template_2.png" alt="choose template on format tab" height="417" width="420"/> 
</p>
<p>Send a test message using the <strong>Send test</strong> box at the bottom of the page.
</p>
<p> <img src="static/using_your_simple_template_3.png" alt="send test message" height="294" width="384"/></p>
<p>Take a look at the email when it arrives. You will notice your logo displays even when other, remote images are blocked, because phpList has sent it as an attachment.
<br/></p>
<p> <img src="static/using_your_simple_template_4.png" alt="campaign using template but images are blocked" height="354" width="594"/><br/></p>
<p>And you can see your template has been applied,
</p>
<p><img src="static/using_your_simple_template_5.png" alt="template is applied" height="436" width="679"/><br/></p>
<h2>Feedback
</h2>
<p>Discuss this chapter <a href="https://discuss.phplist.org/t/diy-super-simple-template-manual-chapter-feedback-and-discussion/222">here</a>.
</p></body></html>