Changing the Default Language of the Translatable Landing Pages
Several of the System Landing Pages available for use in simulated phishing tests are tagged "(Translatable)". These landing pages offer your end users the option of selecting their native language from a drop-down menu, so they can read the informative "Rules to Stay Safe Online".
This article explains how to edit any "(Translatable)" System Landing Page to display a language other than English, by default. This way, users won't have to take the extra step of selecting their language after reluctantly arriving to a landing page.
Follow the sections below to learn how to create custom copies of the "(Translatable)" System Landing Pages with your desired default language.
Applicable Landing Pages
The following landing pages can be edited according to the instructions in this article. Please note, some of these landing pages may not be available at your subscription level.
- Basic "Oops!" Landing Page (Translatable)
- SEI Landing Page (Translatable) (Platinum/Diamond Only)
- SEI Landing Page with 'Rules to Stay Safe Online' (Translatable) (Platinum/Diamond Only)
- Basic "Oops!" Landing Page (Translatable) (Branded)
- SEI Landing Page (Translatable) (Branded) (Platinum/Diamond Only)
- SEI Landing Page with 'Rules to Stay Safe Online' (Translatable) (Branded) (Platinum/Diamond Only)
Editing System Landing Pages
You can freely edit the majority of our built-in, System Landing Pages. When you save any edits to a built-in landing page, this customized copy will be created under the My Landing Pages area of the Landing Pages tab. Follow the steps below to edit a System Landing Page.
- Navigate to your System Landing Pages by clicking Phishing > Landing Pages > System Landing Pages.
- Search for or navigate to the desired "(Translatable)" landing page. You can see a list of applicable landing pages in the section above.
- Click on the landing page's title to open the WYSIWYG editor.
- The two modifications explained below will be made in the landing page's source code. Click the Source button at the top-left of the WYSIWYG editor to view the source code.
You will edit the value (highlighted in red below) in this string to change the default language of the page.
- Use your system's Find command (Control+F on Windows, or Command+F on Mac) to locate the following string in the landing page's source code (near the end of the code):
- The following table lists all of the languages available for landing page translations and their respective language codes. Use the table to find the language code for your desired default language.
Language Language Code English en Arabic sa Chinese cn Czech cz Dutch nl French - France fr French - Canada ca German de Hindi in Hungarian hu Italian it Japanese jp Korean kr Norwegian no Polish pl Portuguese pt Russian ru Spanish - European es Spanish - Latin America mx Swedish se Turkish tr Greek gr Indonesian id Ukrainian ua Vietnamese vn Thai th Malay my
Modification 2: Drop-Down Menu List
Now that you've changed the default language of the landing page, you'll want to modify the drop-down menu to display the same language.
Each language in the drop-down menu has a corresponding section of code. The code for the English language is shown as an example below.
<option data-image="https://s3.amazonaws.com/helpimg/landing_pages/images/blank.gif" data-imagecss="flag us" data-title="United States" data-value="en">English - United States</option>
- Locate this section of code for the language you've determined as your new default.
TIP: Use your Find command (Control+F on Windows, or Command+F on Mac) to search for data-value="[[lanuage code]]"
- Cut (Control+X on Windows, or Command+x on Mac), this piece of code from its current location in the source code.
- Paste (Control+V on Windows, or Command+V on Mac), the code before the English (en) form of this code (shown in the example above).
For example, if you're making German the default language of your landing page, you will cut and then paste the code in red between the black segments of code, as shown below.
<div class="logo_area2"><select id="countries" name="countries" style="width:300px;"><option data-image="https://s3.amazonaws.com/helpimg/landing_pages/images/blank.gif" data-imagecss="flag de" data-title="German" data-value="de">German</option><option data-image="https://s3.amazonaws.com/helpimg/landing_pages/images/blank.gif" data-imagecss="flag us" data-title="United States" data-value="en">English - United States</option>
Pasting this code before the English portion places your default language at the top of the drop-down menu list. The order of these code segments determines the order of the options in the drop-down menu.
Save your changes and preview your landing page to ensure the desired language displays as the default. Be sure to add your custom landing page to a category in order to use it in phishing campaigns.