Follow the below steps to add a custom block page.


Step 1.


1.1 Log into https://console.p8dns.io/admin

1.2 Insert your login credentials.



Step 2. 


2.1 Once logged in click on `My Account' under the 'Customer Portal'.


Step 3.


3.1 Once you have been directed to the `My Account` page click on `Block Page` tab as illustrated below.

3.2 Here you will be able to add a custom HTML block page by inserting the required variables.


Variable definitions 

#{domain} - Display the blocked domain

#{reason} - Display the reason for the block

#{category} - Display which category the block belongs to

#{policy} - Display what policy the block is part of

#{user} - Display which user got blocked

#{group} - Display which group the user belongs to


Here is an example of a HTML block page template:


<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link href='//cdn.percol8.co.za/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
    <link href='//cdn.percol8.co.za/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
    <link rel='stylesheet' href='//cdn.percol8.co.za/assets/css/bootstrap.min.css'>
    <link rel='stylesheet' href='//cdn.percol8.co.za/assets/css/percol8-page-templates.css'>
    <title>URL Blocked - Percol8DNS</title>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-12 maincontentbox">
                <div class="logo-block">
                <img src="//cdn.percol8.co.za/assets/images/Percol8LogoDNS.png" alt="Percol8DNS Logo"><br />Web filtering made easy
                </div>
                <div class="row">
                <div class="col-md-4 col-md-offset-4 text-center">
                <img src="//cdn.percol8.co.za/assets/images/blocked-address.jpg">

<h2>Site Blocked</h2>

<p>Access to the domain <strong>#{domain}</strong>  is prohibited. <br />
URL Category: <strong>#{category}</strong><br />Reason:  <strong>#{reason}</strong></p>

<p>For assistance please contact:<br />
support@p8dns.io</p>
                </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>