Weglot.initialize(options)

// These are default values
{
    button_style: {
        with_name: true, // false is only 2-letter code (EN, FR, ES...)
        full_name: true,
        is_dropdown: true, // false is a list, all languages visible
        with_flags: true,
        flag_type: "rectangle_mat", // shiny, square, circle, rectangle_mat,
        invert_flags: true // display selected language in first. true by default, only effective on list style
    }
}

{
    translate_search: true, // Need to be true, otherwise search_forms is useless
    search_forms: "form#side-search, form.search-form"
}

{
    translate_search: true,
    search_forms: ".my-form", // <input name="q" class=".my-form" />
    search_parameter: "q" // it's the name value of your form's search input
}

// all other elements won't be translated
{
    whitelist: [
        {
            value: ".my-translated-block"
        },
        {
            value: ".my-another-block"
        }
    ]
}

{
    switchers: [
        {
            // Same as button_style at root
            button_style: {
                full_name: true,
                with_name: true,
                is_dropdown: false,
                with_flags: true,
                flag_type: "circle",
                invert_flags: false
            },
            // Move switcher somewhere in the page
            location: {
                target: ".header-nav",
                sibling: null
            }
        }
    ],
}

{
  extra_definitions: [
      {
        type: 1, // Type of translation, 1 for text, others: https://developers.weglot.com/api/reference#wordtype
        selector: "input.someclass[type=text]", // Selector to find element with attribute
        attribute: "data-tooltip" // Name of attribute which is translated
      }
   ]
 }

{
    extra_merged_selectors: ["code", ".wg-merged-nodes"]
}

// EXAMPLE VALUES, NOT DEFAULT
​
Weglot.initialize({
  // Only mandatory value is api_key:
  api_key: "wg_1234567897e2ea993d291b571c2ec93b0",
  
  // Next are optionals, often editable on your Weglot dashboard.
  // Options written here are concatenated with dashboard options when it's possible, otherwise these one have priority
  
  // Customizing floating default switcher
  button_style : {
    full_name: true, // false is only 2-letter code (EN, FR, ES...)
    with_name: true,
    is_dropdown: true, // false is a list, all languages visible
    with_flags: true,
    flag_type: "rectangle_mat" // shiny, square, circle, rectangle_mat,
    invert_flags: true // display selected language in first. true by default, only effective on list style
  },
  
  // Translate dynamics elements which appear later in page
  dynamic: "#newsletterPopup,.dynamic-elements",
  
  // Automatically redirect visitor by its navigator's language
  auto_switch: true,
  // If auto switch is true, but you don't have visitor's language, redirect on this language code, otherwise original language
  auto_switch_fallback: "en",
  
  // Only translate these blocks
  whitelist: [
    {
      value: ".only-translate-me" // All other elements in the same page won't be translated anymore!
    }
  ],
  
  // Exclude some blocks from translation
  excluded_blocks: [
    {
      value: ".no-translate" // All elements with this class won't be translated
    }
  ],
  // Exclude some path in website from translation
  excluded_paths: [
    {
      value: "/blog",
      type: "START_WITH" // IS_EXACTLY, CONTAIN, START_WITH, END_WITH, MATCH_REGEX
    }
  ],
  
  // Don't display default switcher, nothing else change, translation works. Useful with Auto-switch feature!
  hide_switcher: false,
  // Use front cache between pages, speed up your page loading!
  cache: true,
  
  // Shopify special options:
  customer_tag: true, // Add a tag on your customer when they signup, 2-letter code eg. "EN"
  order_tag: true, // Add a tag on your order when they are filled, 2-letter code eg. "EN"
  
  // Translate search
  translate_search: true, // Translate search keywords from visitors' language
  search_parameter: "s", // Because my search input has name="s" attribute.
  search_forms: "#sidebar-search, #main-search", // CSS selectors of <form> which contain search input
  
  // Multiple switchers
  switchers: [
    {
      // Same as button_style at root
      button_style: {
        full_name: true,
        with_name: true,
        is_dropdown: false,
        with_flags: true,
        flag_type: "circle",
        invert_flags: false
      },
      // Move switcher somewhere in the page
      location: {
        target: ".header-nav",
        sibling: null
      }
    }
  ],
  
  // Hide original text before loading translated one, true by default
  wait_transition: true,
  extra_definitions: [
    {
      type: 1, // Type of translation, 1 for text, others: https://developers.weglot.com/api/reference#wordtype
      selector: "input.someclass[type=text]", // Selector to find element with attribute
      attribute: "data-tooltip" // Name of attribute which is translated
    }
  ],
  
  extra_merged_selectors: ["code", ".wg-merged-nodes"]
});