1C7<!DOCTYPE HTML>
<HTML>
<head>
<title>Adding a Logo/Banner to your Recruitment Web page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" href="/_help.css">
<link rel="stylesheet" type="text/css" href="/_main.css">
<link rel="stylesheet" type="text/css" href="/_layout.css">
</head>
<body onLoad="createLanguageLink()">
	
11E
<script>
function createLanguageLink() {
  var x = location.hostname;
  var y = location.pathname;
  var z = "/fr";
  link='https://'+x+z+y;
  document.getElementById("language").innerHTML = '<a class="nav-link" style="color:#36C;" href="' + link + '">Francais</a>';
}
</script>
4E

<div class="content-helptutorial">
  <div class="layout-container">
      
3DE
<table bgcolor="#FFFFCC" width="100%" border="0" cellpadding="4" cellspacing="0">
  <tr>
    <td width="10"></td>
    <td><p><strong><em>Help Toolbar</em></strong><font color="#CC0033" font="font" size="2"><em> &nbsp;&nbsp;(select a button to browse other online help sections)</em></font></p>
      <a href="/help/menu/welcome.html" class="db-button">Home</a>&nbsp; <a href="/help/tutorials/index.html" class="db-button">Tutorials</a>&nbsp; <a href="https://www.canpay.com/canadian-payroll-information.html" target="_blank" class="db-button">Resources</a>&nbsp; <a href="/help/menu/search.html" class="db-button">Search</a>&nbsp; <a href="/help/topics/tabsandmenus.html" class="db-button">Tabs &amp; Menus</a>&nbsp; <a href="/help/topics/buttondescriptions.html" class="db-button">Button Bar</a>&nbsp; <a href="/help/topics/tablecontrols.html" class="db-button">Table &amp; Data Display</a><span id="language" class="lang-in-helptoolbar"></span>
      </td>
  </tr>
</table>
<hr>

D72

    <h1>Adding a Logo/Banner to your Recruitment Web page</h1>
    <p>When job applicants visit your recruitment web page, it's important to present them with proper branding. You can do so by adding a company logo or banner to the top of your recruitment landing page.</p>
    <p class="helpcaption">NOTE: Click on the images below to view them at full size</p>
    <br>
    <hr>
    <h3>To Add a Logo or Banner:</h3>
    <ol>
      <li>From the <em>Employer</em> tab, Click on the <em><strong>Admin - Tools</strong></em> menu. This displays a drop-down menu of options that can be used for administrative operations such as performing a payroll backup and restore procedure, and assigning a logo/banner for branding purposes.</li>
      <div class="helpimages"><a href="images/01-admin-menu.png" target="_blank"><img src="images/01-admin-menu.png" alt="Fig. 01: The Tools command is located under the Employer tab's Admin menu." width="850" height="551" title="Fig. 01: The Tools command is located under the Employer tab's Admin menu."></a>
        <div class="helpcaption">Fig. 01: The Tools command is located under the Employer tab's Admin menu</div>
      </div>
      <li>Choose the <em><strong>Tools</strong></em> option from the drop-down menu. This displays the <a href="/help/admintools.html"><em>Admin - Tools</em></a> screen where you can access the option to assign your custom page logo/banner.<br>
      <p><a href="/help/admintools.html" target="_blank" class="quickstart-btn"><strong><em>Admin Tools</em></strong> Help page...</a></p></li>
      <div class="helpimages"><a href="images/02-tools-screen.png" target="_blank"><img src="images/02-tools-screen.png" alt="Fig. 02: Tools screen." width="850" height="551" title="Fig. 02: Tools screen."></a>
        <div class="helpcaption">Fig. 02: Tools screen.</div>
      </div>
      <li>Select the <em>Banner</em> button from the <em>Banner</em> column at the right side of the table. This displays the <em>Employer Banner</em> window that allows you to specify the image that can be used to brand your pay statements.</li>
      <div class="helpimages"><a href="images/03-logo-pop-up-window.png" target="_blank"><img src="images/03-logo-popup-window.png" alt="Fig. 03: The Popup window allows you to choose an image file that will brand your Recruitment web page." width="850" height="552" title="Fig. 03: The Popup window allows you to choose an image file that will brand your Recruitment web page."></a>
        <div class="helpcaption">Fig. 03: The Popup window allows you to choose an image file that will brand your recruitment web page.</div>
      </div>
      <li>Click inside the <em>Use Banner</em> checkbox to activate the banner feature, and then choose the <em>Browse</em> button. This displays an <em>Open</em> file window so that you can specify the image file that will be used.<br>
      </li>
      <div class="helpimages"><a href="images/04-open-dialog-box.png" target="_blank"><img src="images/04-open-dialog-box.png" alt="Fig. 04: The Open file window allows you to navigate to the location of your banner image." width="850" height="551" title="Fig. 04: The Open file window allows you to navigate to the location of your banner image."></a>
        <div class="helpcaption">Fig. 04: The Open file window allows you to navigate to the location of your image.</div>
      </div>
      <li>Navigate to the location where the 
911
 image is stored. This can be on your computer's hard drive, your company network or even on an external flash drive.<br>
        <em><strong>Example:</strong></em> In <em>Fig. 05 </em>below, the  image is stored in the <em>Documents</em> folder on our computer.
        <div class="helpimages"><a href="images/05-selecting-banner-image.png" target="_blank"><img src="images/05-selecting-banner-image.png" alt="Fig. 05: Locating our banner image." width="850" height="551" title="Fig. 05: Locating our banner image."></a>
          <div class="helpcaption">Fig. 05: Locating our banner image.</div>
        </div>
      <li>Select your desired banner image from the navigation window, and then choose the <em>Open</em> button. This displays a thumbnail version of the selected image in the <em>Banner</em> window.<br>
        <div class="helpimages"> <a href="images/06-banner-is-chosen.png" target="_blank"><img src="images/06-banner-is-chosen.png" alt="Fig. 06: The banner image is assigned." width="850" height="551" title="Fig. 06: The banner image is assigned."></a>
          <div class="helpcaption">Fig. 06: The logo image is assigned.</div>
        </div>
      <li>Select the <em>Close</em> button to complete the banner assignment. The next time you view the recruitment web page, the logo/banner will be shown at the top.<br>
        <em><strong>Example:</strong></em> In <em>Fig. 07 </em>below, the banner image is displayed at the top of the web page.<br>
        <div class="helpimages"> <a href="images/07-banner-added.png" target="_blank"><img src="images/07-banner-added.png" alt="Fig. 07: The banner appears at the top of your recruitment web page." width="850" height="551" title="Fig. 07: The banner appears at the top of your recruitment web page."></a>
          <div class="helpcaption">Fig. 07: The banner appears at the top of your recruitment web page.</div>
        </div>
      </li>
      <p>This completes the tutorial on adding a logo to your recruitment web page.</p>
    </ol>
    <br>
<hr>
    <p><em><strong>See Also:</strong></em></p>
    <ul>
      <li><a href="/help/admintools.html">Admin Tools help topic</a></li>
      <li><a href="/help/topics/recruitment/recruitment-overview.html">Recruitment overview</a></li>
    </ul>
    <p></p>
  </div>
</div>

127
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HS4QGYX1K6"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-HS4QGYX1K6');
</script>
2


59
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
38

<script src="/jquery.backtotoplink.min.js"></script>

B2
<script>
$.backToTopLink({
	navigatorPosition: 'rb',
	arrowMarginTop: '10',
	scrollDelay: '10000',
	navigatorPosPercent: '5',
	navigatorBorderRadius: '100%'
});
</script>
12

</body>
</HTML>
0

