Search our Knowledge Base
Search

Create PDF Report Cover Pages & CSS Templates



Rank Ranger's Cover Page templates make it easy to create a personalized cover page for the automated White Label PDF reports being sent to your customers. Create it once, and apply to as many reports as you'd like. 

Cover Pages can also be used to create CSS Templates to apply custom styling to your PDF reports.

White Label PDF Report Cover Page
 

Video: Creating a Cover Template

 



Create a Cover Page

             
 
How to create a cover page

Begin by adding a Cover Page by navigating to:
1. White Label
2. Cover Pages
3. Click the Add Cover Page Template button

Add a Cover Page Template

Add Content to Cover Page

add content to cover page
  • Enter a Name for your cover page.
  • Enter cover page content using the WYSIWYG editor to select text styles, insert images*, links, tables, etc.
  • Below the editor screen there is an Insert Merge Field pull-down menu. To insert a merge field, place the cursor in the Cover Page Content area where you want the field to display, select the field name and click the Insert button.
  • When you're finished editing, click the Add button.
Note: If you have uploaded an Account or Campaign Specific logo, it will automatically display centered at the top of the first page of your report if you select a Default Cover Template. If you create a custom Cover Page and select it in the Report Details Cover Template section, that custom template will override the default and you need to insert the merge field for logo when creating your cover page.

The new cover page will be added to your library and can be added to any White Label PDF Report when creating a new report, or by editing an existing report's Details tab.

*Self-hosted Images can be added to a Cover Page. Images must be hosted on a web server that is not HTTPS in order for our system to be able to retrieve and insert the image as the PDF report is generated.

Create a PDF Style Template

             
 
Creating CSS Templates
In this example, a custom CSS Template was created using the code section of a Cover Page to create a border around a text box and add a colored line below headings. View a sample PDF report created using a CSS template.

PDF report utilizing custom CSS Template


Cover Page Template
Begin by adding a Cover Plage Template by navigating to:
1. White Label
2. Cover Pages
3. Click the Add Cover Page Template button

Add a Cover Page Template


4. Name the Template
5. Click Tools
6. Click Source Code 


name template


7. Paste in or type your CSS code (see code sample below the screenshot)
8. Click the OK button
9. Click the Add button
 
add css code


CSS Code Sample



Navigate to your PDF Report Details screen 
10. In the CSS Template menu, select the CSS Template you want to style your report and click the Save button

select CSS Template




Get the ultimate SEO tools with the Rank Ranger Software
Learn More About Rank Ranger