Skip to main content

Training Page Template Editor

PhishingBox Support
  • Updated

Overview

This article provides a comprehensive overview of the various options and settings available in the Training Page Editor. The Training Page is designed to educate targets who have fallen for a simulated phishing test. It offers concise, targeted training on essential cybersecurity practices to reinforce awareness and improve resilience against future phishing attempts.

Use the links below to jump to a section:

  1. Training Page Editor
  2. Training Page Details & Settings
  3. Bottom Bar Tools

Training Page Editor

The landing page editor allows you to edit the content of the landing page through a graphical interface editor or by code. Below details each tab available in the landing page template editor. 

Body

The Body tab allows you to edit a landing page in a graphical user interface (WYSIWYG editor). Editable sections will be highlighted by a red dashed line and box when you hover them over them. Clicking this red box will create a new paragraph element. 

This editor includes all the standard tools that come with the WYSIWYG editor, as well as a custom "Add a Phishing Hook Link" button () and a variables drop-down list. Below are the available variables:

  • {hook_url} - The URL that directs the target to the completion option. Actions are tracked when targets request these URLs. 
  • {hook_link} - A hyperlink that directs you to the hook URL. The text for this link can be customized in the Miscellaneous settings of the landing page template. 
  • {phish_key} - The phish key associated with the target. 
  • {qrcode} - Selecting this variable will generate and <img> tag containing a QR code.
  • {fname} - The value found in the target's first name field. 
  • {lname} - The value found in the target's last name field. 
  • {email} - The value found in the target's email field. 
  • {group_name} - The name of the group the target is included in. 
  • {sub_group_name} - The value found in the target's sub-group field. 
  • {ip_address} - The target's public IP address. 
  • {date} - The current date. 
  • {datetime} - The current date & time. 
  • {company} - The value found in the target's company field. 
  • {department} - The value found in the target's department field. 
  • {manager} - The value found in the target's manager field. 
  • {title} - The value found in the target's title field. 
  • {address_one} - The value found in the target's address one field. 
  • {address_two} - The value found in the target's address two field. 
  • {city} - The value found in the target's city field. 
  • {state} - The value found in the target's state field. 
  • {zip} - The value found in the target's zip field. 
  • {country} - The value found in the target's country field. 
  • {phone_business} - The value found in the target's phone business field. 
  • {phone_business_fax} - The value found in the target's phone business fax field. 
  • {phone_mobile} - The value found in the target's phone mobile field. 
  • {custom_target_fields} - Every custom target field will also be included as a variable. 

Header

The Header tab allows you to input HTML code into the <header> tag of the landing page template.

CSS

The CSS tab allows you to input custom CSS styling into the <style> tag of the landing page template.

Code

The Code tab allows you to input custom HTML into the <body> tag of the landing page template. 

Back to top

Training Page Details & Settings

  • Template Settings - Displays general information about the landing page template.
    • Template Name - Name of the template to be displayed throughout the portal. We recommend that you name your templates as descriptively as possible.
    • Template Description - A Brief description of the template to be displayed throughout the portal.
    • Template Categories - Categories assigned to the template to be used for filtering.
  • Training Page Settings - Displays settings specific to the currently displayed template localization.
    • Training Page Title - The text that will appear in the target’s browser title.
    • Completion Button Text - Text that appears in the “I have completed this training” button on the Training Page that the target uses to log that they have read the training provided. The default text is “Completed.”
      NOTE: To create a 'Complete Training' button, you can easily do so by using a <button> tag with the type attribute set to "submit". For example: <button type="submit">Complete Training</button>.
    • Completion Message - The message that will appear to the target in a JavaScript alert message when they complete the page action.
    • Right to Left Text - Specifies how the text will appear on the training page (some languages, such as Arabic, display text in right to left format, whereas other languages, such as English, display text left to right). You cannot turn this toggle off - you can only turn it on for a different localization (the system will turn off the current default when it switches). Changes the CSS direction setting to rtl for the body tag.
    • Default Locale - Toggle to make the currently viewed localization the default for the template. The default localization will be used as the localization for any Targets that do not have a language set.
  • Completion Options - The Completion Options drop-down allows you to configure the next step in the phishing progression after the user finishes the training. 
    • Redirect Option - Select what will happen once a target completes the page action.
      • No Redirect - Targets will not be redirected.
      • URL Redirect - Redirect the user to any URL you choose.
  • Misc. Settings
    • Use Bootstrap - Use Bootstrap on the Training Page. This option defaults to on.
    • Bootstrap Version - This allows you to choose which version of Bootstrap to load on the Training Page. This option defaults to version 3.3.7.
    • JQuery Version - This allows you to choose which version of JQuery to load on the Training Page. This option defaults to version 3.1.1.
    • Body Class - This allows you to add custom classes to the body tag.
    • Body Background Color - Change the background color of the body tag.

The template editor provides a comprehensive view of other templates (both Email and Landing) to which the current template is linked when editing an email or landing page template. It also highlights any warnings or errors associated with the template. Since email, landing, and training page templates are distinct entities, a single training template can be linked to multiple email and landing templates. Please be aware that any edits made to the template will impact the phishing workflow of all associated templates, including any ongoing tests.

Back to top

Bottom Bar Tools

  • Current Locale drop-down - The drop-down in the bottom-left corner of the template editor lets you display a different locale for the template. 
  • Delete Locale - Delete the currently selected locale (you cannot delete the default locale).
  • Create New Locale - You can add a new locale by clicking the plus icon. A pop-up will appear asking you to choose an existing locale to copy and the new locale you want to add. Once the locale has been created you will need to edit it to add your translation.
  • Create New / Update Locale with AWS Translate - This tool translates the default locale to the selected locale(s). This tool will also translate the training page configured in completion options (if one is configured). 

    NOTE: See our Using AWS Translate article for more details. 
  • Import Localizations - Use this button to import localizations via CSV.
  • Preview - Open a preview of the landing page in a new browser tab.
  • Restore to Last Save - Remove any changes made since the last save.
  • Fullscreen Editor - Edit the landing page in a full screen WYSIWYG editor.

Back to top

Related articles

Comments

0 comments

Please sign in to leave a comment.