{"id":4709,"date":"2019-08-25T16:11:47","date_gmt":"2019-08-25T14:11:47","guid":{"rendered":"https:\/\/kriptomat.cash\/instructions\/"},"modified":"2026-05-12T11:37:20","modified_gmt":"2026-05-12T09:37:20","slug":"instructions","status":"publish","type":"page","link":"https:\/\/kriptomat.hr\/en\/instructions\/","title":{"rendered":"Instructions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4709\" class=\"elementor elementor-4709 elementor-34\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d99cbd0 e-flex e-con-boxed e-con e-parent\" data-id=\"d99cbd0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[{&quot;_id&quot;:&quot;342b6fd&quot;,&quot;jet_parallax_layout_speed&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;50&quot;,&quot;sizes&quot;:[]},&quot;jet_parallax_layout_bg_x&quot;:&quot;50&quot;,&quot;jet_parallax_layout_bg_y&quot;:&quot;50&quot;,&quot;jet_parallax_layout_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_image_tablet&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_image_mobile&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_type&quot;:&quot;scroll&quot;,&quot;jet_parallax_layout_direction&quot;:&quot;1&quot;,&quot;jet_parallax_layout_fx_direction&quot;:null,&quot;jet_parallax_layout_z_index&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size&quot;:&quot;auto&quot;,&quot;jet_parallax_layout_bg_size_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_animation_prop&quot;:&quot;transform&quot;,&quot;jet_parallax_layout_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-df7f98b e-con-full e-flex e-con e-child\" data-id=\"df7f98b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13d0d62 elementor-widget elementor-widget-heading\" data-id=\"13d0d62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Instructions - Buy\/Sell<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fa48ea elementor-widget elementor-widget-heading\" data-id=\"9fa48ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Instructions for buying and selling cryptocurrencies. We'll guide you step-by-step through buying and selling with Kriptomat! <\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82f7f48 e-flex e-con-boxed e-con e-parent\" data-id=\"82f7f48\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46480e2 elementor-widget elementor-widget-html\" data-id=\"46480e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"atm-side-stepper\">\r\n  <div class=\"atm-mode-switch\">\r\n    <button class=\"atm-mode-btn active\" data-mode=\"buy\">Buy<\/button>\r\n    <button class=\"atm-mode-btn\" data-mode=\"sell\">Sell<\/button>\r\n  <\/div>\r\n  <div class=\"atm-side-nav\">\r\n  <\/div>\r\n\r\n  <div class=\"atm-side-main\">\r\n    <div class=\"atm-side-content\">\r\n      <div class=\"atm-side-label\">\r\n        Step <span class=\"atm-current-step\">1<\/span>\/<span class=\"atm-total-steps\">9<\/span>\r\n      <\/div>\r\n      <h2 class=\"atm-side-title\"><\/h2>\r\n      <p class=\"atm-side-description\">\r\n      <\/p>\r\n\r\n      <div class=\"atm-side-buttons\">\r\n        <button class=\"atm-prev-btn\">Back<\/button>\r\n        <button class=\"atm-next-btn\">Next<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"atm-side-image-box\">\r\n      <img decoding=\"async\" class=\"atm-side-image\" src=\"https:\/\/via.placeholder.com\/1000x650?text=Step+1\" alt=\"Kriptomat guide\">\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.atm-side-stepper {\r\n  width: 100%;\r\n  max-width: 1250px;\r\n  margin: 0 auto;\r\n  padding: 36px;\r\n  background: #232953;\r\n  border-radius: 30px;\r\n  color: #fff;\r\n  display: grid;\r\n  grid-template-columns: 360px 1fr;\r\n  gap: 34px;\r\n  font-family: inherit;\r\n}\r\n\r\n.atm-mode-switch {\r\n  grid-column: 1 \/ -1;\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.atm-mode-btn {\r\n  border: 1px solid rgba(255,255,255,0.14);\r\n  border-radius: 999px;\r\n  padding: 13px 34px;\r\n  background: #3d3b8b;\r\n  color: rgba(255,255,255,0.75);\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.atm-mode-btn:hover {\r\n  background: #6a64f8;\r\n  color: #fff;\r\n}\r\n\r\n.atm-mode-btn.active {\r\n  background: #f3941c;\r\n  color: #fff;\r\n  box-shadow: 2px 2px 11px 0px rgba(243,148,28,0.41);\r\n}\r\n\r\n.atm-side-nav {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n  padding: 10px 8px 10px 0;\r\n  max-height: 760px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  scroll-behavior: smooth;\r\n  -webkit-overflow-scrolling: touch;\r\n  overscroll-behavior: contain;\r\n  overscroll-behavior-x: contain;\r\n}\r\n\r\n.atm-side-nav::-webkit-scrollbar {\r\n  width: 5px;\r\n}\r\n\r\n.atm-side-nav::-webkit-scrollbar-track {\r\n  background: rgba(255,255,255,0.08);\r\n  border-radius: 999px;\r\n}\r\n\r\n.atm-side-nav::-webkit-scrollbar-thumb {\r\n  background: #f3941c;\r\n  border-radius: 999px;\r\n}\r\n\r\n.atm-side-step {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n  width: 100%;\r\n  padding: 18px;\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 18px;\r\n  background: #232953;\r\n  color: rgba(255,255,255,0.55);\r\n  text-align: left;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.atm-side-step:hover {\r\n  background: rgba(255,255,255,0.07);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.atm-side-number {\r\n  width: 54px;\r\n  height: 54px;\r\n  min-width: 54px;\r\n  border-radius: 50%;\r\n  background: #111713;\r\n  border: 1px solid rgba(255,255,255,0.18);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 800;\r\n  color: rgba(255,255,255,0.6);\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.atm-side-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n}\r\n\r\n.atm-side-info strong {\r\n  font-size: 17px;\r\n  color: inherit;\r\n}\r\n\r\n.atm-side-info small {\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.45);\r\n  line-height: 1.35;\r\n}\r\n\r\n.atm-side-step.active {\r\n  background: #6a64f8;\r\n  -webkit-box-shadow: 2px 2px 11px 0px rgba(243,148,28,0.41); \r\n  box-shadow: 2px 2px 11px 0px #373d6b;\r\n  color: #fff;\r\n}\r\n\r\n.atm-side-step.active .atm-side-number,\r\n.atm-side-step.completed .atm-side-number {\r\n  background: #f3941c;\r\n  border-color: #f3941c;\r\n  color: #ffffff;\r\n}\r\n\r\n.atm-side-step.completed {\r\n  background-color: #6a64f8;\r\n  color: rgba(255,255,255,0.78);\r\n}\r\n\r\n.atm-side-main {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 22px;\r\n}\r\n\r\n.atm-side-image-box {\r\n  width: 100%;\r\n  min-height: 470px;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  background: rgba(255,255,255,0.06);\r\n  box-shadow: 0 24px 70px rgba(0,0,0,0.35);\r\n}\r\n\r\n.atm-side-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 470px;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: opacity 0.25s ease, transform 0.25s ease;\r\n}\r\n\r\n.atm-side-content {\r\n  background: rgba(255,255,255,0.045);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 24px;\r\n  padding: 28px;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.atm-side-label {\r\n  color: #f3941c;\r\n  font-weight: 800;\r\n  margin-bottom: 10px;\r\n  font-size: 13px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.07em;\r\n}\r\n\r\n.atm-side-title {\r\n  margin: 0 0 12px;\r\n  color: #fff;\r\n  font-size: clamp(28px, 3.2vw, 44px);\r\n  line-height: 1.08;\r\n}\r\n\r\n.atm-side-description {\r\n  margin: 0;\r\n  color: rgba(255,255,255,0.72);\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.atm-side-buttons {\r\n  display: flex;\r\n  gap: 12px;\r\n  margin-top: auto;\r\n}\r\n\r\n.atm-side-buttons button {\r\n  border: 0;\r\n  border-radius: 999px;\r\n  padding: 14px 24px;\r\n  font-weight: 800;\r\n  cursor: pointer;\r\n  transition: transform 0.2s ease, opacity 0.2s ease;\r\n}\r\n\r\n.atm-side-buttons button:hover {\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.atm-prev-btn {\r\n  background: #3d3b8b;\r\n  color: #fff;\r\n}\r\n\r\n.atm-next-btn {\r\n  background: #f3941c;\r\n  color: #ffffff;\r\n}\r\n\r\n@media (max-width: 980px) {\r\n .atm-side-stepper {\r\n    grid-template-columns: 1fr;\r\n    padding: 22px;\r\n    border-radius: 22px;\r\n  }\r\n  .atm-side-buttons button {\r\n    padding: 10px 20px;\r\n  }\r\n\r\n .atm-side-nav {\r\n  flex-direction: row;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  max-height: none;\r\n  gap: 12px;\r\n  padding-bottom: 12px;\r\n  scroll-snap-type: x mandatory;\r\n  scroll-behavior: smooth;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.atm-side-nav::-webkit-scrollbar {\r\n  height: 5px;\r\n  width: auto;\r\n}\r\n\r\n.atm-side-nav::-webkit-scrollbar-track {\r\n  background: rgba(255,255,255,0.08);\r\n  border-radius: 999px;\r\n}\r\n\r\n.atm-side-nav::-webkit-scrollbar-thumb {\r\n  background: #f3941c;\r\n  border-radius: 999px;\r\n}\r\n\r\n  .atm-side-main {\r\n    display: flex;\r\n  }\r\n\r\n  .atm-side-content {\r\n    width: 40%;\r\n  }\r\n\r\n  .atm-side-image-box{\r\n    width: 60%;\r\n    height: fit-content;\r\n  }\r\n\r\n  .atm-side-step {\r\n    flex: 0 0 calc(50% - 6px);\r\n    min-width: calc(50% - 6px);\r\n    scroll-snap-align: start;\r\n  }\r\n\r\n  .atm-side-step:hover {\r\n    transform: none;\r\n  }\r\n\r\n  .atm-side-image-box,\r\n  .atm-side-image {\r\n    min-height: 300px;\r\n  }\r\n\r\n  .atm-side-content {\r\n    padding: 24px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .atm-side-stepper {\r\n    padding: 18px;\r\n  }\r\n\r\n  .atm-mode-switch {\r\n    gap: 8px;\r\n  }\r\n\r\n  .atm-mode-btn {\r\n    width: 50%;\r\n    padding: 11px 18px;\r\n  }\r\n\r\n  .atm-side-buttons {\r\n    gap: 5px;\r\n  }\r\n\r\n  .atm-side-buttons button{\r\n    padding: 5px 10px;\r\n    font-size: 12px;\r\n  }\r\n  \r\n  .atm-side-content{\r\n    width: 43%;\r\n  }\r\n  .atm-side-title {\r\n    font-size: 17px;\r\n  }\r\n\r\n  .atm-side-content {\r\n    padding: 15px;\r\n  }\r\n\r\n  .atm-side-step {\r\n    min-width: 200px;\r\n    padding: 14px;\r\n  }\r\n\r\n  .atm-side-number {\r\n    width: 46px;\r\n    height: 46px;\r\n    min-width: 46px;\r\n  }\r\n\r\n  .atm-side-info strong {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .atm-side-info small {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .atm-side-image-box,\r\n  .atm-side-image {\r\n    min-height: 240px;\r\n  }\r\n\r\n  .atm-side-description {\r\n    font-size: 11px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const wrapper = document.querySelector(\".atm-side-stepper\");\r\n\r\n  const buySteps = [\r\n    {\r\n      nav: \"Choose crypto\",\r\n      title: \"Choose crypto\",\r\n      description: \"Choose the desired cryptocurrency.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.21-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Choose option\",\r\n      title: \"Choose Buy\",\r\n      description: \"Choose option to Buy for your transaction.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/Still-2024-09-04-114646_12.2.13-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Transaction size\",\r\n      title: \"More or less than 995\u20ac\",\r\n      description: \"Choose option to buy more or less than 995\u20ac. In the case of more than 995\u20ac, registration will be needed.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.14-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Phone number\",\r\n      title: \"Insert phone number\",\r\n      description: \"Input your phone number to recieve a SMS with one-time password.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.24-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"One-time password\",\r\n      title: \"Insert one-time password\",\r\n      description: \"Insert the one-time password that you recieved by SMS on your phone number.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.16-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Wallet QR\",\r\n      title: \"Scan wallet QR\",\r\n      description: \"Input the destination address of the crypto you want to buy. Scan the QR code of your e-wallet.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/KUPNJA-ENG_12.2.6.png\"\r\n    },\r\n    {\r\n      nav: \"Insert money\",\r\n      title: \"Insert money\",\r\n      description: \"After entering your wallet address, start inserting money into the Kriptomat. Note: first bill must be 20\u20ac or higher.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/KUPNJA-ENG_12.2.7.png\"\r\n    },\r\n    {\r\n      nav: \"Confirm Buy\",\r\n      title: \"Press Buy button\",\r\n      description: \"When you have reached the desired purchase amount, press the Buy button.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/KUPNJA-ENG_12.2.8.png\"\r\n    },\r\n    {\r\n      nav: \"Completed\",\r\n      title: \"Transaction is completed\",\r\n      description: \"After processing the transaction, the crypto is sent to your e-wallet and the crypto machine will print out a transaction confirmation.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/Still-2024-09-04-113645_12.2.3.png\"\r\n    }\r\n  ];\r\n\r\n  const sellSteps = [\r\n    {\r\n      nav: \"Choose crypto\",\r\n      title: \"Choose crypto\",\r\n      description: \"Choose the cryptocurrency you want to sell.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.21-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Choose option\",\r\n      title: \"Choose Sell\",\r\n      description: \"Choose the Sell option for your transaction.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/Still-2024-09-04-114646_12.2.13.png\"\r\n    },\r\n    {\r\n      nav: \"Transaction size\",\r\n      title: \"More or less than 995\u20ac\",\r\n      description: \"Choose option to buy more or less than 995\u20ac. In the case of more than 995\u20ac, registration will be needed.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.14-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Phone number\",\r\n      title: \"Insert phone number\",\r\n      description: \"Input your phone number to receive an SMS with a one-time password.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.24-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"One-time password\",\r\n      title: \"Insert one-time password\",\r\n      description: \"Insert the one-time password that you recieved by SMS on your phone number.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.16-576x1024.png\"\r\n    },\r\n    {\r\n      nav:\"Enter amount\",\r\n      title:\"Enter the amount you would like to sell.\",\r\n      description: \"Choose the cash amount you want to sell.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.17-576x1024.png\"\r\n    },\r\n    {\r\n      nav:\"Press Sell\",\r\n      title:\"Press Sell button\",\r\n      description: \"After entering the desired amount, press the \u201cSell\u201d button\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.18-576x1024.png\"\r\n    },\r\n    {\r\n      nav:\"Confirmation\",\r\n      title:\"Confirmation details\",\r\n      description: \"Kriptomat will print a confirmation with instructions for sending cryptocurrency, it's time-limited and valid for 20 minutes.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.19-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Send crypto\",\r\n      title: \"Send crypto to the displayed address\",\r\n      description: \"Scan the QR and send the exact amount of crypto to the address on the receipt (DO NOT THROW THE RECEIPT! IT IS NEEDED FOR WITHDRAWAL)\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.20-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Waiting\",\r\n      title: \"Wait for transaction confirmation\",\r\n      description: \"After a successfully sent transaction, wait for your transaction to be confirmed in the blockchain network.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2022\/09\/icons8-sand-timer.gif\"\r\n    },\r\n    {\r\n      nav: \"Cash out\",\r\n      title: \"Choose cash out option\",\r\n      description: \"After confirming the transaction, select \u201cCash Receipt\u201d on the device \",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.22-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Scan QR\",\r\n      title: \"Scan QR code of receipt \",\r\n      description: \"You need to scan the QR code from the receipt that the Kriptomat gave you.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.23-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Phone number\",\r\n      title: \"Insert your phone number\",\r\n      description: \"Enter your mobile phone number that you used to send an SMS with a one-time password.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.24-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"One-time password\",\r\n      title: \"Insert one-time password\",\r\n      description: \"Insert the one-time password that you recieved by SMS on your phone number.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.16-576x1024.png\"\r\n    },\r\n    {\r\n      nav: \"Collect cash\",\r\n      title: \"Collect your cash\",\r\n      description: \"After the transaction is confirmed, the Kriptomat will pay out the cash amount.\",\r\n      image: \"https:\/\/kriptomat.hr\/wp-content\/uploads\/2024\/10\/PRODAJA-ENG_12.2.26-576x1024.png\"\r\n    }\r\n  ];\r\n\r\n  let mode = \"buy\";\r\n  let steps = buySteps;\r\n  let currentStep = 0;\r\n\r\n  const modeButtons = wrapper.querySelectorAll(\".atm-mode-btn\");\r\n  const nav = wrapper.querySelector(\".atm-side-nav\");\r\n  let stepButtons = [];\r\n  const title = wrapper.querySelector(\".atm-side-title\");\r\n  const description = wrapper.querySelector(\".atm-side-description\");\r\n  const image = wrapper.querySelector(\".atm-side-image\");\r\n  const currentStepText = wrapper.querySelector(\".atm-current-step\");\r\n  const totalStepsText = wrapper.querySelector(\".atm-total-steps\");\r\n  const prevBtn = wrapper.querySelector(\".atm-prev-btn\");\r\n  const nextBtn = wrapper.querySelector(\".atm-next-btn\");\r\n\r\n  function refreshSideNav() {\r\n  nav.innerHTML = \"\";\r\n\r\n  steps.forEach(function(step, i) {\r\n    const button = document.createElement(\"button\");\r\n    button.className = \"atm-side-step\";\r\n    button.dataset.step = i;\r\n\r\n    button.innerHTML =\r\n      '<span class=\"atm-side-number\">' + String(i + 1).padStart(2, \"0\") + '<\/span>' +\r\n      '<span class=\"atm-side-info\">' +\r\n        '<strong>' + step.nav + '<\/strong>' +\r\n      '<\/span>';\r\n\r\n    button.addEventListener(\"click\", function() {\r\n      updateStep(i);\r\n    });\r\n\r\n    nav.appendChild(button);\r\n  });\r\n\r\n  stepButtons = nav.querySelectorAll(\".atm-side-step\");\r\n  totalStepsText.textContent = steps.length;\r\n}\r\nfunction scrollStepNavTo(index) {\r\n  const activeStep = stepButtons[index];\r\n  if (!activeStep) return;\r\n\r\n  const isMobile = window.matchMedia(\"(max-width: 980px)\").matches;\r\n\r\n  if (isMobile) {\r\n    const targetLeft =\r\n      activeStep.offsetLeft -\r\n      nav.clientWidth \/ 2 +\r\n      activeStep.clientWidth \/ 2;\r\n\r\n    const maxLeft = nav.scrollWidth - nav.clientWidth;\r\n\r\n    nav.scrollTo({\r\n      left: Math.max(0, Math.min(targetLeft, maxLeft)),\r\n      behavior: \"smooth\"\r\n    });\r\n  } else {\r\n    const targetTop =\r\n      activeStep.offsetTop -\r\n      nav.clientHeight \/ 2 +\r\n      activeStep.clientHeight \/ 2;\r\n\r\n    const maxTop = nav.scrollHeight - nav.clientHeight;\r\n\r\n    nav.scrollTo({\r\n      top: Math.max(0, Math.min(targetTop, maxTop)),\r\n      behavior: \"smooth\"\r\n    });\r\n  }\r\n}\r\n\r\n  function updateStep(index) {\r\n    if (index < 0 || index >= steps.length) return;\r\n\r\n    currentStep = index;\r\n\r\n    title.textContent = steps[index].title;\r\n    description.textContent = steps[index].description;\r\n    image.src = steps[index].image;\r\n    image.alt = steps[index].title;\r\n    currentStepText.textContent = index + 1;\r\n\r\n    stepButtons.forEach(function(button, i) {\r\n      button.classList.remove(\"active\", \"completed\");\r\n\r\n      if (i === index) {\r\n        button.classList.add(\"active\");\r\n      }\r\n\r\n      if (i < index) {\r\n        button.classList.add(\"completed\");\r\n      }\r\n    });\r\n\r\n    scrollStepNavTo(index);\r\n\r\n    prevBtn.style.opacity = index === 0 ? \"0.45\" : \"1\";\r\n    nextBtn.textContent = index === steps.length - 1 ? \"Done\" : \"Next\";\r\n  }\r\n\r\n  function switchMode(newMode) {\r\n    mode = newMode;\r\n    steps = mode === \"buy\" ? buySteps : sellSteps;\r\n    currentStep = 0;\r\n\r\n    modeButtons.forEach(function(button) {\r\n      button.classList.toggle(\"active\", button.dataset.mode === mode);\r\n    });\r\n\r\n    refreshSideNav();\r\n    updateStep(0);\r\n  }\r\n\r\n  modeButtons.forEach(function(button) {\r\n    button.addEventListener(\"click\", function() {\r\n      switchMode(button.dataset.mode);\r\n    });\r\n  });\r\n\r\n\r\n  prevBtn.addEventListener(\"click\", function() {\r\n    updateStep(currentStep - 1);\r\n  });\r\n\r\n  nextBtn.addEventListener(\"click\", function() {\r\n    updateStep(currentStep + 1);\r\n  });\r\n\r\n  switchMode(\"buy\");\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Instructions &#8211; Buy\/Sell Instructions for buying and selling cryptocurrencies. We&#8217;ll guide you step-by-step through buying and selling with Kriptomat! Buy Sell Step 1\/9 Back Next<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4709","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Instructions for Use - Kriptomat | Fast, safe and easy!<\/title>\n<meta name=\"description\" content=\"Step-by-step instructions on how to buy and sell cryptocurrencies through our Kriptomat. Complete the transaction in just a few steps!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kriptomat.hr\/en\/instructions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Instructions for Use - Kriptomat | Fast, safe and easy!\" \/>\n<meta property=\"og:description\" content=\"Step-by-step instructions on how to buy and sell cryptocurrencies through our Kriptomat. Complete the transaction in just a few steps!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kriptomat.hr\/en\/instructions\/\" \/>\n<meta property=\"og:site_name\" content=\"Kriptomat\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-12T09:37:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/via.placeholder.com\/1000x650?text=Step+1\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/instructions\\\/\",\"url\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/instructions\\\/\",\"name\":\"Instructions for Use - Kriptomat | Fast, safe and easy!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/instructions\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/instructions\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/via.placeholder.com\\\/1000x650?text=Step+1\",\"datePublished\":\"2019-08-25T14:11:47+00:00\",\"dateModified\":\"2026-05-12T09:37:20+00:00\",\"description\":\"Step-by-step instructions on how to buy and sell cryptocurrencies through our Kriptomat. Complete the transaction in just a few steps!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/instructions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kriptomat.hr\\\/en\\\/instructions\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/instructions\\\/#primaryimage\",\"url\":\"https:\\\/\\\/via.placeholder.com\\\/1000x650?text=Step+1\",\"contentUrl\":\"https:\\\/\\\/via.placeholder.com\\\/1000x650?text=Step+1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/instructions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/home-2\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Instructions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/\",\"name\":\"Kriptomat\",\"description\":\"Kupovina\\\/Prodaja Kriptovaluta\",\"publisher\":{\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/#organization\",\"name\":\"Bitblock d.o.o.\",\"url\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/kriptomat.hr\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/kripto_black_small.png\",\"contentUrl\":\"https:\\\/\\\/kriptomat.hr\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/kripto_black_small.png\",\"width\":7292,\"height\":824,\"caption\":\"Bitblock d.o.o.\"},\"image\":{\"@id\":\"https:\\\/\\\/kriptomat.hr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Instructions for Use - Kriptomat | Fast, safe and easy!","description":"Step-by-step instructions on how to buy and sell cryptocurrencies through our Kriptomat. Complete the transaction in just a few steps!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kriptomat.hr\/en\/instructions\/","og_locale":"en_US","og_type":"article","og_title":"Instructions for Use - Kriptomat | Fast, safe and easy!","og_description":"Step-by-step instructions on how to buy and sell cryptocurrencies through our Kriptomat. Complete the transaction in just a few steps!","og_url":"https:\/\/kriptomat.hr\/en\/instructions\/","og_site_name":"Kriptomat","article_modified_time":"2026-05-12T09:37:20+00:00","og_image":[{"url":"https:\/\/via.placeholder.com\/1000x650?text=Step+1","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kriptomat.hr\/en\/instructions\/","url":"https:\/\/kriptomat.hr\/en\/instructions\/","name":"Instructions for Use - Kriptomat | Fast, safe and easy!","isPartOf":{"@id":"https:\/\/kriptomat.hr\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kriptomat.hr\/en\/instructions\/#primaryimage"},"image":{"@id":"https:\/\/kriptomat.hr\/en\/instructions\/#primaryimage"},"thumbnailUrl":"https:\/\/via.placeholder.com\/1000x650?text=Step+1","datePublished":"2019-08-25T14:11:47+00:00","dateModified":"2026-05-12T09:37:20+00:00","description":"Step-by-step instructions on how to buy and sell cryptocurrencies through our Kriptomat. Complete the transaction in just a few steps!","breadcrumb":{"@id":"https:\/\/kriptomat.hr\/en\/instructions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kriptomat.hr\/en\/instructions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kriptomat.hr\/en\/instructions\/#primaryimage","url":"https:\/\/via.placeholder.com\/1000x650?text=Step+1","contentUrl":"https:\/\/via.placeholder.com\/1000x650?text=Step+1"},{"@type":"BreadcrumbList","@id":"https:\/\/kriptomat.hr\/en\/instructions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/kriptomat.hr\/en\/home-2\/"},{"@type":"ListItem","position":2,"name":"Instructions"}]},{"@type":"WebSite","@id":"https:\/\/kriptomat.hr\/en\/#website","url":"https:\/\/kriptomat.hr\/en\/","name":"Kriptomat","description":"Kupovina\/Prodaja Kriptovaluta","publisher":{"@id":"https:\/\/kriptomat.hr\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kriptomat.hr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/kriptomat.hr\/en\/#organization","name":"Bitblock d.o.o.","url":"https:\/\/kriptomat.hr\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kriptomat.hr\/en\/#\/schema\/logo\/image\/","url":"https:\/\/kriptomat.hr\/wp-content\/uploads\/2023\/01\/kripto_black_small.png","contentUrl":"https:\/\/kriptomat.hr\/wp-content\/uploads\/2023\/01\/kripto_black_small.png","width":7292,"height":824,"caption":"Bitblock d.o.o."},"image":{"@id":"https:\/\/kriptomat.hr\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/kriptomat.hr\/en\/wp-json\/wp\/v2\/pages\/4709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kriptomat.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kriptomat.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kriptomat.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kriptomat.hr\/en\/wp-json\/wp\/v2\/comments?post=4709"}],"version-history":[{"count":5,"href":"https:\/\/kriptomat.hr\/en\/wp-json\/wp\/v2\/pages\/4709\/revisions"}],"predecessor-version":[{"id":12126,"href":"https:\/\/kriptomat.hr\/en\/wp-json\/wp\/v2\/pages\/4709\/revisions\/12126"}],"wp:attachment":[{"href":"https:\/\/kriptomat.hr\/en\/wp-json\/wp\/v2\/media?parent=4709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}