This article describes the different features of the landing page template editor.
1. Landing Page Editor
The landing page editor allows you to edit the content of the landing page through a WYSIWYG editor. Editable sections will be highlighted by a dashed orange box when you roll over them. A pop-up window will open with the content.
2. Landing Page Details & Settings
The Template Settings sidebar contains dropdown menus that allow you to configure more specific template options.
- Template Settings - Displays general information about the landing page template.
- Template Name - Name of the template to be displayed throughout the portal.
- 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.
- Landing Template Method - The type of phishing experience, determines what fields are needed for the landing page to function properly.
- Data-Entry - Mimics a typical web form. The data entered is never stored.
- Download - Enable additional fields to add files for download. Download type landing page templates mock web pages that contain links to download files.
- URL Redirect - Replicate another website as your landing page. Add a URL to replicate in the field on the Template tab to enter the URL you want to replicate.
- Landing Page Settings - Displays settings specific to the currently displayed template localization.
- Landing Page Title - The text that will appear in the target’s browser title.
- Completion Message is what will appear to the target in a javascript alert message when they complete the page action. You also have the option to turn off tracking for completing the template's phishing hook action. This option defaults to Yes.
- Right to Left Text - Specifies how the text will appear on the landing 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 Settings - Set up the next step in the phishing progression upon target failure.
- Completion Redirect Option - Select a redirect option that triggers if a target initiates a fail action on the landing page.
- No Redirect - Targets will not be redirected.
- URL Redirect - Redirect the user to any URL you choose.
- Training Page - Select a training page to redirect the target to, either a custom page or a system library page. There is also an option to copy the current training page (if one is already selected) or create a new page from scratch.
- Download File Option - If you chose a download type landing template method, the "Download File Option" and "Download Filename" inputs will be enabled.
- No File - Display Custom Message - Display the completion message
- Download PDF with Message - Download a prebuilt PDF file and display the completion message.
- Download EXE with Message - Download a prebuilt EXE file and display the completion message.
- Download Custom File - Upload your own file which can be downloaded from the landing page.
- Download Filename - Specify a filename for the file to be downloaded.
- Training Page Selection - This is the Training Page to be used when the Completion Redirect Option is set to "Training Page."
- Completion Redirect Option - Select a redirect option that triggers if a target initiates a fail action on the landing page.
- Misc. Settings
- Form Submission Report Action - Customize how the system will display the action on the reports under the target’s individual actions, such as if they fill out a form or download a file.
- Use Bootstrap? - Use Bootstrap on the landing page. This option defaults to on.
- Bootstrap Version - This allows you to choose which version of Bootstrap to load on the Landing Page. This option defaults to version 3.3.7.
- JQuery Version - This allows you to choose which version of JQuery to load on the Landing 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.
3. Add Locale, Preview, and Fullscreen Editor Buttons
Clicking the Preview drop-down will allow you to change the layout, edit the HTML body, edit the HTML head, edit the body class, and preview the landing page.
- 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. You can add a new locale by clicking the plus icon. A popup 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.
- Edit HTML Body - Switches window to an HTML editor to edit the landing page HTML directly. The landing page automatically generates the <html>, <head>, and <form> tag for you. Everything you create will go inside the <form> tag. If you include these tags in your HTML it will cause errors on the landing page when loaded.
- Edit CSS - The CSS screen is where your CSS for the landing page will go. Note: for older templates, the CSS will still be inside the BODY HTML section. You can copy it over to the CSS section if you'd like (but this is not required).
- Edit HTML Head - Open a pop-up window allowing you to add content to the HTML <head> of the landing page.
- Restore to Last Save - Remove any changes made since the last save.
- Preview - Open a preview of the landing page in a new browser tab.
- Fullscreen Editor lets you edit the landing page in the WYSIWYG editor.
External Links
If you would like to add external links (that won’t trigger the pages phishing hook) to your landing page you can add a class to your anchor tags.
<a href="your-url.com" class="ignore-submit">Click Here</a>
- ignore-submit will bypass the page’s default phishing hooks, but still record a failure. It will appear as “Clicked 3rd Party Link” in reporting.
- training-link will bypass the page’s default phishing hook and register as a training action. It will appear as “Clicked 3rd Party Training Link” in reporting.
Comments
0 comments
Please sign in to leave a comment.