Localization

You can change the locale used in Unlayer's user interface as part of the configuration parameters passed to the plugin.

The locale value needs to be passed to the initialization code in ISO 639-1 format (example: en-US). The default locale is set to en-US.


Available Languages

Currently, we only have built-in translations available for English. Please submit translations in your language and we'll add them to the bundle.

Language Region Code
English USA en-US

Opening the Editor

You can pass the locale when initializing the editor. The default is en-US.

unlayer.init({
  ...
  locale: 'en-US'
});

Overriding translations

You can override any word or sentence of any language like this:

unlayer.init({
  ...
  locale: 'en-US',
  translations: {
    'en-US': {
      "tools.tabs.content": "Content",
      "tools.tabs.row": "Row"
    }
  }
});

Available Keys

{
  "buttons.done": "Done",
  "buttons.delete": "Delete",
  "buttons.cancel": "Cancel",
  "buttons.add_new_field": "Add New Field",
  "buttons.more_options": "More Options",
  "buttons.show_more_options": "Show More Options",
  "buttons.show_fewer_options": "Show Fewer Options",
  "buttons.upload_image": "Upload Image",
  "buttons.change_image": "Change Image",
  "modals.delete.confirmation": "Are you sure you want to delete this? This action cannot be undone.",
  "modals.delete.title": "Delete",
  "tools.tabs.content": "Content",
  "tools.tabs.row": "Row",
  "tools.tabs.body": "Body",
  "tools.text.personalize": "Personalize",
  "content_tools.text": "Text",
  "content_tools.button": "Button",
  "content_tools.html": "HTML",
  "content_tools.image": "Image",
  "content_tools.form": "Form",
  "content_tools.divider": "Divider",
  "editors_panel.title.content": "Content",
  "editors_panel.title.contents": "Content",
  "editors_panel.title.rows": "Row",
  "option_groups.default.title": "General",
  "option_groups.text.title": "Text",
  "option_groups.image.title": "Image",
  "option_groups.action.title": "Action",
  "option_groups.colors.title": "Colors",
  "option_groups.spacing.title": "Spacing",
  "option_groups.line.title": "Line",
  "option_groups.layout.title": "Layout",
  "option_groups.fields.title": "Fields",
  "option_groups.labels.title": "Labels",
  "option_groups.button.title": "Button",
  "option_groups.link.title": "Link",
  "option_groups.html.title": "HTML",
  "editor.color.label": "Color",
  "editor.text_align.label": "Text Align",
  "editor.line_height.label": "Line Height",
  "editor.container_padding.label": "Container Padding",
  "editor.image.label": "Image",
  "editor.image.drop_upload": "Drop a new image here, or click to select files to upload.",
  "editor.image.upload_error": "There was an error uploading your image. Make sure it's a valid image file with size under 1 MB.",
  "editor.image.uploading": "Uploading",
  "editor.image.image_url": "Image URL",
  "editor.image.image_options": "Image Options",
  "editor.background_image.full_width": "Full Width",
  "editor.background_image.cover_mode": "Cover Mode",
  "editor.background_image.repeat": "Repeat",
  "editor.background_image.center": "Center",
  "editor.border.solid": "Solid",
  "editor.border.dotted": "Dotted",
  "editor.border.dashed": "Dashed",
  "editor.link.same_tab": "Same Tab",
  "editor.link.new_tab": "New Tab",
  "editor.link.url": "URL",
  "editor.image_link.label": "Image Link",
  "editor.align.label": "Align",
  "editor.width.label": "Width",
  "editor.alternate_text.label": "Alternate Text",
  "editor.border.label": "Border",
  "editor.rounded_border.label": "Rounded Border",
  "editor.padding.label": "Padding",
  "editor.margin.label": "Margin",
  "editor.alignment.label": "Alignments",
  "editor.colors.label": "Colors",
  "editor.button_link.label": "Button Link",
  "editor.background_color.label": "Background Color",
  "editor.background_image.label": "Background Image",
  "editor.columns_background.label": "Columns Background",
  "editor.line.label": "Line",
  "editor.content_width.label": "Content Width",
  "editor.font_family.label": "Font Family",
  "editor.font_size.label": "Font Size",
  "editor.text.label": "Text",
  "editor.text_color.label": "Text Color",
  "editor.form_width.label": "Form Width",
  "editor.form_alignment.label": "Form Alignment",
  "editor.space_between_fields.label": "Space Between Fields",
  "editor.fields.label": "Fields",
  "editor.hover_color.label": "Hover Color",
  "editor.all_sides.label": "All Sides",
  "editor.top.label": "Top",
  "editor.right.label": "Right",
  "editor.bottom.label": "Bottom",
  "editor.left.label": "Left"
}