diff --git a/package.json b/package.json
index 598e011..7577eda 100644
--- a/package.json
+++ b/package.json
@@ -21,11 +21,17 @@
     "transform": {
       "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
       ".*\\.(vue)$": "<rootDir>/node_modules/jest-vue-preprocessor"
+    },
+    "globals": {
+      "snowdog": {
+        "baseUrl": "global-base-url"
+      }
     }
   },
   "dependencies": {
     "axios": "^0.18.0",
     "vue": "^2.4.4",
+    "vue-i18n": "^8.4.0",
     "vue-multiselect": "^2.1.0",
     "vuelidate": "^0.7.4",
     "vuex": "^3.0.0"
@@ -41,7 +47,7 @@
     "eslint": "^4.19.1",
     "eslint-config-standard": "^11.0.0",
     "eslint-loader": "^2.0.0",
-    "eslint-plugin-import": "^2.10.0",
+    "eslint-plugin-import": "^2.13.0",
     "eslint-plugin-node": "^6.0.1",
     "eslint-plugin-promise": "^3.7.0",
     "eslint-plugin-standard": "^3.0.1",
diff --git a/test/ProductsList.test.js b/test/ProductsList.test.js
index 502a4de..1777c68 100644
--- a/test/ProductsList.test.js
+++ b/test/ProductsList.test.js
@@ -1,7 +1,16 @@
 import Vue from 'vue'
-import { mount } from '@vue/test-utils'
+import Vuei18n from 'vue-i18n'
+import { mount, createLocalVue } from '@vue/test-utils'
+import messages from '../view/frontend/web/js/data/translations-en_US.json'
 import ProductsList from '../view/frontend/web/js/components/ProductsList.vue'
 
+const localVue = createLocalVue()
+localVue.use(Vuei18n)
+const i18n = new Vuei18n({
+  locale: 'en_US',
+  messages
+})
+
 Vue.filter('currency', function (price) {
   const pattern = '$%s'
   price = parseFloat(price).toFixed(2)
@@ -9,7 +18,6 @@ Vue.filter('currency', function (price) {
 })
 
 describe('ProductsList.test.js', () => {
-
   let wrapper
 
   beforeEach(() => {
@@ -41,7 +49,9 @@ describe('ProductsList.test.js', () => {
           }
         ],
         step: () => 'shipping'
-      }
+      },
+      localVue,
+      i18n
     })
   })
 
diff --git a/test/__snapshots__/ProductsList.test.js.snap b/test/__snapshots__/ProductsList.test.js.snap
index fe257e2..b694b2d 100644
--- a/test/__snapshots__/ProductsList.test.js.snap
+++ b/test/__snapshots__/ProductsList.test.js.snap
@@ -34,6 +34,7 @@ exports[`ProductsList.test.js has the expected html structure 1`] = `
       >
         
     Price:
+
     
         <strong>
           
diff --git a/view/frontend/templates/onepage.phtml b/view/frontend/templates/onepage.phtml
index ee08fd2..6e33309 100644
--- a/view/frontend/templates/onepage.phtml
+++ b/view/frontend/templates/onepage.phtml
@@ -1,8 +1,16 @@
+<?php
+$objectManager = \Magento\Framework\App\ObjectManager::getInstance();
+$store = $objectManager->get('Magento\Framework\Locale\Resolver');
+?>
+
 <div id="checkout" class="checkout-container"></div>
 
 <script>
-  var config = <?= \Zend_Json::encode($block->getCheckoutConfig()) ?>;
-  var baseUrl = '<?= $block->getBaseUrl() ?>';
+  var snowdog = snowdog ? snowdog : {};
+
+  snowdog.config = <?= \Zend_Json::encode($block->getCheckoutConfig()) ?>;
+  snowdog.baseUrl = '<?= $block->getBaseUrl() ?>';
+  snowdog.storeLocale = '<?= $store->getLocale() ?>';
 </script>
 
 <script type="text/x-magento-init">
diff --git a/view/frontend/web/js/components/BillingAddressForm.vue b/view/frontend/web/js/components/BillingAddressForm.vue
index d81dd1c..a069d04 100644
--- a/view/frontend/web/js/components/BillingAddressForm.vue
+++ b/view/frontend/web/js/components/BillingAddressForm.vue
@@ -3,36 +3,36 @@
     <BaseInput
       v-model="$v.address.firstname.$model"
       :validation="$v.address.firstname"
-      label="First name"
+      :label="$t('First Name')"
       name="firstname"
     />
     <BaseInput
       v-model="$v.address.lastname.$model"
       :validation="$v.address.lastname"
-      label="Last name"
+      :label="$t('Last Name')"
       name="lastname"
     />
     <BaseInput
       v-model="$v.address.telephone.$model"
       :validation="$v.address.telephone"
-      label="Phone Number"
+      :label="$t('Phone Number')"
       name="telephone"
       type="tel"
     />
     <BaseInput
       v-model="$v.address.street0.$model"
       :validation="$v.address.street0"
-      label="Street Address"
+      :label="$t('Street Address')"
       name="street0"
     />
     <BaseInput
       v-model="address.street1"
-      label="Street Address"
+      :label="$t('Street Address')"
       name="street1"
     />
     <div>
       <label for="country">
-        Select Country
+        {{ $t('Select Country') }}
       </label>
       <multiselect
         id="country"
@@ -40,9 +40,9 @@
         :options="countries"
         :allow-empty="false"
         :show-labels="false"
+        :placeholder="$t('Select Country')"
         name="country"
         label="label"
-        placeholder="Select country"
       />
       <span
         v-if="
@@ -50,31 +50,31 @@
             && !$v.address.country_id.required
         "
       >
-        This field is required!
+        {{ $t('This field is required!') }}
       </span>
     </div>
     <BaseInput
       v-model="$v.address.city.$model"
       :validation="$v.address.city"
-      label="City"
+      :label="$t('City')"
       name="city"
     />
     <BaseInput
       v-model="$v.address.postcode.$model"
       :validation="$v.address.postcode"
-      label="Zip/Postal Code"
+      :label="$t('Zip Code')"
       name="postcode"
     />
     <BaseInput
       v-if="!regions.length"
       v-model="$v.address.region.$model"
       :validation="$v.address.region"
-      label="State/Province"
+      :label="$t('State')"
       name="region"
     />
     <div v-if="regions.length">
       <label for="region_id">
-        Select State/Province
+        {{ $t('Select State') }}
       </label>
       <multiselect
         id="region_id"
@@ -83,9 +83,9 @@
         :options="regions"
         :allow-empty="false"
         :show-labels="false"
+        :placeholder="$t('State')"
         name="region_id"
         label="label"
-        placeholder="Select State/Province"
       />
       <span
         v-if="
@@ -93,16 +93,16 @@
             && !$v.address.region_id.required
         "
       >
-        This field is required!
+        {{ $t('This field is required!') }}
       </span>
     </div>
     <BaseInput
       v-model="address.company"
-      label="Company"
+      :label="$t('Company')"
       name="company"
     />
     <BaseButton
-      text="Save Address"
+      :text="$t('Save Address')"
       @click.native="saveAddress"
     />
   </form>
diff --git a/view/frontend/web/js/components/CustomerEmailField.vue b/view/frontend/web/js/components/CustomerEmailField.vue
index ced6ed2..cee378c 100644
--- a/view/frontend/web/js/components/CustomerEmailField.vue
+++ b/view/frontend/web/js/components/CustomerEmailField.vue
@@ -47,12 +47,9 @@ export default {
     emailAvailabilityMessage () {
       if (this.email !== '' && !this.$v.email.$error) {
         if (this.emailAvailable) {
-          return `You can create an account after checkout.`
+          return this.$t('You can create an account after checkout')
         } else {
-          return `
-            You already have an account with us.
-            Sign in <a href="/customer/account/login/">here</a> or continue as guest.
-          `
+          return this.$t('You already have an account with us', { link: '/customer/account/login/' })
         }
       } else {
         return false
@@ -89,7 +86,7 @@ export default {
           this.emailAvailable = data
         })
         .catch(error => {
-          console.error('Looks like there was a problem: \n', error)
+          console.error(`${this.$t('Looks like there was a problem')}: \n`, error)
         })
 
       this.$store.commit('setItem', {
diff --git a/view/frontend/web/js/components/DiscountCodeForm.vue b/view/frontend/web/js/components/DiscountCodeForm.vue
index 893cde5..1a68905 100644
--- a/view/frontend/web/js/components/DiscountCodeForm.vue
+++ b/view/frontend/web/js/components/DiscountCodeForm.vue
@@ -1,29 +1,29 @@
 <template>
   <div>
     <h2>
-      Discount
+      {{ $t('Discount') }}
     </h2>
     <div class="discount-code">
       <form class="discount__form">
         <BaseInput
           v-model="discount.code"
           :read-only="couponCode !== ''"
-          label="Apply Discount Code"
+          :label="$t('Apply Discount Code')"
           name="discount-code"
         />
         <BaseButton
           v-if="couponCode === ''"
           :loader="loader"
+          :text="$t('Apply Discount')"
           class="button"
-          text="Apply Discount"
           with-loader
           @click.native="applyDiscount"
         />
         <BaseButton
           v-else
           :loader="loader"
+          :text="$t('Remove Discount')"
           class="button"
-          text="Remove Discount"
           @click.native="removeDiscount"
         />
         <p
@@ -82,9 +82,9 @@ export default {
           this.loader = false
 
           if (error.status === 404) {
-            this.error = `Coupon code not found! Failed when trying to activate: '${this.discount.code}' coupon code. Please use another one.`
+            this.error = this.$t('Coupon code not found!', { code: this.discount.code })
           } else {
-            this.error = 'Something goes wrong when trying to send coupon code. Please try again later.'
+            this.error = this.$t('Something goes wrong when trying to send coupon code. Please try again later.')
           }
         })
     },
@@ -103,9 +103,9 @@ export default {
           this.loader = false
 
           if (error.status === 404) {
-            this.error = `Failed when trying to delete: '${this.discount.code}' coupon code. Coupon code not found!`
+            this.error = this.$t('Failed when trying to delete coupon code', { code: this.discount.code })
           } else {
-            this.error = 'Something goes wrong when trying to delete coupon code. Please try again later.'
+            this.error = this.$t('Something goes wrong when trying to delete coupon code')
           }
         })
     }
diff --git a/view/frontend/web/js/components/PaymentMethods.vue b/view/frontend/web/js/components/PaymentMethods.vue
index 6961707..5270dd9 100644
--- a/view/frontend/web/js/components/PaymentMethods.vue
+++ b/view/frontend/web/js/components/PaymentMethods.vue
@@ -1,7 +1,7 @@
 <template>
   <form>
     <h2>
-      Payment methods
+      {{ $t('Payment methods') }}
     </h2>
     <div v-if="paymentMethods.length">
       <div
@@ -26,12 +26,12 @@
             && !$v.selectedPaymentMethod.required
         "
       >
-        This field is required!
+        {{ $t('This field is required!') }}
       </span>
     </div>
     <div v-else>
       <p>
-        In this country we don't handle any payment methods.
+        {{ $t('In this country we don\'t handle any payment methods') }}
       </p>
     </div>
   </form>
diff --git a/view/frontend/web/js/components/ProductsList.vue b/view/frontend/web/js/components/ProductsList.vue
index 6f8d578..024da83 100644
--- a/view/frontend/web/js/components/ProductsList.vue
+++ b/view/frontend/web/js/components/ProductsList.vue
@@ -4,7 +4,7 @@
     class="products-list"
   >
     <h2>
-      Product List
+      {{ $t('Product List') }}
     </h2>
     <ul class="products">
       <ProductsListItem
diff --git a/view/frontend/web/js/components/ProductsListItem.vue b/view/frontend/web/js/components/ProductsListItem.vue
index f41056f..76030ab 100644
--- a/view/frontend/web/js/components/ProductsListItem.vue
+++ b/view/frontend/web/js/components/ProductsListItem.vue
@@ -1,14 +1,15 @@
 <template>
   <li class="product">
     <p class="products__title">
-      Product name:
+      {{ $t('Product name') }}:
       <strong>
         {{ product.name }}
       </strong>
     </p>
 
     <span class="product__price">
-      Price:
+      {{ $t('Price') }}:
+
       <strong>
         {{ product.price | currency }}
       </strong>
@@ -16,7 +17,7 @@
 
     <div class="products__handler">
       <p class="products__information">
-        Product details:
+        {{ $t('Product details') }}:
       </p>
 
       <template v-for="detail in JSON.parse(product.options)">
@@ -32,7 +33,7 @@
       </template>
 
       <span class="products__detail">
-        Qty:
+        {{ $t('Qty') }}:
         <strong>
           {{ product.qty }}
         </strong>
@@ -40,7 +41,7 @@
 
       <template v-if="product.discount_percent > 0">
         <span class="product__detail">
-          Discount: {{ product.discount_percent }}%
+          {{ $t('Discount') }}: {{ product.discount_percent }}%
         </span>
       </template>
     </div>
diff --git a/view/frontend/web/js/components/ProgressBar.vue b/view/frontend/web/js/components/ProgressBar.vue
index 63dbcfa..f67c07b 100644
--- a/view/frontend/web/js/components/ProgressBar.vue
+++ b/view/frontend/web/js/components/ProgressBar.vue
@@ -10,7 +10,7 @@
           { 'progress-bar__item--active': step === 'shipping' }
         ]"
       >
-        Shipping Step
+        {{ $t('Shipping Step') }}
       </span>/
       <span
         :class="[
@@ -18,7 +18,7 @@
           { 'progress-bar__item--active': step === 'payment' }
         ]"
       >
-        Review & Payments Step
+        {{ $t('Review & Payment Step') }}
       </span>
     </h1>
   </div>
diff --git a/view/frontend/web/js/components/ShippingAddressForm.vue b/view/frontend/web/js/components/ShippingAddressForm.vue
index 9e5895a..3cf1f74 100644
--- a/view/frontend/web/js/components/ShippingAddressForm.vue
+++ b/view/frontend/web/js/components/ShippingAddressForm.vue
@@ -3,36 +3,36 @@
     <BaseInput
       v-model="$v.address.firstname.$model"
       :validation="$v.address.firstname"
-      label="First name"
+      :label="$t('First Name')"
       name="firstname"
     />
     <BaseInput
       v-model="$v.address.lastname.$model"
       :validation="$v.address.lastname"
-      label="Last name"
+      :label="$t('Last Name')"
       name="lastname"
     />
     <BaseInput
       v-model="$v.address.telephone.$model"
       :validation="$v.address.telephone"
-      label="Phone Number"
+      :label="$t('Phone Number')"
       name="telephone"
       type="tel"
     />
     <BaseInput
       v-model="$v.address.street0.$model"
       :validation="$v.address.street0"
-      label="Street Address"
+      :label="$t('Street Address')"
       name="street0"
     />
     <BaseInput
       v-model="address.street1"
-      label="Street Address"
+      :label="$t('Street Address')"
       name="street1"
     />
     <div>
       <label for="country">
-        Select Country
+        {{ $t('Select Country') }}
       </label>
       <multiselect
         id="country"
@@ -40,9 +40,9 @@
         :options="countries"
         :allow-empty="false"
         :show-labels="false"
+        :placeholder="$t('Select Country')"
         name="country"
         label="label"
-        placeholder="Select country"
         @input="onCountryChange"
       />
       <span
@@ -51,31 +51,31 @@
             && !$v.address.country_id.required
         "
       >
-        This field is required!
+        {{ $t('This field is required!') }}
       </span>
     </div>
     <BaseInput
       v-model="$v.address.city.$model"
       :validation="$v.address.city"
-      label="City"
+      :label="$t('City')"
       name="city"
     />
     <BaseInput
       v-model="$v.address.postcode.$model"
       :validation="$v.address.postcode"
-      label="Zip/Postal Code"
+      :label="$t('Zip Code')"
       name="postcode"
     />
     <BaseInput
       v-if="!regions.length"
       v-model="$v.address.region.$model"
       :validation="$v.address.region"
-      label="State/Province"
+      :label="$t('State')"
       name="region"
     />
     <div v-if="regions.length">
       <label for="region_id">
-        Select State/Province
+        {{ $t("Select State") }}
       </label>
       <multiselect
         id="region_id"
@@ -84,9 +84,9 @@
         :options="regions"
         :allow-empty="false"
         :show-labels="false"
+        :placeholder="$t('Select State')"
         name="region_id"
         label="label"
-        placeholder="Select State/Province"
       />
       <span
         v-if="
@@ -94,12 +94,12 @@
             && !$v.address.region_id.required
         "
       >
-        This field is required!
+        {{ $t('This field is required!') }}
       </span>
     </div>
     <BaseInput
       v-model="address.company"
-      label="Company"
+      :label="$t('Company')"
       name="company"
     />
   </div>
diff --git a/view/frontend/web/js/components/ShippingMethods.vue b/view/frontend/web/js/components/ShippingMethods.vue
index 10a80cb..3c2110a 100644
--- a/view/frontend/web/js/components/ShippingMethods.vue
+++ b/view/frontend/web/js/components/ShippingMethods.vue
@@ -1,7 +1,7 @@
 <template>
   <form>
     <h2>
-      Shipping methods
+      {{ $t('Shipping Methods') }}
     </h2>
     <div
       v-if="shippingMethods.length"
@@ -38,12 +38,12 @@
             && !$v.selectedShippingMethod.required
         "
       >
-        This field is required!
+        {{ $t('This field is required!') }}
       </span>
     </div>
     <div v-else>
       <p>
-        In this country we don't handle any shipping methods.
+        {{ $t('In this country we don\'t handle any shipping methods') }}
       </p>
     </div>
   </form>
diff --git a/view/frontend/web/js/components/TotalsData.vue b/view/frontend/web/js/components/TotalsData.vue
index b0369aa..f471a21 100644
--- a/view/frontend/web/js/components/TotalsData.vue
+++ b/view/frontend/web/js/components/TotalsData.vue
@@ -4,11 +4,11 @@
     class="totals"
   >
     <h2>
-      Order Summary
+      {{ $t('Order Summary') }}
     </h2>
 
     <p class="totals__item">
-      Cart subtotal:
+      {{ $t('Cart Subtotal') }}:
 
       <strong>
         {{ totals.subtotal | currency }}
@@ -16,7 +16,7 @@
     </p>
 
     <p class="totals__item">
-      Shipping:
+      {{ $t('Shipping') }}:
 
       <strong>
         {{ totals.shipping_amount | currency }}
@@ -27,7 +27,7 @@
       v-if="parseInt(totals.tax_amount) !== 0"
       class="totals__item"
     >
-      Tax:
+      {{ $t('Tax') }}:
 
       <strong>
         {{ totals.tax_amount | currency }}
@@ -38,7 +38,7 @@
       v-if="parseInt(totals.discount_amount) !== 0"
       class="totals__item-dicsount"
     >
-      Discount:
+      {{ $t('Discount') }}
 
       <strong>
         {{ totals.discount_amount | currency }}
@@ -49,7 +49,7 @@
       v-if="totals.subtotal !== totals.base_grand_total"
       class="totals__item-total"
     >
-      Order Total:
+      {{ $t('Order Totals') }}:
 
       <strong>
         {{ totals.base_grand_total | currency }}
diff --git a/view/frontend/web/js/components/steps/ThePaymentStep.vue b/view/frontend/web/js/components/steps/ThePaymentStep.vue
index 9a39889..194f2d6 100644
--- a/view/frontend/web/js/components/steps/ThePaymentStep.vue
+++ b/view/frontend/web/js/components/steps/ThePaymentStep.vue
@@ -4,16 +4,16 @@
     class="billing-address"
   >
     <h2>
-      Billing Address
+      {{ $t('Billing Address') }}
     </h2>
     <BaseCheckbox
       id="billing-address-same-as-shipping-address"
+      :text="$t('My billing and shipping address are the same')"
       v-model="billingAndShippingAddressTheSame"
       label-class="label"
       field-class="checkbox shipping-address__field"
       input-class="shipping-address__checkbox"
       name="billing-address-same-as-shipping-address"
-      text="My billing and shipping address are the same"
     />
     <AddressData
       v-if="billingAndShippingAddressTheSame && billingAddress !== null"
@@ -23,7 +23,7 @@
       <template v-if="editBillingAddress">
         <BillingAddressForm @hideAddressForm="editBillingAddress = false"/>
         <BaseButton
-          text="Cancel"
+          :text="$t('Cancel')"
           @click.native="toggleBillingAddress()"
         />
       </template>
@@ -33,7 +33,7 @@
           :address="newBillingAddress"
         />
         <BaseButton
-          text="Edit Address"
+          :text="$t('payment.editAddress')"
           @click.native="editAddress"
         />
       </div>
@@ -46,11 +46,11 @@
     <BaseButton
       :loader="loader"
       :disabled="disabledPlaceOrder"
-      text="Place order"
+      :text="$t('Place Order')"
       @click.native="placeOrder"
     />
     <BaseButton
-      text="Back"
+      :text="$t('Back')"
       @click.native="changeStep('shipping')"
     />
   </section>
diff --git a/view/frontend/web/js/components/steps/TheShippingStep.vue b/view/frontend/web/js/components/steps/TheShippingStep.vue
index 86fb7ee..39de7af 100644
--- a/view/frontend/web/js/components/steps/TheShippingStep.vue
+++ b/view/frontend/web/js/components/steps/TheShippingStep.vue
@@ -3,13 +3,14 @@
     v-if="step === 'shipping'"
     class="shipping-address"
   >
-    <h2>Shipping address</h2>
+    <h2>{{ $t('Shipping Address') }}</h2>
     <form>
       <CustomerEmailField
         v-if="!isCustomerLoggedIn"
         ref="customerEmail"
         @ready="isReady => customerEmailReadyToSubmit = isReady"
       />
+
       <ShippingAddressForm
         ref="shippingsAddressForm"
         @ready="isReady => shippingAddressReadyToSubmit = isReady"
@@ -21,7 +22,7 @@
     />
     <BaseButton
       :loader="loader"
-      text="Next Step"
+      :text="$t('Next Step')"
       @click.native="goToNextStep()"
     />
   </section>
diff --git a/view/frontend/web/js/components/steps/TheSuccessStep.vue b/view/frontend/web/js/components/steps/TheSuccessStep.vue
index 786d9bc..9e5befa 100644
--- a/view/frontend/web/js/components/steps/TheSuccessStep.vue
+++ b/view/frontend/web/js/components/steps/TheSuccessStep.vue
@@ -1,12 +1,12 @@
 <template>
   <section v-if="step === 'success'">
-    <h1>Thank you for your purchase!</h1>
+    <h1> {{ $t('Thank you for your purchase!') }}</h1>
     <template v-if="orderId !== null">
-      Your order number is: {{ orderId }}.
+      {{ $t('Your order number is', { orderId: orderId }) }}
     </template>
-    <p>We'll email you an order confirmation with details and tracking info.</p>
+    <p>{{ $t('We\'ll email you an order confirmation with details and tracking info.') }}</p>
     <a href="/">
-      Continue shopping
+      {{ $t('Continue shopping') }}
     </a>
   </section>
 </template>
diff --git a/view/frontend/web/js/data/translations-en_US.json b/view/frontend/web/js/data/translations-en_US.json
new file mode 100644
index 0000000..71592a5
--- /dev/null
+++ b/view/frontend/web/js/data/translations-en_US.json
@@ -0,0 +1,53 @@
+{
+  "Next Step": "Next Step",
+  "Back": "Back",
+  "Place order": "Place order",
+  "Cancel": "Cancel",
+  "Save Address": "Save Address",
+  "Shipping Step": "Shipping Step",
+  "Review & Payment Step": "Review & Payments Step",
+  "Shipping Address": "Shipping address",
+  "You can create an account after checkout": "You can create an account after checkout",
+  "You already have an account with us": "You already have an account with us. Sign in <a href='%{link}'>here</a> or continue as guest.",
+  "First Name": "First name",
+  "Last Name": "Last name",
+  "Phone Number": "Phone Number",
+  "Street Address": "Street Address",
+  "Select Country": "Select Country",
+  "City": "City",
+  "Zip Code": "Zip/Postal Code",
+  "State": "State/Province",
+  "Select State": "Select State/Province",
+  "Company": "Company",
+  "Billing Address": "Billing Address",
+  "My billing and shipping address are the same": "My billing and shipping address are the same",
+  "Edit Address": "Edit Address",
+  "Thank you for your purchase!": "Thank you for your purchase!",
+  "Your order number is": "Your order number is: %{orderId}.",
+  "We'll email you an order confirmation with details and tracking info.": "We'll email you an order confirmation with details and tracking info.",
+  "Continue shopping": "Continue shopping",
+  "Discount": "Discount",
+  "Apply Discount Code": "Apply Discount Code",
+  "Apply Discount": "Apply Discount",
+  "Remove Discount": "Remove Discount",
+  "Order Summary": "Order summary",
+  "Cart Subtotal": "Cart subtotal",
+  "Shipping": "Shipping",
+  "Tax": "Tax",
+  "Order Totals": "Order Total",
+  "Payment methods": "Payment methods",
+  "Shipping Methods": "Shipping Methods",
+  "Product List": "Product List",
+  "Product name": "Product name",
+  "Price": "Price",
+  "Product details": "Product details",
+  "Qty": "Qty",
+  "This field is required!": "This field is required!",
+  "Looks like there was a problem": "Looks like there was a problem",
+  "In this country we don't handle any payment methods": "In this country we don't handle any payment methods.",
+  "In this country we don't handle any shipping methods": "In this country we don't handle any shipping methods.",
+  "Coupon code not found!": "Coupon code not found! Failed when trying to activate: '%{code}' coupon code. Please use another one.",
+  "Something goes wrong when trying to send coupon code. Please try again later.": "Something goes wrong when trying to send coupon code. Please try again later.",
+  "Failed when trying to delete coupon code": "Failed when trying to delete: '%{code}' coupon code. Coupon code not found!",
+  "Something goes wrong when trying to delete coupon code": "Something goes wrong when trying to delete coupon code. Please try again later."
+}
diff --git a/view/frontend/web/js/data/translations-pl_PL.json b/view/frontend/web/js/data/translations-pl_PL.json
new file mode 100644
index 0000000..ce7da57
--- /dev/null
+++ b/view/frontend/web/js/data/translations-pl_PL.json
@@ -0,0 +1,53 @@
+{
+  "Next Step": "Przejdź dalej",
+  "Back": "Wróć",
+  "Place Order": "Złóż zamówienie",
+  "Cancel": "Anuluj",
+  "Save Address": "Zapisz adres",
+  "Shipping Step": "Sposób wysyłki",
+  "Review & Payment Step": "Podsumowanie i płatność",
+  "Shipping Address": "Adres dostawy",
+  "You can create an account after checkout": "Możesz stworzyć konto po zakupie",
+  "You already have an account with us": "Posiadasz konto w naszym sklpie. Zalgouj się <a href='%{link}'>tutaj</a> lub kontynuuj jako gość",
+  "First Name": "Imię",
+  "Last Name": "Nazwisko",
+  "Phone Number": "Numer telefonu",
+  "Street Address": "Adres",
+  "Select Country": "Wybierz kraj",
+  "City": "Miasto",
+  "Zip Code": "Kod pocztowy",
+  "State": "Województwo",
+  "Select State": "Wpisz województwo",
+  "Company": "Firma",
+  "Billing Address": "Adres rozliczeniowy",
+  "My billing and shipping address are the same": "Mój adres dostawy jest taki sam jak adres płatności",
+  "Edit Address": "Edytuj adres",
+  "Thank you for your purchase!": "Dziękujemy za złożenie zamówienia!",
+  "Your order number is": "Numer Twojego zamówienia to: %{orderId}.",
+  "We'll email you an order confirmation with details and tracking info.": "Szczegóły dotyczące zamówienia zostaną przesłane na email.",
+  "Continue shopping": "Kontynuuj zakupy",
+  "Discount": "Zniżka",
+  "Apply Discount Code": "Dodaj kod zniżkowy",
+  "Apply Discount": "Przyznaj rabat",
+  "Remove Discount": "Usuń rabat",
+  "Order Summary": "Podsumowanie",
+  "Cart Subtotal": "Podsumowanie koszyka",
+  "Shipping": "Wysyłka",
+  "Tax": "Podatek",
+  "Order Totals": "Suma zamówienia",
+  "Payment Methods": "Metody płatności",
+  "Shipping Methods": "Metody wysyłki",
+  "Product List": "Lista produktów",
+  "Product Name": "Nazwa produktu:",
+  "Price": "Cena",
+  "Product details": "Szczegóły produktu",
+  "Qty": "Ilość",
+  "This field is required!": "To pole jest obowiązkowe!",
+  "Looks like there was a problem": "Wygląda na to, że napotkano błąd",
+  "In this country we don't handle any payment methods": "Nie wspieramy żadnych metod płatności dla tego kraju.",
+  "In this country we don't handle any shipping methods": "Nie wspieramy żadnych metod dostawy dla tego kraju.",
+  "Coupon code not found!": "Kod rabatowy nie został znaleziony! Błąd poczas próby aktywacji kodu: '%{code}'. Skorzystaj z innego.",
+  "Something goes wrong when trying to send coupon code. Please try again later.": "Coś poszło nie tak podczas wysyłania kuponu rabatowego. Sróbuj ponownie później.",
+  "Failed when trying to delete coupon code": "Błąd poczas próby usunięcia kodu rabatowego: '%{code}'. Nie znaleziono takiego kuponu!",
+  "Something goes wrong when trying to delete coupon code": "Coś poszło nie tak podczas usuwania kuponu rabatowego. Sróbuj ponownie później."
+}
diff --git a/view/frontend/web/js/filters/index.js b/view/frontend/web/js/filters/index.js
index c74c58c..77cd420 100644
--- a/view/frontend/web/js/filters/index.js
+++ b/view/frontend/web/js/filters/index.js
@@ -1,6 +1,8 @@
+const config = window.snowdog.config ? window.snowdog.config : {}
+
 export function currency (price) {
   price = parseFloat(price).toFixed(2)
-  return window.config.basePriceFormat.pattern.replace('%s', price)
+  return config.basePriceFormat.pattern.replace('%s', price)
 }
 
 export function quantity (value) {
diff --git a/view/frontend/web/js/i18n/index.js b/view/frontend/web/js/i18n/index.js
new file mode 100644
index 0000000..e930c22
--- /dev/null
+++ b/view/frontend/web/js/i18n/index.js
@@ -0,0 +1,29 @@
+import Vue from 'vue'
+import Vuei18n from 'vue-i18n'
+
+import defaultMessages from '../data/translations-en_US.json'
+import plMessages from '../data/translations-pl_PL.json'
+
+const storeLocale = window.snowdog.storeLocale
+
+Vue.use(Vuei18n)
+
+export const i18n = new Vuei18n({
+  locale: 'en_US',
+  fallbackLocale: 'en_US', // Set as deafult lang to avoid missing translations
+  messages: {
+    en_US: defaultMessages,
+    pl_PL: plMessages
+  }
+})
+
+function setLocalCode (localCode) {
+  if (localCode === 'en_US') {
+    return false
+  }
+
+  i18n.locale = localCode
+  return localCode
+}
+
+setLocalCode(storeLocale)
diff --git a/view/frontend/web/js/script.js b/view/frontend/web/js/script.js
index 4876800..2033678 100644
--- a/view/frontend/web/js/script.js
+++ b/view/frontend/web/js/script.js
@@ -1,9 +1,11 @@
 import Vue from 'vue'
 import store from './store'
+import { i18n } from './i18n'
 import App from './App.vue'
 import * as filters from './filters'
 
 import Vuelidate from 'vuelidate'
+
 Vue.use(Vuelidate)
 
 // register global filters
@@ -14,5 +16,6 @@ Object.keys(filters).forEach((key) => {
 new Vue({
   el: '#checkout',
   store,
+  i18n,
   render: h => h(App)
 })
diff --git a/view/frontend/web/js/store/index.js b/view/frontend/web/js/store/index.js
index 06b659b..ea50105 100644
--- a/view/frontend/web/js/store/index.js
+++ b/view/frontend/web/js/store/index.js
@@ -10,8 +10,8 @@ Vue.use(Vuex)
 
 const store = new Vuex.Store({
   state: {
-    config: window.config,
-    baseUrl: window.baseUrl,
+    config: (window.snowdog.config) ? window.snowdog.config : {},
+    baseUrl: (window.snowdog.baseUrl) ? window.snowdog.baseUrl : {},
     customer: null,
     regions,
     step: 'shipping',
diff --git a/view/frontend/web/js/utils/checkout-axios.js b/view/frontend/web/js/utils/checkout-axios.js
index cfb4ba0..4ba5d6b 100644
--- a/view/frontend/web/js/utils/checkout-axios.js
+++ b/view/frontend/web/js/utils/checkout-axios.js
@@ -1,7 +1,7 @@
 import axios from 'axios'
 
 export default axios.create({
-  baseURL: window.baseUrl + 'rest/V1/',
+  baseURL: window.snowdog.baseUrl + 'rest/V1/',
   headers: {
     'Content-Type': 'application/json',
     'X-Requested-With': 'XMLHttpRequest'
diff --git a/yarn.lock b/yarn.lock
index 32e4a75..6b9a3e6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1966,9 +1966,9 @@ eslint-module-utils@^2.2.0:
     debug "^2.6.8"
     pkg-dir "^1.0.0"
 
-eslint-plugin-import@^2.10.0:
-  version "2.12.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.12.0.tgz#dad31781292d6664b25317fd049d2e2b2f02205d"
+eslint-plugin-import@^2.13.0:
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.14.0.tgz#6b17626d2e3e6ad52cfce8807a845d15e22111a8"
   dependencies:
     contains-path "^0.1.0"
     debug "^2.6.8"
@@ -4416,6 +4416,10 @@ path-parse@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1"
 
+path-parse@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
+
 path-type@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
@@ -5183,12 +5187,18 @@ resolve@1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
 
-resolve@^1.3.3, resolve@^1.4.0, resolve@^1.5.0, resolve@^1.6.0:
+resolve@^1.3.3, resolve@^1.4.0:
   version "1.7.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.7.1.tgz#aadd656374fd298aee895bc026b8297418677fd3"
   dependencies:
     path-parse "^1.0.5"
 
+resolve@^1.5.0, resolve@^1.6.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.9.0.tgz#a14c6fdfa8f92a7df1d996cb7105fa744658ea06"
+  dependencies:
+    path-parse "^1.0.6"
+
 restore-cursor@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
@@ -6000,6 +6010,10 @@ vue-hot-reload-api@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.0.tgz#97976142405d13d8efae154749e88c4e358cf926"
 
+vue-i18n@^8.4.0:
+  version "8.4.0"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-8.4.0.tgz#bc3437ff8f5f389c57235ced602e9d7bfd87995c"
+
 vue-loader@^13.3.0:
   version "13.7.2"
   resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.7.2.tgz#f633f6393e905ffd730400f03c99353618c08fe8"