{"id":3499,"date":"2025-09-12T12:53:17","date_gmt":"2025-09-12T10:53:17","guid":{"rendered":"https:\/\/gregarednak.si\/?page_id=3499"},"modified":"2025-10-23T10:24:15","modified_gmt":"2025-10-23T08:24:15","slug":"izdelava-spletnih-strani-cena-kalkulator","status":"publish","type":"page","link":"https:\/\/gregarednak.si\/en\/izdelava-spletnih-strani-cena-kalkulator\/","title":{"rendered":"Calculator"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3499\" class=\"elementor elementor-3499\">\n\t\t\t\t<div class=\"elementor-element elementor-element-765a2263 e-flex e-con-boxed e-con e-parent\" data-id=\"765a2263\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8097426 elementor-widget elementor-widget-heading\" data-id=\"8097426\" 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\">Website creation price - price calculator<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0706321 elementor-widget elementor-widget-shortcode\" data-id=\"0706321\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"bg-white rounded-xl shadow-xl overflow-hidden\" data-wpc data-aos=\"fade-up\">\n      <!-- Progress Bar -->\n      <div>\n        <div id=\"progressBar\" class=\"bg-gr-gradient transition-all duration-300\" style=\"width: 12.5% hegiht: 8px;\"><\/div>\n      <\/div>\n\n      <!-- Steps Container -->\n      <div class=\"p-4 p-md-5\">\n        <!-- Step 1: Website Type -->\n        <div id=\"step1\" class=\"step active-step\">\n          <h2 class=\"mb-4\">1. Select a project type<\/h2>\n          <div class=\"row g-3\">\n            <div class=\"col-md-4\">\n              <button data-action=\"select-type\" data-value=\"presentation\" class=\"option-btn w-100 p-3 p-md-4 text-start\">\n                <div class=\"d-flex d-md-block justify-content-between align-items-center\">\n                  <i data-feather=\"briefcase\" class=\"order-2 order-md-1 ms-2 ms-md-0 mb-md-3 d-md-block\"><\/i>\n                  <h3 class=\"mb-0 order-1 order-md-2\">Presentation website<\/h3>\n                <\/div>\n                <p class=\"mt-1 text-wrap\">A simple, elegant website to introduce a company, person or service. (from \u20ac300).<\/p>\n              <\/button>\n            <\/div>\n\n            <div class=\"col-md-4\">\n              <button data-action=\"select-type\" data-value=\"ecommerce\" class=\"option-btn w-100 p-3 p-md-4 text-start\">\n                <div class=\"d-flex d-md-block justify-content-between align-items-center\">\n                  <i data-feather=\"shopping-cart\" class=\"order-2 order-md-1 ms-2 ms-md-0 mb-md-3 d-md-block\"><\/i>\n                  <h3 class=\"mb-0 order-1 order-md-2\">E-commerce<\/h3>\n                <\/div>\n                <p class=\"mt-1 text-wrap\">Online store for selling products or services with a built-in system for inventory, delivery, payments and VAT calculation (from \u20ac700).<\/p>\n              <\/button>\n            <\/div>\n\n            <div class=\"col-md-4\">\n              <button data-action=\"select-type\" data-value=\"webapp\" class=\"option-btn w-100 p-3 p-md-4 text-start\">\n                <div class=\"d-flex d-md-block justify-content-between align-items-center\">\n                  <i data-feather=\"cpu\" class=\"order-2 order-md-1 ms-2 ms-md-0 mb-md-3 d-md-block\"><\/i>\n                  <h3 class=\"mb-0 order-1 order-md-2\">Web application<\/h3>\n                <\/div>\n                <p class=\"mt-1 text-wrap\">Advanced, interactive, custom solution - tailored to your processes, needs and users (from \u20ac1,500).<\/p>\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 2: Design Complexity -->\n        <div id=\"step2\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">2. Choose the design level<\/h2>\n          <div class=\"row g-3\">\n            <div class=\"col-md-4\">\n              <button data-action=\"select-complexity\" data-value=\"basic\" class=\"option-btn w-100 p-3 p-md-4 text-start\">\n                <div class=\"d-flex d-md-block justify-content-between align-items-center\">\n                  <i data-feather=\"layout\" class=\"order-2 order-md-1 ms-2 ms-md-0 mb-md-3 d-md-block\"><\/i>\n                  <h3 class=\"mb-0 order-1 order-md-2\">Basic<\/h3>\n                <\/div>\n                <p class=\"mt-1 text-wrap\">Easy setup with standard elements \u2013 fast and efficient.<\/p>\n              <\/button>\n            <\/div>\n\n            <div class=\"col-md-4\">\n              <button data-action=\"select-complexity\" data-value=\"standard\" class=\"option-btn w-100 p-3 p-md-4 text-start\">\n                <div class=\"d-flex d-md-block justify-content-between align-items-center\">\n                  <i data-feather=\"layers\" class=\"order-2 order-md-1 ms-2 ms-md-0 mb-md-3 d-md-block\"><\/i>\n                  <h3 class=\"mb-0 order-1 order-md-2\">Standard<\/h3>\n                <\/div>\n                <p class=\"mt-1 text-wrap\">Custom design with multiple sections and a better user experience.<\/p>\n              <\/button>\n            <\/div>\n\n            <div class=\"col-md-4\">\n              <button data-action=\"select-complexity\" data-value=\"premium\" class=\"option-btn w-100 p-3 p-md-4 text-start\">\n                <div class=\"d-flex d-md-block justify-content-between align-items-center\">\n                  <i data-feather=\"award\" class=\"order-2 order-md-1 ms-2 ms-md-0 mb-md-3 d-md-block\"><\/i>\n                  <h3 class=\"mb-0 order-1 order-md-2\">Premium<\/h3>\n                <\/div>\n                <p class=\"mt-1 text-wrap\">Top-notch design down to the last detail \u2013 perfectly tailored to your brand.<\/p>\n              <\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 3: Number of Pages\/Products -->\n        <div id=\"step3\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">3. <span id=\"pagesProductsTitle\"><\/span><\/h2>\n          <div class=\"row g-3\" id=\"pagesProductsOptions\"><\/div>\n        <\/div>\n\n\n        <!-- Step 4: Languages & Maintenance -->\n        <div id=\"step4\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">4.\n            Jeziki in vzdr\u017eevanje          <\/h2>\n          <div class=\"space-y-8\">\n            <div class=\"bg-gr-gradient p-3 p-md-4 rounded-xl\">\n              <h3>Languages<\/h3>\n              <div>\n                <label for=\"languagesSlider\" class=\"form-label\">How many languages will your site\/application contain?                  <span id=\"languagesValue\" class=\"fw-bold\">1<\/span><\/label>\n                <input type=\"range\" min=\"1\" max=\"5\" value=\"1\" class=\"form-range\" id=\"languagesSlider\">\n              <\/div>\n            <\/div>\n            <div class=\"bg-gr-gradient p-3 p-md-4 rounded-xl mt-4\">\n              <h3>Maintenance<\/h3>\n              <div>\n                <label for=\"maintenanceSlider\" class=\"form-label\">How many months of security, updates, and support do you want to have in advance?                  <span id=\"maintenanceValue\" class=\"fw-bold\">0<\/span><\/label>\n                <input type=\"range\" min=\"0\" max=\"24\" value=\"0\" class=\"form-range\" id=\"maintenanceSlider\">\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 5: Services -->\n        <div id=\"step5\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">5. Services<\/h2>\n          <!-- Guaranteed Services -->\n          <div class=\"bg-gr-gradient p-4 rounded-xl\">\n            <h3>Always on<\/h3>\n            <div class=\"row g-3\">\n                              <div class=\"col-md-6\">\n                  <div class=\"p-2 p-md-3 bg-white font-color-text rounded-xl d-flex align-items-start\">\n                    <i data-feather=\"check-circle\" class=\"w-5 h-5 mt-0.5 me-2 text-success\"><\/i>\n                    <span>Responsive design (mobile-friendly)<\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <div class=\"p-2 p-md-3 bg-white font-color-text rounded-xl d-flex align-items-start\">\n                    <i data-feather=\"check-circle\" class=\"w-5 h-5 mt-0.5 me-2 text-success\"><\/i>\n                    <span>GDPR and the cookie banner<\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <div class=\"p-2 p-md-3 bg-white font-color-text rounded-xl d-flex align-items-start\">\n                    <i data-feather=\"check-circle\" class=\"w-5 h-5 mt-0.5 me-2 text-success\"><\/i>\n                    <span>Basic protection (security settings)<\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <div class=\"p-2 p-md-3 bg-white font-color-text rounded-xl d-flex align-items-start\">\n                    <i data-feather=\"check-circle\" class=\"w-5 h-5 mt-0.5 me-2 text-success\"><\/i>\n                    <span>Basic speed optimization<\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <div class=\"p-2 p-md-3 bg-white font-color-text rounded-xl d-flex align-items-start\">\n                    <i data-feather=\"check-circle\" class=\"w-5 h-5 mt-0.5 me-2 text-success\"><\/i>\n                    <span>System email (forms, notifications)<\/span>\n                  <\/div>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <div class=\"p-2 p-md-3 bg-white font-color-text rounded-xl d-flex align-items-start\">\n                    <i data-feather=\"check-circle\" class=\"w-5 h-5 mt-0.5 me-2 text-success\"><\/i>\n                    <span>Thorough testing before release<\/span>\n                  <\/div>\n                <\/div>\n                          <\/div>\n          <\/div>\n          <!-- Other Services -->\n          <div class=\"mt-4\">\n            <h3>Additional services<\/h3>\n            <div class=\"row g-3\">\n                              <div class=\"col-md-6\">\n                  <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                    <input type=\"checkbox\" name=\"services\" value=\"seo\"\n                      class=\"form-check-input me-3\">\n                    <span>SEO optimization (on-site)<\/span>\n                  <\/label>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                    <input type=\"checkbox\" name=\"services\" value=\"copy\"\n                      class=\"form-check-input me-3\">\n                    <span>Writing marketing texts<\/span>\n                  <\/label>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                    <input type=\"checkbox\" name=\"services\" value=\"lead\"\n                      class=\"form-check-input me-3\">\n                    <span>Forms (e.g., obtaining inquiries)<\/span>\n                  <\/label>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                    <input type=\"checkbox\" name=\"services\" value=\"domain\"\n                      class=\"form-check-input me-3\">\n                    <span>Domain (.com, .si, etc.)<\/span>\n                  <\/label>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                    <input type=\"checkbox\" name=\"services\" value=\"hosting\"\n                      class=\"form-check-input me-3\">\n                    <span>Setting up roaming<\/span>\n                  <\/label>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                    <input type=\"checkbox\" name=\"services\" value=\"analytics\"\n                      class=\"form-check-input me-3\">\n                    <span>Advanced event detection analytics<\/span>\n                  <\/label>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                    <input type=\"checkbox\" name=\"services\" value=\"subscription\"\n                      class=\"form-check-input me-3\">\n                    <span>Membership system<\/span>\n                  <\/label>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                    <input type=\"checkbox\" name=\"services\" value=\"ga\"\n                      class=\"form-check-input me-3\">\n                    <span>Google Analytics 4 (GA4) setup<\/span>\n                  <\/label>\n                <\/div>\n                              <div class=\"col-md-6\">\n                  <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                    <input type=\"checkbox\" name=\"services\" value=\"speed\"\n                      class=\"form-check-input me-3\">\n                    <span>Advanced loading speed optimization<\/span>\n                  <\/label>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 6: Integrations -->\n        <div id=\"step6\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">6. Integrations<\/h2>\n          <div class=\"row g-3\">\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"maps\"\n                    class=\"form-check-input me-3\">\n                  <span>Google Maps integration<\/span>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"payments\"\n                    class=\"form-check-input me-3\">\n                  <span>Payment integration (Stripe\/PayPal)<\/span>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"chat\"\n                    class=\"form-check-input me-3\">\n                  <span>Live chat integration<\/span>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"aichat\"\n                    class=\"form-check-input me-3\">\n                  <span>AI chatbot integration<\/span>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"newsletter\"\n                    class=\"form-check-input me-3\">\n                  <span>Integration for e-news (newsletter)<\/span>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"social\"\n                    class=\"form-check-input me-3\">\n                  <span>Social media integration<\/span>\n                <\/label>\n              <\/div>\n                      <\/div>\n        <\/div>\n\n        <!-- Step 7: Advanced Features -->\n        <div id=\"step7\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">7. Advanced features<\/h2>\n          <div class=\"row g-3\">\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"security\"\n                    class=\"form-check-input me-3\">\n                  <span>Advanced security<\/span>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"3danim\"\n                    class=\"form-check-input me-3\">\n                  <span>3D animation<\/span>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"3dscene\"\n                    class=\"form-check-input me-3\">\n                  <span>3D interactive scenes<\/span>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-center p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"services\" value=\"mobileapp\"\n                    class=\"form-check-input me-3\">\n                  <span>Mobile application (PWA)<\/span>\n                <\/label>\n              <\/div>\n                      <\/div>\n        <\/div>\n\n        <!-- Step 5: Web App Core Features -->\n        <div id=\"step5-webapp\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">5. Basic application functionalities<\/h2>\n          <div class=\"row g-3\">\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"auth\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">User authentication<\/span>\n                    <p class=\"text-muted small mb-0\">User registration and login.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"admin_dashboard\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Admin control panel (CMS)<\/span>\n                    <p class=\"text-muted small mb-0\">Customized dashboard for managing the application.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"roles_permissions\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">User roles and permissions<\/span>\n                    <p class=\"text-muted small mb-0\">Control what different types of users can see and use.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"contact_form\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Contact form<\/span>\n                    <p class=\"text-muted small mb-0\">For user inquiries and feedback.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"emailing\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Email integration<\/span>\n                    <p class=\"text-muted small mb-0\">Connection to email services for notifications and automation.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"gallery\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Gallery \/ photo upload<\/span>\n                    <p class=\"text-muted small mb-0\">Users can upload and manage photos.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"file_sharing\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">File sharing<\/span>\n                    <p class=\"text-muted small mb-0\">It allows users to upload and share files.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                      <\/div>\n        <\/div>\n\n        <!-- Step 6: Web App Advanced Features -->\n        <div id=\"step6-webapp\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">6. Advanced functionalities and integrations<\/h2>\n          <div class=\"row g-3\">\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"custom_api\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Proprietary APIs<\/span>\n                    <p class=\"text-muted small mb-0\">Developing APIs to connect other applications to yours.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"payment_gateway\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Payment system (Stripe\/PayPal)<\/span>\n                    <p class=\"text-muted small mb-0\">Integration for processing online payments.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"live_chat\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Live chat<\/span>\n                    <p class=\"text-muted small mb-0\">Real-time communication with users or support.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"realtime_notifications\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Real-time notifications<\/span>\n                    <p class=\"text-muted small mb-0\">Instant alerts for important events.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"advanced_search\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Advanced search<\/span>\n                    <p class=\"text-muted small mb-0\">Fast and accurate search of application content.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"pwa\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">PWA (mobile install)<\/span>\n                    <p class=\"text-muted small mb-0\">A web application that can be installed on mobile devices.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                      <\/div>\n\n          <!-- API Integrations Slider -->\n                    <div class=\"bg-gr-gradient p-3 p-md-4 rounded-xl mt-4\">\n            <h3>API integrations<\/h3>\n            <p class=\"text-muted small mb-0\">Connection to external services and applications.<\/p>\n            <div>\n              <label for=\"apiIntegrationsSlider\" class=\"form-label\">\n                Number of planned integrations from other systems                <span id=\"apiIntegrationsValue\" class=\"fw-bold\">0<\/span>\n              <\/label>\n              <input type=\"range\" min=\"0\" max=\"10\" value=\"0\"\n                class=\"form-range\" id=\"apiIntegrationsSlider\">\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 7: Web App Specialized Services -->\n        <div id=\"step7-webapp\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">7. Specialized and external services<\/h2>\n          <div class=\"row g-3\">\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"ai_simple\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">AI integration (Basic ChatGPT)<\/span>\n                    <p class=\"text-muted small mb-0\">Basic integration with OpenAI for simple tasks.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"ai_chatbot\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">AI chatbot<\/span>\n                    <p class=\"text-muted small mb-0\">An advanced chatbot powered by artificial intelligence.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"advanced_security_webapp\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Advanced security<\/span>\n                    <p class=\"text-muted small mb-0\">Additional security measures for web applications.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"advanced_analytics\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Advanced analytics<\/span>\n                    <p class=\"text-muted small mb-0\">Detailed monitoring and reporting on application usage.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"3d_animation\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">3D animation<\/span>\n                    <p class=\"text-muted small mb-0\">Customized 3D animations for your application.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"3d_scene\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Interactive 3D scene<\/span>\n                    <p class=\"text-muted small mb-0\">Interactive 3D models and scenes.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"advanced_speed_webapp\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Speed optimization<\/span>\n                    <p class=\"text-muted small mb-0\">Improving the speed and efficiency of the application.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"domain_webapp\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Domain registration<\/span>\n                    <p class=\"text-muted small mb-0\">Domain registration for your application.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                          <div class=\"col-md-6\">\n                <label class=\"d-flex align-items-start p-2 p-md-3 rounded-xl border w-100 text-start\">\n                  <input type=\"checkbox\" name=\"webAppServices\" value=\"hosting_webapp\"\n                    class=\"form-check-input me-3 mt-1\">\n                  <div>\n                    <span class=\"fw-bold\">Setting up roaming<\/span>\n                    <p class=\"text-muted small mb-0\">Establishing hosting for your application.<\/p>\n                  <\/div>\n                <\/label>\n              <\/div>\n                      <\/div>\n        <\/div>\n\n\n        <!-- Step 8: Summary & Price -->\n        <div id=\"step8\" class=\"step\" style=\"display: none;\">\n          <h2 class=\"mb-4\">8.\n            Va\u0161a ponudba          <\/h2>\n          <div class=\"bg-gr-gradient rounded-xl p-3 p-md-4 mb-4\">\n            <div class=\"row g-4 align-items-center\">\n              <div class=\"col-md-7\">\n                <h3>\n                  Project summary and estimated price                <\/h3>\n                <ul class=\"list-unstyled space-y-2\">\n                  <li class=\"d-flex align-items-start\"><i data-feather=\"type\" class=\"w-4 h-4 mt-1 me-2 text-primary\"><\/i>\n                    <span id=\"summaryType\"><\/span>\n                  <\/li>\n                  <li class=\"d-flex align-items-start\"><i data-feather=\"pen-tool\"\n                      class=\"w-4 h-4 mt-1 me-2 text-primary\"><\/i>\n                    <span id=\"summaryComplexity\"><\/span>\n                  <\/li>\n                  <li class=\"d-flex align-items-start\"><i data-feather=\"file-text\"\n                      class=\"w-4 h-4 mt-1 me-2 text-primary\"><\/i>\n                    <span id=\"summaryPages\"><\/span>\n                  <\/li>\n                  <li class=\"d-flex align-items-start\"><i data-feather=\"globe\" class=\"w-4 h-4 mt-1 me-2 text-primary\"><\/i>\n                    <span id=\"summaryLanguages\"><\/span>\n                  <\/li>\n                  <li class=\"d-flex align-items-start\"><i data-feather=\"tool\" class=\"w-4 h-4 mt-1 me-2 text-primary\"><\/i>\n                    <span id=\"summaryMaintenance\"><\/span>\n                  <\/li>\n                  <li class=\"d-flex align-items-start\"><i data-feather=\"plus-circle\"\n                      class=\"w-4 h-4 mt-1 me-2 text-primary\"><\/i> <span id=\"summaryServices\"><\/span><\/li>\n                  <li class=\"d-flex align-items-start\" id=\"summaryWebAppServicesWrapper\" style=\"display: none;\"><i\n                      data-feather=\"cpu\" class=\"w-4 h-4 mt-1 me-2 text-primary\"><\/i>\n                    <span id=\"summaryWebAppServices\"><\/span>\n                  <\/li>\n                <\/ul>\n              <\/div>\n              <div class=\"col-md-5\">\n                <div class=\"bg-white font-color-text p-3 p-md-4 rounded-xl shadow-sm text-center\">\n                  <h3>\n                    Approximate price                  <\/h3>\n                  <div class=\"d-flex align-items-end justify-content-center\">\n                    <span id=\"totalPrice\" class=\"wpc-total-price\"><\/span>\n                  <\/div>\n                  <p class=\"mt-2\">* The final price will be adjusted based on your requirements and the agreed scope.<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"bg-white p-3 p-md-4 rounded-xl shadow-sm\">\n            <h3>Are you ready for the next step?<\/h3>\n            <p class=\"text-muted mb-4\">Get in touch and let&#039;s create a final offer together.<\/p>\n            <div class=\"d-flex flex-wrap gap-3\">\n              <button id=\"emailUsBtn\" class=\"btn btn-primary\" data-bs-toggle=\"modal\" data-bs-target=\"#contactModal\">\n                <i data-feather=\"mail\" class=\"w-4 h-4 me-2\"><\/i>\n                Send inquiry              <\/button>\n              <a href=\"tel:+38670724764\" role=\"button\" class=\"btn btn-link\">\n                <i data-feather=\"phone\" class=\"w-4 h-4 me-2\"><\/i>\n                Call              <\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Navigation Buttons -->\n      <div class=\"px-4 pb-4 px-md-5 pb-md-5 d-flex justify-content-between\">\n        <button id=\"prevBtn\" data-action=\"prev-step\"><i data-feather=\"arrow-left\" class=\"w-4 h-4 me-2\"><\/i>\n          Back<\/button>\n        <button id=\"nextBtn\" data-action=\"next-step\">\n          Forward <i data-feather=\"arrow-right\" class=\"w-4 h-4 ms-2\"><\/i><\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Contact Modal -->\n    <div class=\"modal fade\" id=\"contactModal\" tabindex=\"-1\" aria-labelledby=\"contactModalLabel\" aria-hidden=\"true\">\n      <div class=\"modal-dialog modal-lg\">\n        <div class=\"modal-content\">\n          <div class=\"modal-header\">\n            <h5 class=\"modal-title\" id=\"contactModalLabel\">Send inquiry<\/h5>\n            <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><\/button>\n          <\/div>\n          <div class=\"modal-body\">\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f3550-o1\" lang=\"sl-SI\" dir=\"ltr\" data-wpcf7-id=\"3550\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/3499#wpcf7-f3550-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/3499#wpcf7-f3550-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"3550\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"sl_SI\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f3550-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"input-container mb-2\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"pxname\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required input\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your name (required)\" value=\"\" type=\"text\" name=\"pxname\" \/><\/span>\n<\/div>\n<div class=\"input-container mb-2\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"pxemail\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email input\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your email (required)\" value=\"\" type=\"email\" name=\"pxemail\" \/><\/span>\n<\/div>\n<div class=\"input-container textarea mb-2\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"pxmessage\"><textarea cols=\"40\" rows=\"2\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea input\" aria-invalid=\"false\" placeholder=\"Additional message\" name=\"pxmessage\"><\/textarea><\/span>\n<\/div>\n<div class=\"input-container textarea mb-2\">\nProject summary\n    <span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea input\" readonly=\"readonly\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span>\n<\/div>\n<div class=\"input-container mb-2\">\n<label> \nBy submitting the form, you agree to your data being stored in accordance with the guidelines set out in <a href=\"\/en\/politika-zasebnosti\/\">Privacy Policy<\/a>.<\/p>\n<\/label>\n<\/div>\n\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <\/div>\n\t\t\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-5f01ea1 e-flex e-con-boxed e-con e-parent\" data-id=\"5f01ea1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0380a19 elementor-widget elementor-widget-text-editor\" data-id=\"0380a19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The calculator above gives you a rough estimate, and below we explain in more detail how the price of a website is determined. The key to any project is the combination of <strong data-start=\"476\" data-end=\"556\">page type, design complexity, content scope and additional functionalities<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef6634 elementor-widget elementor-widget-heading\" data-id=\"7ef6634\" 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<h2 class=\"elementor-heading-title elementor-size-default\">Project types and starting prices<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06b4fb9 elementor-widget elementor-widget-text-editor\" data-id=\"06b4fb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"602\" data-end=\"666\">The biggest difference in price is already evident when choosing the type of project:<\/p>\n<h3 data-start=\"668\" data-end=\"713\">Presentation website (from \u20ac300)<\/h3>\n<p data-start=\"714\" data-end=\"910\">A simple website for businesses, individuals, or smaller projects. It usually includes basic subpages such as: Home, About Us, Services, and Contact. The purpose is to present yourself and increase customer trust.<\/p>\n<h3 data-start=\"912\" data-end=\"945\">Online store (from \u20ac700)<\/h3>\n<p data-start=\"946\" data-end=\"1220\">In addition to the company presentation, it also contains <strong data-start=\"985\" data-end=\"1015\">product sales system<\/strong>This includes inventory management, payment system integration (Stripe, PayPal, cards), shipping, invoicing, and product filtering. The price increases with a larger number of products and additional functionalities.<\/p>\n<h3 data-start=\"1222\" data-end=\"1258\">Online application (from \u20ac1,500)<\/h3>\n<p data-start=\"1259\" data-end=\"1486\">Complex custom solutions \u2013 from reservation systems to advanced platforms. Here are key functionalities such as user registration, control panel (CMS), API integrations, real-time notifications and artificial intelligence.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f69b105 elementor-widget elementor-widget-text-editor\" data-id=\"f69b105\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2 data-start=\"1493\" data-end=\"1533\">Complexity of design and functionality<\/h2>\n<p data-start=\"1535\" data-end=\"1592\">The final price is also influenced by the level of design and development:<\/p>\n<p data-start=\"1596\" data-end=\"1675\"><strong data-start=\"1596\" data-end=\"1607\">Basic<\/strong> \u2013 quick installation with standard elements, the most affordable solution.<\/p>\n<p data-start=\"1678\" data-end=\"1763\"><strong data-start=\"1678\" data-end=\"1692\">Standard<\/strong> \u2013 custom design, better user interface, more customization.<\/p>\n<p data-start=\"1766\" data-end=\"1854\"><strong data-start=\"1766\" data-end=\"1777\">Premium<\/strong> \u2013 top-notch design with advanced elements, perfectly tailored to your brand.<\/p>\n<h2 data-start=\"1861\" data-end=\"1878\">Project scope<\/h2>\n<p data-start=\"1880\" data-end=\"1962\">More pages or products means more work on structure, design, and testing.<\/p>\n<p data-start=\"1966\" data-end=\"2059\"><strong data-start=\"1966\" data-end=\"1991\">Presentation pages<\/strong>: 1\u20135 subpages (basic), 6\u201315 (medium size), 16+ (extensive).<\/p>\n<p data-start=\"2062\" data-end=\"2142\"><strong data-start=\"2062\" data-end=\"2074\">Shops<\/strong>: up to 20 products (basic), 21\u201350 (medium), 51+ (large store).<\/p>\n<p data-start=\"2145\" data-end=\"2241\"><strong data-start=\"2145\" data-end=\"2159\">Applications<\/strong>: 1\u20135 views (minimal), 6\u201310 (medium complex), 11+ (complex solution).<\/p>\n<h2 data-start=\"2248\" data-end=\"2272\">Languages and maintenance<\/h2>\n<p data-start=\"2276\" data-end=\"2353\"><strong data-start=\"2276\" data-end=\"2292\">Multilingualism<\/strong> increases the volume of translations, customizations, and testing costs.<\/p>\n<p data-start=\"2356\" data-end=\"2474\"><strong data-start=\"2356\" data-end=\"2371\">Maintenance<\/strong> (from \u20ac40 \/ month) ensures that the site will be secure, up-to-date and work flawlessly in the long term.<\/p>\n<h2 data-start=\"2481\" data-end=\"2515\">Additional services and integrations<\/h2>\n<p data-start=\"2517\" data-end=\"2659\">Every modern website needs additional elements that improve user experience and business results. The most common ones are:<\/p>\n<p data-start=\"2663\" data-end=\"2725\"><strong data-start=\"2663\" data-end=\"2683\">SEO optimization<\/strong> (from \u20ac120) \u2013 better ranking in Google.<\/p>\n<p data-start=\"2728\" data-end=\"2809\"><strong data-start=\"2728\" data-end=\"2760\">Writing marketing texts<\/strong> (from \u20ac80) \u2013 professional content that sells.<\/p>\n<p data-start=\"2812\" data-end=\"2888\"><strong data-start=\"2812\" data-end=\"2834\">Google Analytics 4<\/strong> (from \u20ac60) \u2013 measuring visits and user behavior.<\/p>\n<p data-start=\"2891\" data-end=\"2957\"><strong data-start=\"2891\" data-end=\"2916\">Speed optimization<\/strong> (from \u20ac80) \u2013 faster page loading.<\/p>\n<p data-start=\"2960\" data-end=\"3032\"><strong data-start=\"2960\" data-end=\"2980\">Payment systems<\/strong> (from \u20ac80) \u2013 Stripe, PayPal or other integrations.<\/p>\n<p data-start=\"3035\" data-end=\"3104\"><strong data-start=\"3035\" data-end=\"3069\">Newsletter and social networks<\/strong> \u2013 connection with CRM and marketing.<\/p>\n<p data-start=\"3107\" data-end=\"3180\"><strong data-start=\"3107\" data-end=\"3139\">Live chat and AI chatbots<\/strong> \u2013 improved communication with customers.<\/p>\n<p data-start=\"3183\" data-end=\"3268\"><strong data-start=\"3183\" data-end=\"3203\">Advanced security<\/strong> \u2013 intrusion protection, backups, additional layers of protection.<\/p>\n<p data-start=\"3271\" data-end=\"3355\"><strong data-start=\"3271\" data-end=\"3299\">3D elements and animations<\/strong> \u2013 for projects where visual presentation is key.<\/p>\n<h2 data-start=\"3362\" data-end=\"3411\">Advanced functionalities for web applications<\/h2>\n<p data-start=\"3413\" data-end=\"3504\">For custom applications, the price is based on what functionalities you need:<\/p>\n<p data-start=\"3508\" data-end=\"3556\">User authentication and user roles<\/p>\n<p data-start=\"3559\" data-end=\"3588\">Admin control panel (CMS)<\/p>\n<p data-start=\"3591\" data-end=\"3628\">API integration with external systems<\/p>\n<p data-start=\"3631\" data-end=\"3662\">Real-time notifications and chat<\/p>\n<p data-start=\"3665\" data-end=\"3691\">Mobile installation (PWA)<\/p>\n<p data-start=\"3694\" data-end=\"3731\">AI integrations (chatbot, analytics)<\/p>\n<p data-start=\"3734\" data-end=\"3785\">Interactive 3D scenes and advanced visualization<\/p>\n<h2 data-start=\"3792\" data-end=\"3818\">Frequently Asked Questions (FAQ)<\/h2>\n<p data-start=\"3820\" data-end=\"3967\"><strong data-start=\"3820\" data-end=\"3861\">How much does a simple website cost?<\/strong><br data-start=\"3861\" data-end=\"3864\" \/>A basic presentation page with a few subpages costs around \u20ac300\u2013600, depending on the complexity.<\/p>\n<p data-start=\"3969\" data-end=\"4100\"><strong data-start=\"3969\" data-end=\"4006\">Why is online shopping more expensive?<\/strong><br data-start=\"4006\" data-end=\"4009\" \/>Due to additional systems: inventory, payments, delivery, tax accounting, user experience.<\/p>\n<p data-start=\"4102\" data-end=\"4218\"><strong data-start=\"4102\" data-end=\"4132\">What does maintenance include?<\/strong><br data-start=\"4132\" data-end=\"4135\" \/>Regular updates, security settings, technical support, and minor tweaks.<\/p>\n<p data-start=\"4220\" data-end=\"4364\"><strong data-start=\"4220\" data-end=\"4265\">Does it make sense to invest in premium design?<\/strong><br data-start=\"4265\" data-end=\"4268\" \/>Yes, if you want a superior user experience and differentiate your website from the competition.<\/p>\n<h2 data-start=\"4371\" data-end=\"4383\">Conclusion<\/h2>\n<p data-start=\"4385\" data-end=\"4634\">The price of creating a website is always adjusted to the individual project. The calculator offers you a quick calculation, but for an accurate quote it is best to present us with <strong data-start=\"4549\" data-end=\"4591\">your goals, content and functionalities<\/strong>to work together to find the optimal solution.<\/p>\n<p data-start=\"4636\" data-end=\"4699\">\ud83d\udc49 <a href=\"https:\/\/gregarednak.si\/en\/kontakt\/\">Contact me<\/a> and receive your personalized offer.<\/p>\t\t\t\t\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>","protected":false},"excerpt":{"rendered":"<p>Izdelava spletne strani cena &#8211; kalkulator cene Kalkulator zgoraj vam poda okviren izra\u010dun, spodaj pa podrobneje razlagamo, kako se cena spletne strani oblikuje. Pri vsakem projektu je klju\u010dna kombinacija tipa strani, zahtevnosti dizajna, obsega vsebine in dodatnih funkcionalnosti. Vrste projektov in za\u010detne cene Najve\u010dja razlika v ceni se poka\u017ee \u017ee pri izbiri tipa projekta: Predstavitvena [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3596,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3499","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/pages\/3499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/comments?post=3499"}],"version-history":[{"count":13,"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/pages\/3499\/revisions"}],"predecessor-version":[{"id":3622,"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/pages\/3499\/revisions\/3622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/media\/3596"}],"wp:attachment":[{"href":"https:\/\/gregarednak.si\/en\/wp-json\/wp\/v2\/media?parent=3499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}