{"id":2657,"date":"2024-05-02T17:56:55","date_gmt":"2024-05-02T17:56:55","guid":{"rendered":"http:\/\/localhost\/xopifier\/paso-1\/"},"modified":"2025-06-29T02:57:06","modified_gmt":"2025-06-29T02:57:06","slug":"paso-1","status":"publish","type":"page","link":"https:\/\/www.xopifier.com\/en\/paso-1\/","title":{"rendered":"Step 1"},"content":{"rendered":"\n        <div id=\"steps\" class=\"container-fluid px-0\">\n            <div class=\"row\">\n                <div class=\"col-12\">\n                    <div class=\"container p-0\">\n                        <div class=\"step step-1\">\n                            <form autocomplete=\"false\" id=\"form-step-1\" action=\"\" method=\"POST\" enctype=\"multipart\/form-data\">\n                                <input name=\"action\" type=\"hidden\" value=\"ws\">\n                                <input name=\"wsa\" type=\"hidden\" value=\"create_user_account\">\n                                <input type=\"hidden\" name=\"lang\" value=\"en\" \/>\n                                <div class=\"progressbar\" style=\"display: none;\">\n                                    <div class=\"row w-100\">\n                                        <div class=\"col-12 progress-box\">\n                                            <div class=\"row\">\n                                                <div class=\"col-12 d-flex align-items-center justify-content-between\">\n                                                    <div class=\"on\" percent=\"0\"><\/div>\n                                                    <div class=\"off\" percent=\"100\"><\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                \n        <div id=\"step-1-form-1\" stage=\"ALL\" class=\"sub-step  sub-step-0 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                        <\/div>\n                        \n                        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-2\" stage=\"ALL\" class=\"sub-step  sub-step-1 \" >\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"col-12 text-center\">\n                            \n                            <h3 class=\"step-title\">Which scenario do you identify with?<\/h3>\n                            \n                            \n                                <ul class=\"stages\">\n                                    \n                <li class=\"stage\" id=\"stage-1\">\n                    <a class=\"btn-next\" href=\"#step-1-form-3\" target=\"\" title=\"\">\n                        <p class=\"option-title\">I want to start selling online<\/p>\n                        <p class=\"option-desc\">I don\u2019t have my own store yet, nor do I sell on marketplaces.<\/p>\n                    <\/a>\n                <\/li>\n            \n                <li class=\"stage\" id=\"stage-2\">\n                    <a class=\"btn-next\" href=\"#step-1-form-3\" target=\"\" title=\"\">\n                        <p class=\"option-title\">I already sell on a marketplace<\/p>\n                        <p class=\"option-desc\">Ex: Etsy, Facebook, Instagram or another platform.<\/p>\n                    <\/a>\n                <\/li>\n            \n                <li class=\"stage\" id=\"stage-3\">\n                    <a class=\"btn-next\" href=\"#step-1-form-3\" target=\"\" title=\"\">\n                        <p class=\"option-title\">I already have a store and want to improve it<\/p>\n                        <p class=\"option-desc\">I want to migrate or upgrade it on Shopify.<\/p>\n                    <\/a>\n                <\/li>\n            \n                                <\/ul>\n                                <a href=\"#step-1-form-1\" class=\"step-back d-none\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                            \n                            \n                        <\/div>\n                        \n                        \n                    <\/div>\n\n                    \n                        <div class=\"row d-none\">\n                            <div class=\"col-12\">\n                                <p class=\"text-center my-4\">*Xopifier's store design and build service is not included in your Shopify subscription cost.<\/p>\n                            <\/div>\n                        <\/div>\n                    \n\n                    \n\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-3\" stage=\"stage-1|stage-2\" class=\"sub-step  sub-step-2 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field-currentStoreName\">What is the name of your store? <\/label>\n                        \n                        <input type=\"text\" class=\"form-control required notverified\" id=\"field-currentStoreName\" name=\"field-currentStoreName\" placeholder=\"\" required>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field- currentStoreLink\">If you already promote or sell your products online, send us the link: <span>(Optional)<\/span><\/label>\n                        <span class=\"d-block info\">E.g., Instagram, Facebook, or other social media; if you have more than one link, list them or separate them with commas.<\/span>\n                        \n                            <textarea class=\"form-control verified\" id=\"field- currentStoreLink\" name=\"field- currentStoreLink\" placeholder=\"E.g., https:\/\/www.instagram.com\/myproducts\/\" ><\/textarea>\n                        \n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                        <\/div>\n                        \n                        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-2\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-4\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-4\" stage=\"stage-1|stage-2\" class=\"sub-step  sub-step-3 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field-currentStoreDescription\">Describe your store <\/label>\n                        \n                        <textarea class=\"form-control required notverified\" id=\"field-currentStoreDescription\" name=\"field-currentStoreDescription\" placeholder=\"E.g., A selection of exceptional crafts created by emerging talent.\" required><\/textarea>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                        <\/div>\n                        \n                        \n            <div class=\"col-md-4 col-sm-12 col-12\">\n                <div class=\"form-tip sticky-top\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" class=\"form-tip-img\" \/>\n                    \n                    <p>Try to communicate what makes your store special. What sets it apart from other, perhaps similar, stores. Why your potential customers should pay attention to it.<\/p>\n\n                <\/div>\n            <\/div>\n        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-3\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-5\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-5\" stage=\"stage-1|stage-2\" class=\"sub-step  sub-step-4 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                    <div class=\"field upload mb-4\">\n                        <label class=\"form-label\" for=\"field-currentStoreLogo-from-server\">Attach your logo, branding, and\/or more images that represent your store: <small><span>(Optional)<\/span><\/small><br><small><span>Be sure to include at least the logo. If you have more than one app, attach them as well.<\/span><\/small> <\/label>\n                        <div class=\"field-upload\">\n                            <div class=\"field-upload-overlay\"><\/div>\n                            <div class=\"field-upload-field\">\n                                <input type=\"file\" accept=\".jpg,.png,.gif,.jpeg,.mp4,.pdf,.mov\" multiple class=\"field-upload-input d-none verified\" id=\"field-currentStoreLogo\" name=\"field-currentStoreLogo[]\" >\n                                <input type=\"hidden\" id=\"field-currentStoreLogo-from-server\" name=\"field-currentStoreLogo-from-server\" value=\"0\" \/>\n                                <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/upload-to-cloud.svg\" class=\"field-upload-img\" \/>\n                                <p class=\"btn-choose\">Drag files here or <span>select them from your computer<\/span><\/p>\n                                <p><small>You can upload up to 5 .PNG, .PDF, .JPG, .GIF, .MP4, .MOV files<\/small><\/p>\n                            <\/div>\n                            <div class=\"field-upload-content\">\n                                <span class=\"image-preview-close\" style=\"display: none;\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/close.svg\" alt=\"close preview\" \/><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n                        <\/div>\n                        \n                        \n            <div class=\"col-md-4 col-sm-12 col-12\">\n                <div class=\"form-tip sticky-top\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" class=\"form-tip-img\" \/>\n                    <p class=\"form-tip-title\">Identity type<\/p>\n                    <p>You can upload images that you consider indicative of your store&#8217;s aesthetic. We want to reflect your style in our offering.<\/p>\n\n                <\/div>\n            <\/div>\n        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-4\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-6\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-6\" stage=\"stage-1|stage-2\" class=\"sub-step  sub-step-5 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field-currentStoreClients\">What is your client like? <span>(Optional)<\/span><\/label>\n                        \n                        <textarea class=\"form-control verified\" id=\"field-currentStoreClients\" name=\"field-currentStoreClients\" placeholder=\"Eg: He is demanding, loves to be surprised, has little time, does not like to be sold things he has not requested.\" ><\/textarea>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                        <div class=\"field mb-4 \" max-selected=\"3\">\n                            <label class=\"form-label w-100 d-block mb-3\" for=\"field-currentStoreClientFormality\">How formally would you speak to your client? <\/label>\n                            \n                            <div class=\"form-check form-radio w-auto\">\n                                <input class=\"form-radio-input required notverified\" type=\"radio\" value=\"I'd treat him informally.\" id=\"field-currentStoreClientFormality-0\" name=\"field-currentStoreClientFormality\">\n                                <label class=\"form-radio-label\" for=\"field-currentStoreClientFormality-0\">\n                                    I'd treat him informally.\n                                <\/label>\n                            <\/div>\n                        \n                            <div class=\"form-check form-radio w-auto\">\n                                <input class=\"form-radio-input required notverified\" type=\"radio\" value=\"I'd treat him formally.\" id=\"field-currentStoreClientFormality-1\" name=\"field-currentStoreClientFormality\">\n                                <label class=\"form-radio-label\" for=\"field-currentStoreClientFormality-1\">\n                                    I'd treat him formally.\n                                <\/label>\n                            <\/div>\n                        \n                        <\/div>\n                    \n                        <\/div>\n                        \n                        \n            <div class=\"col-md-4 col-sm-12 col-12\">\n                <div class=\"form-tip sticky-top\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" class=\"form-tip-img\" \/>\n                    <p class=\"form-tip-title\">Customer-Centered Design<\/p>\n                    <p>Tell us everything you can about your customer. Do it in detail so we can connect with them.<\/p>\n<ul style=\"list-style: none; padding: 0; margin: 0;\">\n<li>What are they like?<\/li>\n<li>What are they looking for?<\/li>\n<li>What do they like?<\/li>\n<li>What do they dislike?<\/li>\n<\/ul>\n\n                <\/div>\n            <\/div>\n        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-5\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-7\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-7\" stage=\"stage-1|stage-2\" class=\"sub-step  sub-step-6 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            <h3 class=\"step-title\"><small>Do you have product categories? <span>(Optional)<\/span><\/small><\/h3>\n                            \n                            \n                            \n                            \n                <div class=\"category-repeater-fields\">\n            \n                    <div class=\"repeater-field mb-4\">\n                \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field-currentStoreProductCategory-0\">Category 1: <\/label>\n                        \n                        <input type=\"text\" class=\"form-control verified\" id=\"field-currentStoreProductCategory-0\" name=\"field-currentStoreProductCategory[]\" placeholder=\"\" >\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                    <\/div>\n                \n                <\/div><div class=\"d-flex pt-2 align-items-center justify-content-start\"><button class=\"w-auto btn btn-secondary btn-plus-categ disabled\">Add another category<\/button><\/div>\n            \n                        <\/div>\n                        \n                        \n            <div class=\"col-md-4 col-sm-12 col-12\">\n                <div class=\"form-tip sticky-top\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" class=\"form-tip-img\" \/>\n                    <p class=\"form-tip-title\">What is this for?<\/p>\n                    <p>So you can see how your product categories would look as part of your store&#8217;s menu in our design proposal.<\/p>\n<p>If you don&#8217;t have categories or don&#8217;t think they&#8217;re relevant, skip this step.<\/p>\n\n                <\/div>\n            <\/div>\n        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-6\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-8\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-8\" stage=\"stage-1|stage-2\" class=\"sub-step  sub-step-7 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row\">\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-5 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            <h3 class=\"step-title\"><small>Sample of your most popular products<\/small><\/h3>\n                            \n                            \n        <div class=\"products-form\" style=\"\">\n            <ul class=\"mt-4 nav nav-tabs d-flex gap-2 justify-content-between\" id=\"myTab\" role=\"tablist\">\n                <li class=\"nav-item\" role=\"presentation\">\n                    <button class=\"nav-link active w-100\" id=\"frompc-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#frompc\" type=\"button\" role=\"tab\" aria-controls=\"frompc\" aria-selected=\"true\">From my computer<\/button>\n                <\/li>\n                <li class=\"nav-item\" role=\"presentation\">\n                    <button class=\"nav-link w-100\" id=\"fromlink-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#fromlink\" type=\"button\" role=\"tab\" aria-controls=\"fromlink\" aria-selected=\"false\">From reference (link)<\/button>\n                <\/li>\n            <\/ul>\n            <div class=\"tab-content\" id=\"myTabContent\">\n                <div class=\"tab-pane fade\" id=\"fromlink\" role=\"tabpanel\" aria-labelledby=\"fromlink-tab\">\n                    <div class=\"field mb-3\">\n                        <label class=\"form-label\" for=\"field-fromLinkProductName\">Product name:<\/label>\n                        <input type=\"text\" class=\"form-control\" id=\"field-fromLinkProductName\" name=\"field-fromLinkProductName\" placeholder=\"\">\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                    <div class=\"field mb-3\">\n                        <label class=\"form-label\" for=\"field-fromLinkProductLink\">Link to the product:<\/label>\n                        <p class=\"mb-3 small\">Share the link wherever the product is displayed, whether on social media, a store, or a marketplace. This is the reference we'll use for the design.<\/p>\n                        <input type=\"text\" class=\"form-control\" id=\"field-fromLinkProductLink\" name=\"field-fromLinkProductLink\" placeholder=\"Eg: https:\/\/www.link.com\">\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                    <div class=\"field mb-3\">\n                        <label class=\"form-label\" for=\"field-fromLinkProductCategory\">Category:<\/label>\n                        <select class=\"form-select form-control\" id=\"field-fromLinkProductCategory\" name=\"field-fromLinkProductCategory\">\n                        <\/select>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                    <div class=\"d-flex flex-md-row flex-sm-column flex-column align-items-center justify-content-md-start justify-content-sm-center justify-content-center mt-0 gap-md-0 gap-sm-2 gap-2\">\n                        <button class=\"btn btn-secondary btn-cancel-link-product d-none me-2\" href=\"\" type=\"button\">Cancel<\/button>\n                        <button class=\"btn btn-primary btn-save-link-product d-none\" href=\"\" type=\"button\">Save<\/button>\n                        <button class=\"btn btn-primary btn-add-link-product disabled\" href=\"\" type=\"button\">Add product<\/button>\n                    <\/div>\n                <\/div>\n                <div class=\"tab-pane fade show active\" id=\"frompc\" role=\"tabpanel\" aria-labelledby=\"frompc-tab\">\n                    <div class=\"field upload mb-3 w-100\">\n                        <label class=\"form-label\" for=\"field-fromPCProductMedia-from-server\">Product images or animations:<\/label>\n                        <a href=\"javascript:void(0)\" class=\"d-none field-upload-new-media\">Upload new product images or animations:<\/a>\n                        <div class=\"field-upload-products\">\n                            <div class=\"field-upload-overlay\"><\/div>\n                            <div class=\"field-upload-field\">\n                                <input type=\"file\" accept=\".jpg,.png,.gif,.jpeg,.mp4,.pdf,.mov\" multiple class=\"field-upload-input d-none\" id=\"field-fromPCProductMedia\" name=\"field-fromPCProductMedia[]\">\n                                <input type=\"hidden\" id=\"field-fromPCProductMedia-from-server\" name=\"field-fromPCProductMedia-from-server\" value=\"0\" \/>\n                                <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/upload-to-cloud.svg\" class=\"field-upload-img\" \/>\n                                <p class=\"btn-choose\">Drag files here or <span>select them from your computer<\/span><\/p>\n                                <p><small>You can upload up to 5 .PNG, .PDF, .JPG, .GIF, .MP4, .MOV files<\/small><\/p>\n                            <\/div>\n                            <div class=\"field-upload-content\">\n                                <span class=\"image-preview-close\" style=\"display: none;\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/close.svg\" alt=\"close preview\" \/><\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"field-preview-media\" style=\"display: none;\"><\/div>\n                    <\/div>\n                    <div class=\"field mb-3 pt-3\">\n                        <label class=\"form-label\" for=\"field-fromPCProductName\">Product name:<\/label>\n                        <input type=\"text\" class=\"form-control\" id=\"field-fromPCProductName\" name=\"field-fromPCProductName\" placeholder=\"\">\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                    <div class=\"d-flex gap-2 price-field-container flex-wrap\">\n                        <div class=\"field currency mb-3\">\n                            <label class=\"form-label\" for=\"field-fromPCProductCurrecy\">Price:<\/label>\n                            <select class=\"form-select form-control currecy\" id=\"field-fromPCProductCurrecy\" name=\"field-fromPCProductCurrecy\">\n                                <option value=\"CLP\">CLP<\/option>\n                                <option value=\"MXN\">MXN<\/option>\n                                <option value=\"USD\" selected>USD<\/option>\n                                <option value=\"EUR\">EUR<\/option>\n                            <\/select>\n                            <span class=\"error\"><\/span>\n                        <\/div>\n                        <div class=\"field price mb-3\">\n                            <label class=\"form-label\" for=\"field-fromPCProductPrice\">&nbsp;<\/label>\n                            <input type=\"text\" class=\"form-control\" id=\"field-fromPCProductPrice\" name=\"field-fromPCProductPrice\" placeholder=\"\">\n                            <span class=\"error\"><\/span>\n                        <\/div>\n                        <div class=\"field sale-price mb-3 ms-md-3 ms-sm-0 ms-0\">\n                            <div class=\"d-flex flex-row mb-1 justify-content-start align-items-center\">\n                                <label class=\"form-label mb-0 me-2\" for=\"field-fromPCProductSalePrice\">Reference price:<\/label> \n                                <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" data-bs-toggle=\"tooltip\" title=\"Optional, to highlight offer\" \/>\n                            <\/div>\n                            <input type=\"text\" class=\"form-control\" id=\"field-fromPCProductSalePrice\" name=\"field-fromPCProductSalePrice\" placeholder=\"\">\n                            <span class=\"error\"><\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"field mb-3\">\n                        <label class=\"form-label\" for=\"field-fromPCProductCategory\">Category:<\/label>\n                        <select class=\"form-select form-control\" id=\"field-fromPCProductCategory\" name=\"field-fromPCProductCategory\">\n                        <\/select>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                    <div class=\"field mb-3\">\n                        <label class=\"form-label\" for=\"field-fromPCProductDescription\">Description:<\/label>\n                        <textarea class=\"form-control\" id=\"field-fromPCProductDescription\" name=\"field-fromPCProductDescription\" placeholder=\"\"><\/textarea>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                    \n                        <div class=\"mb-4 bottom-description\">\n                            If your products have variants or additional features, don't worry; you can specify them after you approve the design. For now, a general description will suffice.\n                        <\/div>\n                    \n                    <div class=\"d-flex flex-md-row flex-sm-column flex-column align-items-center justify-content-md-start justify-content-sm-center justify-content-center mt-0 gap-md-0 gap-sm-2 gap-2\">\n                        <button class=\"btn btn-secondary btn-cancel-pc-product d-none me-2\" href=\"\" type=\"button\">Cancel<\/button>\n                        <button class=\"btn btn-primary btn-save-pc-product d-none\" href=\"\" type=\"button\">Save<\/button>\n                        <button class=\"btn btn-primary btn-add-pc-product disabled\" href=\"\" type=\"button\">Add product<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"products-list\" style=\"display: none;\">\n            <div class=\"d-none link-products\"><\/div>\n            <div class=\"d-none pc-products\"><\/div>\n\n            <ul class=\"products-list-container\" qty=\"0\">\n                \n            <li class=\"product-placeholder d-flex align-items-center justify-content-between w-100 py-3\">\n                <span class=\"counter disabled me-3\">2<\/span>\n                <div class=\"me-auto ms-0 d-flex align-items-center justify-content-start gap-3 w-75\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/image-placeholder.png\" class=\"product-thumb me-0 img-fluid\" \/>\n                    <div class=\"d-flex flex-column align-items-start justify-content-center w-100\">\n                        <div class=\"gray-bar w-75\"><\/div>\n                        <div class=\"gray-bar w-50 dark-gray\"><\/div>\n                        <div class=\"gray-bar w-25\"><\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"trash me-0 ms-0 disabled\" disabled href=\"javascript:void(0)\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/trash.svg\" class=\"product-trash step3 img-fluid me-3 disabled\" disabled \/><\/a>\n            <\/li>\n        \n            <li class=\"product-placeholder d-flex align-items-center justify-content-between w-100 py-3\">\n                <span class=\"counter disabled me-3\">3<\/span>\n                <div class=\"me-auto ms-0 d-flex align-items-center justify-content-start gap-3 w-75\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/image-placeholder.png\" class=\"product-thumb me-0 img-fluid\" \/>\n                    <div class=\"d-flex flex-column align-items-start justify-content-center w-100\">\n                        <div class=\"gray-bar w-75\"><\/div>\n                        <div class=\"gray-bar w-50 dark-gray\"><\/div>\n                        <div class=\"gray-bar w-25\"><\/div>\n                    <\/div>\n                <\/div>\n                <a class=\"trash me-0 ms-0 disabled\" disabled href=\"javascript:void(0)\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/trash.svg\" class=\"product-trash step3 img-fluid me-3 disabled\" disabled \/><\/a>\n            <\/li>\n        \n            <\/ul>\n\n            <div class=\"mt-4\">\n                <div class=\"form-check\">\n                    <input class=\"form-check-input\" type=\"checkbox\" value=\"1\" id=\"field-fromPCProductLessThanThree\" name=\"field-fromPCProductLessThanThree\">\n                    <label class=\"form-check-label\" for=\"field-fromPCProductLessThanThree\">\n                        My store has less than 3 products\n                    <\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"d-flex align-items-center justify-content-center text-center mt-4\">\n                <button type=\"button\" class=\"mt-3 btn btn-secondary btn-plus-product w-auto\">Add product<\/button>\n            <\/div>\n        <\/div>\n    \n                        <\/div>\n                        \n                        \n            <div class=\"col-md-4 col-sm-12 col-12\">\n                <div class=\"form-tip sticky-top\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" class=\"form-tip-img\" \/>\n                    <p class=\"form-tip-title\">How many products do I include in the sample?<\/p>\n                    <p>Three are enough to project what a catalog would look like. But you can include more.<\/p>\n<p>For now, we&#8217;ll use them only as a reference to create your design proposals. If your products have variants or additional features, don&#8217;t worry; you can indicate them after you approve the design.<\/p>\n\n                <\/div>\n            <\/div>\n        \n                    <\/div>\n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-7\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-9\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-9\" stage=\"stage-1|stage-2\" class=\"sub-step  sub-step-8 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            <h3 class=\"step-title\"><small>Which phrases best reflect what you want to communicate to your customers? <span>(Choose up to 3)<\/span><\/small><\/h3>\n                            \n                            \n                            \n                            \n                        <div class=\"field mb-4\" max-selected=\"3\">\n                            \n                            <div class=\"form-check form-checks \">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"Technical characteristics of our products.\" id=\"field-currentStorePhrases-0\" name=\"field-currentStorePhrases[]\">\n                                <label class=\"form-check-label\" for=\"field-currentStorePhrases-0\">\n                                    Technical characteristics of our products.\n                                <\/label>\n                                \n                            <\/div>\n                        \n                            <div class=\"form-check form-checks \">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"Our work philosophy and values.\" id=\"field-currentStorePhrases-1\" name=\"field-currentStorePhrases[]\">\n                                <label class=\"form-check-label\" for=\"field-currentStorePhrases-1\">\n                                    Our work philosophy and values.\n                                <\/label>\n                                \n                            <\/div>\n                        \n                            <div class=\"form-check form-checks \">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"Please subscribe so we can keep you informed of new developments.\" id=\"field-currentStorePhrases-2\" name=\"field-currentStorePhrases[]\">\n                                <label class=\"form-check-label\" for=\"field-currentStorePhrases-2\">\n                                    Please subscribe so we can keep you informed of new developments.\n                                <\/label>\n                                \n                            <\/div>\n                        \n                            <div class=\"form-check form-checks \">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"The variety of products we offer.\" id=\"field-currentStorePhrases-3\" name=\"field-currentStorePhrases[]\">\n                                <label class=\"form-check-label\" for=\"field-currentStorePhrases-3\">\n                                    The variety of products we offer.\n                                <\/label>\n                                \n                            <\/div>\n                        \n                            <div class=\"form-check form-checks \">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"Details and close-ups of our star product(s).\" id=\"field-currentStorePhrases-4\" name=\"field-currentStorePhrases[]\">\n                                <label class=\"form-check-label\" for=\"field-currentStorePhrases-4\">\n                                    Details and close-ups of our star product(s).\n                                <\/label>\n                                \n                            <\/div>\n                        \n                            <div class=\"form-check form-checks \">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"The offers and promotions we always have.\" id=\"field-currentStorePhrases-5\" name=\"field-currentStorePhrases[]\">\n                                <label class=\"form-check-label\" for=\"field-currentStorePhrases-5\">\n                                    The offers and promotions we always have.\n                                <\/label>\n                                \n                            <\/div>\n                        \n                            <div class=\"form-check form-checks has-more\">\n                                <input class=\"form-check-input\" type=\"checkbox\" value=\"Other <span>(Specify)<\/span>.\" id=\"field-currentStorePhrases-6\" name=\"field-currentStorePhrases-has-more[]\">\n                                <label class=\"form-check-label\" for=\"field-currentStorePhrases-6\">\n                                    Other <span>(Specify)<\/span>.\n                                <\/label>\n                                <textarea class=\"form-control checkbox-more\" style=\"display: none;\" id=\"field-currentStorePhrases-more\" name=\"field-currentStorePhrases-more\"><\/textarea>\n                            <\/div>\n                        \n                        <\/div>\n                    \n                        <\/div>\n                        \n                        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-8\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-10\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-10\" stage=\"stage-1|stage-2\" class=\"sub-step  sub-step-9 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field-storeLikeWhat\">Which store do you like? We'll use it as a reference for your design. <\/label>\n                        <span class=\"d-block info\">This is important to understand the design style you consider a good reference.<\/span>\n                        <input type=\"text\" class=\"form-control required notverified\" id=\"field-storeLikeWhat\" name=\"field-storeLikeWhat\" placeholder=\"\" required>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field-storeLikeWhy\">Why do you like it? <\/label>\n                        <span class=\"d-block info\">Your explanation will help us better understand your expectations and meet them in our proposal.<\/span>\n                        <textarea class=\"form-control required notverified\" id=\"field-storeLikeWhy\" name=\"field-storeLikeWhy\" placeholder=\"\" required><\/textarea>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                    <div class=\"field top-sep mb-4\" >\n                        <label class=\"form-label\" for=\"field-storeLikePages\">What other pages do you like? <span>(Optional)<\/span><\/label>\n                        <span class=\"d-block info\">List the links below. If you wish, you can indicate what you like about each one. They don't necessarily have to be stores or e-commerce sites; simply styles you would like your store to resemble.<\/span>\n                        <textarea class=\"form-control verified\" id=\"field-storeLikePages\" name=\"field-storeLikePages\" placeholder=\"\" ><\/textarea>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                        <\/div>\n                        \n                        \n            <div class=\"col-md-4 col-sm-12 col-12\">\n                <div class=\"form-tip sticky-top\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" class=\"form-tip-img\" \/>\n                    <p class=\"form-tip-title\">Visual Design<\/p>\n                    <p>A picture can communicate more than words. If you share your favorite references, we&#8217;ll be able to better understand your style and apply it to our design proposal.<\/p>\n\n                <\/div>\n            <\/div>\n        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-9\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-11\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-11\" stage=\"stage-1|stage-2\" class=\"sub-step  sub-step-10 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                        <div class=\"field mb-4 d-flex flex-wrap\" max-selected=\"3\">\n                            <label class=\"form-label w-100 d-block mb-3\" for=\"field-storeShopifyAccount\">Already have a Shopify account? <\/label>\n                            \n                            <div class=\"form-check form-radio w-auto\">\n                                <input class=\"form-radio-input required notverified\" type=\"radio\" value=\"Yes\" id=\"field-storeShopifyAccount-0\" name=\"field-storeShopifyAccount\">\n                                <label class=\"form-radio-label\" for=\"field-storeShopifyAccount-0\">\n                                    Yes\n                                <\/label>\n                            <\/div>\n                        \n                            <div class=\"form-check form-radio w-auto\">\n                                <input class=\"form-radio-input required notverified\" type=\"radio\" value=\"No\" id=\"field-storeShopifyAccount-1\" name=\"field-storeShopifyAccount\">\n                                <label class=\"form-radio-label\" for=\"field-storeShopifyAccount-1\">\n                                    No\n                                <\/label>\n                            <\/div>\n                        \n                        <\/div>\n                    \n                    <div class=\"field  mb-4\" style=\"display:none;\">\n                        <label class=\"form-label\" for=\"field-storeShopifyAccountDesc\">Do you want to add anything else about what you expect from your store? <span>(Optional)<\/span><\/label>\n                        <span class=\"d-block info\">Eg: if there are specific sections or features that you think it should have or things that you like.<\/span>\n                        <textarea class=\"form-control verified\" id=\"field-storeShopifyAccountDesc\" name=\"field-storeShopifyAccountDesc\" placeholder=\"E.g. I should have a menu with a section &quot;X&quot;. I imagine the photos with &quot;Y characteristic&quot;. I would like the catalogue to highlight &quot;Z&quot;, etc.\" ><\/textarea>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                        <\/div>\n                        \n                        \n            <div class=\"col-md-4 col-sm-12 col-12\">\n                <div class=\"form-tip sticky-top\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" class=\"form-tip-img\" \/>\n                    <p class=\"form-tip-title\">Is it necessary to have a Shopify account?<\/p>\n                    <p>No.<\/p>\n<p>If you don&#8217;t have one, we can manage it for you and transfer administration to you once your store is created (or whenever you want).<\/p>\n<p>If you already have a Shopify account, we&#8217;ll ask you for developer access at the end to install your store.<\/p>\n\n                <\/div>\n            <\/div>\n        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-10\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-12\">Finish<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-12\" stage=\"stage-3\" class=\"sub-step  sub-step-11 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                        <div class=\"field mb-4 d-flex flex-wrap\" max-selected=\"3\">\n                            <label class=\"form-label w-100 d-block mb-3\" for=\"field-storeActualShopifyAccount\">Is your current store a Shopify store? <\/label>\n                            \n                            <div class=\"form-check form-radio w-auto\">\n                                <input class=\"form-radio-input required notverified\" type=\"radio\" value=\"Yes\" id=\"field-storeActualShopifyAccount-0\" name=\"field-storeActualShopifyAccount\">\n                                <label class=\"form-radio-label\" for=\"field-storeActualShopifyAccount-0\">\n                                    Yes\n                                <\/label>\n                            <\/div>\n                        \n                            <div class=\"form-check form-radio w-auto\">\n                                <input class=\"form-radio-input required notverified\" type=\"radio\" value=\"No\" id=\"field-storeActualShopifyAccount-1\" name=\"field-storeActualShopifyAccount\">\n                                <label class=\"form-radio-label\" for=\"field-storeActualShopifyAccount-1\">\n                                    No\n                                <\/label>\n                            <\/div>\n                        \n                        <\/div>\n                    \n                    <div class=\"field  mb-4\" style=\"display:none;\">\n                        <label class=\"form-label\" for=\"field-storeActualLink\">Send us the link to your store: <\/label>\n                        \n                        \n                            <input type=\"text\" class=\"form-control validate-url required notverified\" id=\"field-storeActualLink\" name=\"field-storeActualLink\" placeholder=\"Eg: https:\/\/mystore.com\" required>\n                        \n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                        <\/div>\n                        \n                        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-11\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-13\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-13\" stage=\"stage-3\" class=\"sub-step  sub-step-12 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field-storeImproveDesc\">Please indicate in your own words what you would like to improve in your store: <\/label>\n                        \n                        <textarea class=\"form-control required notverified\" id=\"field-storeImproveDesc\" name=\"field-storeImproveDesc\" placeholder=\"For example: In terms of structure: the product catalog is confusing because there are no filters. In terms of visual design: The colors don't match my brand. Other.\" required><\/textarea>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                        <\/div>\n                        \n                        \n            <div class=\"col-md-4 col-sm-12 col-12\">\n                <div class=\"form-tip sticky-top\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" class=\"form-tip-img\" \/>\n                    \n                    <p>We suggest you indicate areas for improvement,<br \/>\nfor example:<\/p>\n<p>Visual design<br \/>\nNavigation structure and logic<br \/>\nPurchase flow<br \/>\nHomepage or Initial Screen<br \/>\nCommunication texts and messages<\/p>\n\n                <\/div>\n            <\/div>\n        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-12\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-14\">Continue<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-14\" stage=\"stage-3\" class=\"sub-step  sub-step-13 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"pe-md-4 pe-sm-auto pe-auto col-md-8 col-sm-12 col-12\">\n                            \n                            \n                            \n                            \n                            \n                            \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field-storeClientName\">What's your name? <\/label>\n                        \n                        <input type=\"text\" class=\"form-control required notverified\" id=\"field-storeClientName\" name=\"field-storeClientName\" placeholder=\"\" required>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                    <div class=\"field  mb-4\" >\n                        <label class=\"form-label\" for=\"field-storeClientEmail\">Please provide your email address. <\/label>\n                        \n                        <input type=\"email\" class=\"form-control validate-email unique required notverified\" id=\"field-storeClientEmail\" name=\"field-storeClientEmail\" placeholder=\"Eg: mail@mail.com\" required>\n                        <span class=\"error\"><\/span>\n                    <\/div>\n                \n                        <\/div>\n                        \n                        \n            <div class=\"col-md-4 col-sm-12 col-12\">\n                <div class=\"form-tip sticky-top\">\n                    <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/info.svg\" class=\"form-tip-img\" \/>\n                    <p class=\"form-tip-title\">Why are we asking you for this information?<\/p>\n                    <p>To contact you and make a tailored proposal, after we analyze the information you&#8217;re sharing with us.<\/p>\n\n                <\/div>\n            <\/div>\n        \n                    <\/div>\n\n                    \n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-continue\">\n                                <a href=\"#step-1-form-13\" class=\"step-back\"><img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/back.svg\" \/><\/a>\n                                <a class=\"btn btn-primary btn-next ms-3 disabled\" href=\"#step-1-form-15\">Finish<\/a>\n                            <\/div>\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0 box-save\" style=\"display:none;\">\n                                <button class=\"btn btn-primary btn-save ms-3\" href=\"\" type=\"button\">Save<\/button>\n                            <\/div>\n                        <\/div>\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-15\" stage=\"stage-3\" class=\"sub-step end-form sub-step-14 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row form-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\"col-12 text-center\">\n                            <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/uploads\/2024\/07\/pers-2.png\" alt=\"main image\" class=\"step-main-image\" \/>\n                            <h3 class=\"step-title\">We have successfully received your request<\/h3>\n                            <div class=\"step-description\"><p>We will contact you shortly via email to provide a quote or ask any additional questions if necessary.\r\n<br><br>\r\nThank you for choosing Xopifier!<\/p><\/div>\n                            \n                            \n                            \n                        <\/div>\n                        \n                        \n                    <\/div>\n\n                    \n\n                    \n                        <div class=\"row bottom-buttons\">\n                            <div class=\"col-12 text-center mt-md-5 mt-sm-0 mt-0\">\n                                <a class=\"btn btn-primary ms-3 direct-link\" href=\"https:\/\/www.xopifier.com\/en\/\">Go back to Xopifier<\/a>\n                            <\/div>\n                        <\/div>\n                    \n\n                    \n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n        <div id=\"step-1-form-16\" stage=\"stage-1|stage-2\" class=\"sub-step resume-form sub-step-15 use-progress-bar\" style=\"display: none;\">\n            <div class=\"row resume-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"col-12 px-md-4 px-sm-3 px-3\">\n                    \n                    <div class=\"row box\">\n                        <div class=\" col-12 position-relative\">\n                            <h3 class=\"resume-title\">You have completed the first step!<\/h3>\n                            <div class=\"resume-description mt-3 pe-md-5 pe-sm-0 pe-0\"><p>This is the information we'll use to create your store proposals:<\/p><\/div>\n                            <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/uploads\/2025\/05\/pers-3.png\" alt=\"main image\" class=\"step-main-image resume-image\" \/>\n                        <\/div>\n                        <div class=\"bordered-box col-12\">\n                            <div class=\"row\">\n                                \n        <div class=\"col-12\">\n            <div class=\"row masonry-container\">\n                \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\"> <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-1\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">My store will be called \"<span class=\"resume-field text\" field=\"currentStoreName\"><\/span>\"<\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-3\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        <p class=\"pt-1\">Current reference: <a class=\"resume-field url\" field=\" currentStoreLink\" href=\"\" target=\"_blank\" alt=\"Current reference:\">Current reference:<\/a><\/p>\n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">Description of my store <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-4\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                    <div class=\"resume-field text\" field=\"currentStoreDescription\"><\/div>\n                                \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">Branding material <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-5\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                <div class=\"resume-field uploads mt-2\" field=\"currentStoreLogo\"><\/div>\n                            \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">What is my client like? <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-6\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                    <div class=\"resume-field text\" field=\"currentStoreClients\"><\/div>\n                                \n                                <ul class=\"resume-field radios\" field=\"currentStoreClientFormality\"><\/ul>\n                            \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">Product categories <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-7\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                    <ul class=\"resume-field text\" field=\"currentStoreProductCategory\"><\/ul>\n                                \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">Most popular products <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-8\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                <ul class=\"resume-field storeProducts\" field=\"storeProducts\"><\/ul>\n            \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">What do I want to communicate? <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-9\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                <ul class=\"resume-field checkboxes\" field=\"currentStorePhrases\"><\/ul>\n                            \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">My references <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-10\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                    <div class=\"resume-field text\" field=\"storeLikeWhat\"><\/div>\n                                \n                                    <div class=\"resume-field text\" field=\"storeLikeWhy\"><\/div>\n                                \n                                    <div class=\"resume-field text\" field=\"storeLikePages\"><\/div>\n                                \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">Already have a Shopify account? <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-11\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                <ul class=\"resume-field radios\" field=\"storeShopifyAccount\"><\/ul>\n                            \n                                    <div class=\"resume-field text\" field=\"storeShopifyAccountDesc\"><\/div>\n                                \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">Is your current store a Shopify store? <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-12\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                <ul class=\"resume-field radios\" field=\"storeActualShopifyAccount\"><\/ul>\n                            \n                                <a href=\"\" class=\"resume-field url\" target=\"_blank\" field=\"storeActualLink\"><\/a>\n                            \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">What do you want to improve about your store? <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-13\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                    <div class=\"resume-field text\" field=\"storeImproveDesc\"><\/div>\n                                \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\">Personal data <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-14\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                                    <div class=\"resume-field text\" field=\"storeClientName\"><\/div>\n                                \n                                <ul class=\"resume-field text\" field=\"storeClientEmail\"><\/ul>\n                            \n                    <\/div>\n                <\/div>\n            \n                <div class=\"col-md-6 col-sm-12 col-12 form-item\">\n                    <div class=\"bordered-box-inner\">\n                        <div class=\"d-flex justify-content-between align-items-start gap-3\">\n                            <h4 class=\"mb-3\"> <\/h4>\n                            <a class=\"btn-edit\" href=\"#step-1-form-15\" title=\"Edit\">Edit<\/a>\n                        <\/div>\n                        \n                    <\/div>\n                <\/div>\n            \n            <\/div>\n        <\/div>\n    \n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"row\">\n                        <div class=\"col-12 text-center mt-5\">\n                            <button class=\"btn btn-primary ms-3 btn-confirm\" type=\"button\">Confirm<\/button>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n            <div class=\"row price-box\" style=\"display:none;\">\n                <div class=\"col-12 px-0\">\n\n                    <div class=\"row px-md-1 px-sm-0 px-0\">\n                        <div class=\"col-md-8 col-sm-12 col-12 position-relative\">\n                            <h3 class=\"resume-title\">Everything is ready to start your store!<\/h3>\n                            <div class=\"resume-description mt-3 pe-md-5 pe-sm-0 pe-0\"><p>Here you can see what's included in Your Store 1.0, with the option to add products, sections, or languages \u200b\u200bif needed. To get started, you only need to cover an advance of <b>$120<\/b>. In a few days, you'll receive two personalized proposals for your store.<\/p><\/div>\n                        <\/div>\n                        <div class=\"col-md-4 col-sm-12 col-12 mt-md-0 mt-sm-5 mt-5 position-relative\">\n                            <img decoding=\"async\" src=\"https:\/\/www.xopifier.com\/wp-content\/uploads\/2025\/05\/mona-cierre.png\" alt=\"main image\" class=\"step-main-image resume-image\" \/>\n                        <\/div>\n                    <\/div>\n                \n                    <div class=\"row box mx-1\">\n                        <div class=\"bordered-box col-md-7 col-sm-12 col-12 order-md-1 order-sm-2 order-2\">\n                            \n                            <h3 class=\"border-top pt-3 mb-3 small\">Your Store <site_version>{{site_version}}<\/site_version> includes:<\/h3>\n\n                            <div class=\"row\">\n                                <div class=\"col-md-9 col-sm-9 col-9 base-service-description\">\n                                    <h4 class=\"my-0\">Base settings<\/h4>\n<ul>\n<li><strong>Custom design for your brand<\/strong><br \/>\n<small>Choose between two visual proposals tailored to your brand.<\/small><\/li>\n<li><strong>Essential content optimized for SEO<\/strong><br \/>\n<small>Copy text and base messages focused on Google and ChatGPT ranking.<\/small><\/li>\n<li><strong>Comprehensive setup in Shopify*<\/strong>\n<ul>\n<li><small>Homepage<\/small><\/li>\n<li><small>Details for up to 10 products<\/small><\/li>\n<li><small>Product categories and collections<\/small><\/li>\n<li><small>About Us page<\/small><\/li>\n<li><small>Contact page<\/small><\/li>\n<li><small>Shipping, returns, and exchange policies<\/small><\/li>\n<li><small>Custom cart and checkout flow with online payments<\/small><\/li>\n<\/ul>\n<p><small class=\"smaller d-block mt-3\">* You&#8217;ll just need to set up your payment and shipping methods. We&#8217;ll guide you step by step to make it seamless.<\/small><\/li>\n<li><strong>Free add-ons<\/strong>\n<ul>\n<li><small>Promotional form to capture emails<\/small><\/li>\n<li><small>Button to open WhatsApp\u00ae chat<\/small><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n                                <\/div>\n                                <div class=\"col-md-3 col-sm-3 col-3 text-end\">\n                                    <input type=\"hidden\" class=\"base-price\" name=\"base-price\" value=\"980\" \/>\n                                    <h4 class=\"fw-semibold mt-3\">$980<\/h4>\n                                <\/div>\n                            <\/div>\n\n                            <h4 class=\"border-top pt-3 mb-3 mt-4\">Optional Extras: <br><small>(You can add these later or right now)<\/small><\/h4>\n\n                            \n                \n                    <h4 class=\"service-subtitle mb-0  mb-1\">\n                        Include more products in your store \n                    <\/h4>\n                \n            \n                \n                    <div class=\"row py-1\">\n                        <div class=\"col-9 base-service-description optional-services position-relative\">\n                            <div class=\"form-check w-auto  \">\n                                <input class=\"form-check-input \" type=\"checkbox\" value=\"extra_product|Add products\" id=\"service-1\" name=\"field-services[]\">\n                                <label class=\"form-check-label \" for=\"service-1\">\n                                    Add products <div class=\"d-inline-block\" title=\"Select this option if you want us to create more than 10 products for you in your <b>Store 1.0.<\/b>\" data-bs-toggle=\"tooltip\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-207\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/help-with-circle.svg\" alt=\"\" width=\"14\" height=\"14\" \/><\/div>\n                                <\/label>\n                            <\/div>\n                            \n                            \n                    <div class=\"update-form\">\n                        <input type=\"text\" min=\"10\" name=\"update-service-price\" class=\"update-service-price\" previous-qty=\"10\" value=\"10\" price-per-unit=\"12\" \/> \n                        <button class=\"btn-update\" name=\"update-service\" service-id=\"1\">Update<\/button>\n                    <\/div>\n                \n                            \n                        <\/div>\n                        <div class=\"col-3 text-end d-flex align-items-start justify-content-end\">\n                            <input type=\"hidden\" class=\" service-price service-price-1\" name=\"service-price-1\" value=\"0\" \/>\n                            <h4 class=\"d-none fw-semibold mb-0\">$0<\/h4>\n                        <\/div>\n                    <\/div>\n                \n            \n                \n                    <h4 class=\"service-subtitle mb-0 border-top border-1 mt-3 pt-3 mb-1\">\n                        Shop in other languages \n                    <\/h4>\n                \n            \n                \n                    <div class=\"row py-1\">\n                        <div class=\"col-9 base-service-description optional-services position-relative\">\n                            <div class=\"form-check  language-form-check base-lang \">\n                                <input class=\"form-check-input language-selector\" type=\"checkbox\" value=\"|English\" id=\"service-3\" name=\"field-services[]\">\n                                <label class=\"form-check-label \" for=\"service-3\">\n                                    English <div class=\"d-inline-block\" title=\"It is the full version of your <b>Store 1.0<\/b> (texts, slogan, descriptions, buttons, navigation menus, etc.) in English.\" data-bs-toggle=\"tooltip\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-207\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/help-with-circle.svg\" alt=\"\" width=\"14\" height=\"14\" \/><\/div>\n                                <\/label>\n                            <\/div>\n                            \n                    <div class=\"form-check language-form-check w-100 position-relative\">\n                        <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"language-service-3\" name=\"field-services[]\">\n                        <label class=\"form-check-label\" for=\"language-service-3\">\n                            Other\n                        <\/label>\n                        <div class=\"position-absolute\" id=\"language-selector-box\" style=\"display: none;\">\n                            <div class=\"language-selector-div\">\n                                <div class=\"lang-div\" id=\"lang-1\" value=\"Franc\u00e9s\">Franc\u00e9s<\/div><div class=\"lang-div\" id=\"lang-2\" value=\"Portugu\u00e9s\">Portugu\u00e9s<\/div><div class=\"lang-div\" id=\"lang-3\" value=\"Italiano\">Italiano<\/div><div class=\"lang-div\" id=\"lang-4\" value=\"Alem\u00e1n\">Alem\u00e1n<\/div><div class=\"lang-div separator\"><\/div><div class=\"lang-div\" id=\"lang-5\" value=\"Abkhaz\">Abkhaz<\/div><div class=\"lang-div\" id=\"lang-6\" value=\"Acehnese\">Acehnese<\/div><div class=\"lang-div\" id=\"lang-7\" value=\"Acholi\">Acholi<\/div><div class=\"lang-div\" id=\"lang-8\" value=\"Afar\">Afar<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n                            \n                            \n                        <\/div>\n                        <div class=\"col-3 text-end d-flex align-items-start justify-content-end\">\n                            <input type=\"hidden\" class=\"language-selector service-price service-price-3\" name=\"service-price-3\" value=\"30%\" \/>\n                            <h4 class=\"d-none fw-semibold mb-0\">$30%<\/h4>\n                        <\/div>\n                    <\/div>\n                \n            \n                \n                    <h4 class=\"service-subtitle mb-0 border-top border-1 mt-3 pt-3 mb-1\">\n                        Additional sections \n                    <\/h4>\n                \n            \n                \n                    <div class=\"row py-1\">\n                        <div class=\"col-9 base-service-description optional-services position-relative\">\n                            <div class=\"form-check   \">\n                                <input class=\"form-check-input \" type=\"checkbox\" value=\"reviews|Reviews\" id=\"service-5\" name=\"field-services[]\">\n                                <label class=\"form-check-label fw-semibold\" for=\"service-5\">\n                                    Reviews <div class=\"d-inline-block\" title=\"These are your customers&apos; comments and recommendations on particular products or your store in general.\" data-bs-toggle=\"tooltip\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-207\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/help-with-circle.svg\" alt=\"\" width=\"14\" height=\"14\" \/><\/div>\n                                <\/label>\n                            <\/div>\n                            \n                            \n                            \n                        <\/div>\n                        <div class=\"col-3 text-end d-flex align-items-start justify-content-end\">\n                            <input type=\"hidden\" class=\" service-price service-price-5\" name=\"service-price-5\" value=\"129\" \/>\n                            <h4 class=\"d-none fw-semibold mb-0\">$129<\/h4>\n                        <\/div>\n                    <\/div>\n                \n            \n                \n                    <div class=\"row py-1\">\n                        <div class=\"col-9 base-service-description optional-services position-relative\">\n                            <div class=\"form-check   \">\n                                <input class=\"form-check-input \" type=\"checkbox\" value=\"faqs|FAQs\" id=\"service-6\" name=\"field-services[]\">\n                                <label class=\"form-check-label fw-semibold\" for=\"service-6\">\n                                    FAQs <div class=\"d-inline-block\" title=\"These are the &quot;Frequently Asked Questions.&quot; Recommended if you think you should have a place to answer any questions about your products, shipping, payment methods, etc.\" data-bs-toggle=\"tooltip\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-207\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/help-with-circle.svg\" alt=\"\" width=\"14\" height=\"14\" \/><\/div>\n                                <\/label>\n                            <\/div>\n                            \n                            \n                            \n                        <\/div>\n                        <div class=\"col-3 text-end d-flex align-items-start justify-content-end\">\n                            <input type=\"hidden\" class=\" service-price service-price-6\" name=\"service-price-6\" value=\"99\" \/>\n                            <h4 class=\"d-none fw-semibold mb-0\">$99<\/h4>\n                        <\/div>\n                    <\/div>\n                \n            \n                \n                    <div class=\"row py-1\">\n                        <div class=\"col-9 base-service-description optional-services position-relative\">\n                            <div class=\"form-check   custom-box\">\n                                <input class=\"form-check-input \" type=\"checkbox\" value=\"custom|Additional page\" id=\"service-7\" name=\"field-services[]\">\n                                <label class=\"form-check-label fw-semibold\" for=\"service-7\">\n                                    Additional page <div class=\"d-inline-block\" title=\"Includes an additional page or section with custom design and up to 5 blocks of content provided by the client.\" data-bs-toggle=\"tooltip\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-207\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/help-with-circle.svg\" alt=\"\" width=\"14\" height=\"14\" \/><\/div>\n                                <\/label>\n                            <\/div>\n                            \n                            \n                            \n                                <div class=\"custom-box-container ps-4\" style=\"display:none;\">\n                                    <p class=\"mb-2\"><small>Briefly describe what this additional page will contain (you can provide more details later)<\/small><\/p>\n                                    <textarea class=\"form-control\" style=\"height: auto!important;\" rows=\"2\" name=\"field-custom-page\" placeholder=\"Eg: We want to include a section with images and descriptions of our artisanal process.\"><\/textarea>\n                                <\/div>\n                            \n                        <\/div>\n                        <div class=\"col-3 text-end d-flex align-items-start justify-content-end\">\n                            <input type=\"hidden\" class=\" service-price service-price-7\" name=\"service-price-7\" value=\"169\" \/>\n                            <h4 class=\"d-none fw-semibold mb-0\">$169<\/h4>\n                        <\/div>\n                    <\/div>\n                \n            \n                \n                    <h4 class=\"service-subtitle mb-0 border-top border-1 mt-3 pt-3 mb-1\">\n                        Setting up payment and shipping methods <div class=\"d-inline-block\" title=\"Includes personalized assistance to set up payments and shipping directly in Shopify.\" data-bs-toggle=\"tooltip\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-207\" src=\"https:\/\/www.xopifier.com\/wp-content\/themes\/tiendas\/img\/help-with-circle.svg\" alt=\"\" width=\"14\" height=\"14\" \/><\/div>\n                    <\/h4>\n                \n            \n                \n                    <div class=\"row py-1\">\n                        <div class=\"col-9 base-service-description optional-services position-relative\">\n                            <div class=\"form-check   \">\n                                <input class=\"form-check-input \" type=\"checkbox\" value=\"payment_methods|Te ayudamos a dejar listos los m\u00e9todos de pago y env\u00edo, configur\u00e1ndolos contigo de forma guiada y segura.\" id=\"service-9\" name=\"field-services[]\">\n                                <label class=\"form-check-label \" for=\"service-9\">\n                                    Te ayudamos a dejar listos los m\u00e9todos de pago y env\u00edo, configur\u00e1ndolos contigo de forma guiada y segura. \n                                <\/label>\n                            <\/div>\n                            \n                            \n                            \n                        <\/div>\n                        <div class=\"col-3 text-end d-flex align-items-start justify-content-end\">\n                            <input type=\"hidden\" class=\" service-price service-price-9\" name=\"service-price-9\" value=\"149\" \/>\n                            <h4 class=\"d-none fw-semibold mb-0\">$149<\/h4>\n                        <\/div>\n                    <\/div>\n                \n            \n                            <input type=\"hidden\" value=\"\" class=\"field-services-prices\" name=\"field-services-price\">\n\n                            <h4 class=\"border-bottom pb-0 mb-3 mt-0\">&nbsp;<\/h4>\n\n                            <div class=\"row py-1\">\n                                <div class=\"col-8\">\n                                    \n                                <\/div>\n                                <div class=\"col-4 text-end\">\n                                    <input type=\"hidden\" class=\"selected-scenery\" name=\"field-selected-scenery\" value=\"\" \/>\n                                    <input type=\"hidden\" class=\"products-qty\" name=\"field-products-qty\" value=\"10\" \/>\n                                    <input type=\"hidden\" class=\"total-price\" name=\"field-total-price\" value=\"980\" \/>\n                                    <span>Total:<\/span> \n                                    <h3 class=\"d-inline-block mb-0\"><small class=\"display-total-price\">$980<\/small><\/h3>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"col-md-5 col-sm-12 col-12 order-md-2 order-sm-1 order-1 px-md-3 px-sm-0 px-0\">\n                            <div class=\"payment-box sticky-top ms-md-3 ms-sm-0 ms-0 mb-md-0 mb-sm-5 mb-5\">\n                                <div class=\"total-cost d-flex justify-content-between mb-2\">\n                                    <p class=\"mb-0\"><small>Total cost of your store<\/small> <site_version><\/site_version><\/p>\n                                    <span class=\"display-total-price fw-semibold\">$980<\/span>\n                                <\/div>\n                                <div class=\"first-payment d-flex justify-content-between mb-2\">\n                                    <p class=\"mb-0\"><small>Deposit to activate Xopifier<\/small><\/p>\n                                    <span class=\"display-first-price fw-semibold\" price=\"120\">$120<\/span>\n                                <\/div>\n                                <div class=\"payment-description mb-3\">\n                                    <p class=\"mb-0\">Once your store is complete and approved by you, you can pay the remainder (<strong>$<span class=\"remainder-price\">860<\/span><\/strong>) or choose the <strong>Subscriber plan<\/strong> to pay in monthly installments.<\/p>\n                                <\/div>\n                                <button type=\"button\" class=\"btn btn-primary btn-finish w-100\">Pay a deposit of $120 and continue<\/button>\n                                <p class=\"mt-3 text-center px-5\"><small>The next step is to register and make your payment securely.<\/small><\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"row d-md-flex d-sm-none d-none\">\n                        <div class=\"col-lg-6 col-md-8 col-sm-12 col-12 offset-lg-3 offset-md-2 offset-sm-0 offset-0 text-center mt-4 pt-2\">\n                            <p class=\"text-center mt-3\">The $120 deposit confirms the service and the start of designing your shop proposals. If you are not satisfied with the proposals, you can request a refund.<\/p>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    \n                                \n        <div class=\"user-form-modal\" logged-in=\"0\" style=\"display: none;\">\n            <div class=\"user-form-modal-box\">\n                <div class=\"form-loader\" style=\"display: none;\"><\/div>\n                <div class=\"row\">\n                    <div class=\"col-md-6 col-sm-12 col-12\">\n                        <h3><small>Register<\/small><\/h3>\n                        <p class=\"mt-2 mb-3\">With this same information, you can log in to Xopifier to review the design proposals we'll create for your store.<\/p>\n                        \n                        <div class=\"field mb-3\">\n                            <label class=\"form-label\" for=\"field-firstname\">Firstname:<\/label>\n                            <input type=\"text\" autocomplete=\"false\" class=\"form-control required notverified\" id=\"field-firstname\" name=\"field-firstname\" required \/>\n                            <span class=\"error\"><\/span>\n                        <\/div>\n\n                        <div class=\"field mb-3\">\n                            <label class=\"form-label\" for=\"field-lastname\">Lastname:<\/label>\n                            <input type=\"text\" autocomplete=\"false\" class=\"form-control required notverified\" id=\"field-lastname\" name=\"field-lastname\" required \/>\n                            <span class=\"error\"><\/span>\n                        <\/div>\n\n                        <div class=\"field mb-3\">\n                            <label class=\"form-label\" for=\"field-useremail\">Email:<\/label>\n                            <input type=\"email\" autocomplete=\"false\" class=\"form-control required notverified\" id=\"field-useremail\" name=\"field-useremail\" required \/>\n                            <span class=\"error\"><\/span>\n                        <\/div>\n\n                        <div class=\"mb-md-3 mb-sm-3 mb-2 pb-2\">\n                            <div class=\"field mb-3\">\n                                <label class=\"form-label\" for=\"field-userpass\">Password:<\/label>\n                                <input type=\"password\" autocomplete=\"new-password\" class=\"form-control required notverified\" id=\"field-userpass\" name=\"field-userpass\" required \/>\n                                <span class=\"error\"><\/span>\n                            <\/div>\n\n                            <div class=\"field mb-3\">\n                                <label class=\"form-label\" for=\"field-userpass-confirm\">Confirm Password:<\/label>\n                                <input type=\"password\" autocomplete=\"new-password\" class=\"form-control required notverified\" id=\"field-userpass-confirm\" name=\"field-userpass-confirm\" required \/>\n                                <span class=\"error\"><\/span>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"text-center\">\n                            <button class=\"btn btn-primary btn-create\" type=\"submit\">Continue with the payment<\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-md-6 col-sm-12 col-12\">\n                        <h3 class=\"mb-3\"><small><strong>Deposit to activate Xopifier<\/strong><\/small><\/h3>\n                        <div class=\"payment-box\">\n                            <h4 class=\"fw-bold mb-0\">Total to pay:<\/h4>\n                            <h4 class=\"mb-0 fw-semibold\">$120.00<\/h4>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    \n                            <\/form>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"step-1.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-2657","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.xopifier.com\/en\/wp-json\/wp\/v2\/pages\/2657","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xopifier.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.xopifier.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.xopifier.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xopifier.com\/en\/wp-json\/wp\/v2\/comments?post=2657"}],"version-history":[{"count":1,"href":"https:\/\/www.xopifier.com\/en\/wp-json\/wp\/v2\/pages\/2657\/revisions"}],"predecessor-version":[{"id":2736,"href":"https:\/\/www.xopifier.com\/en\/wp-json\/wp\/v2\/pages\/2657\/revisions\/2736"}],"wp:attachment":[{"href":"https:\/\/www.xopifier.com\/en\/wp-json\/wp\/v2\/media?parent=2657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}