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 arriving on 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.

JUMP TO:

Applicable Landing Pages
Editing System Landing Pages
Modification 1: Default Language Option
Modification 2: Drop-Down Menu List

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)

Back to Top

Editing System Landing Pages

You can 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 saved under the My Landing Pages area of the Landing Pages tab. Follow the steps below to edit a System Landing Page.

1. Navigate to your System Landing Pages by clicking Phishing > Landing Pages > System Landing Pages.
2. Search for or navigate to the desired (Translatable) landing page. You can see a list of applicable landing pages in the section above.
3. Click on the landing page's title to open the WYSIWYG editor.
4. 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.

Continue these steps in the sections below.

Back to Top

Modification 1: Default Language Option

In the source code is a section that lists an input tag for each supported language. Here, you will modify the input tag of two languages:

• The English - United States language option.
• The language you would like to set as your default language option.

Inside of the English - United States input tag, remove the checked attribute.

5. 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:
   <input id="en" class="invis" type="radio" name="opts" checked="checked">
6. 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.
7. Add the HTML attribute (checked="checked", as shown above) to the input tag of your desired default language option.
   
   

   Language	Language Code
   English	en
   Arabic	sa
   Burmese	mm
   Chinese	cn
   Czech	cz
   Danish	dk
   Dutch	nl
   Finnish	fi
   French - France	fr
   French - Canada	ca
   German	de
   Greek	gr
   Hindi	in
   Hungarian	hu
   Indonesian	id
   Italian	it
   Japanese	jp
   Korean	kr
   Malay	my
   Norwegian	no
   Polish	pl
   Portuguese - Portugal	pt
   Russian	ru
   Spanish - European	es
   Spanish - Latin America	mx
   Swedish	se
   Thai	th
   Turkish	tr
   Ukrainian	ua
   Vietnamese	vn

Follow the next section to complete this process.

Back to Top

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. 

<li><label for="en">English - United States</label></li>

8. 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 <li><label for="[[lanuage code]]">
9. Cut (Control+X on Windows, or Command+x on Mac) this piece of code from its current location in the source code.
10. Paste (Control+V on Windows, or Command+V on Mac) the code before the English (en) 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.
    <ul class="select-options">
<li><label for="de">German</label></li>
<li><label for="en">English - United States</label></li>
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. 

Back to Top