{"id":6507,"date":"2023-03-29T19:03:39","date_gmt":"2023-03-29T19:03:39","guid":{"rendered":"http:\/\/35.174.205.30\/?page_id=6507"},"modified":"2023-05-11T16:25:18","modified_gmt":"2023-05-11T16:25:18","slug":"get-quote-in-3-steps","status":"publish","type":"page","link":"https:\/\/peopaygo.com\/es\/get-quote-in-3-steps\/","title":{"rendered":"Obt\u00e9n tu cotizaci\u00f3n en 3 pasos"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"6507\" class=\"elementor elementor-6507\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-010495c e-flex e-con-boxed e-con e-parent\" data-id=\"010495c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65b2c8f elementor-widget__width-initial elementor-widget elementor-widget-shortcode\" data-id=\"65b2c8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><form x-ref=\"getQuoteForm\"\n      x-data=\"getQuoteForm({thankYouPage: '\/get-a-quote-thank-you', locale:'' , source: '', dynamicUrl: false })\"\n      @submit.prevent=\"onSubmit()\" method=\"POST\" class=\"flex justify-center items-center flex-col\" action=\"\">\n      <input type=\"hidden\" name=\"source\" value=\"\">\n    \n  <div x-show=\"selected === 1\" class=\"w-full border rounded-2xl border-gray-300\">\n    <div class=\"w-full flex items-center flex-col mt-14 gap-y-6\">\n      <p class=\"text-xl md:text-2xl lg:text-3xl text-third-250 font-semibold\">Obtenga su tarifa en 3 pasos<\/p>\n    <\/div>\n    <div class=\"w-full flex justify-center items-center mt-10 mb-8\">\n      <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center\">\n        <span class=\"text-white font-semibold\">1<\/span>\n      <\/div>\n      <span class=\"w-10 h-0.5 bg-primary\"><\/span>\n      <span class=\"w-10 h-0.5 bg-third-250\"><\/span>\n      <div class=\"w-8 h-8 rounded-full border-2 border-third-250 flex items-center justify-center\">\n        <span class=\"text-third-250 font-semibold\">2<\/span>\n      <\/div>\n      <span class=\"w-10 h-0.5 bg-third-250\"><\/span>\n      <span class=\"w-10 h-0.5 bg-third-250\"><\/span>\n      <div class=\"w-8 h-8 rounded-full border-2 border-third-250 flex items-center justify-center\">\n        <span class=\"text-third-250 font-semibold\">3<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 gap-y-6\">\n      <div class=\"w-full text-center\">\n        <p class=\"text-secondary-350 text-xl md:text-2xl lg:text-2xl font-semibold\">H\u00e1blanos de tu empresa<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 gap-y-6 px-5 md:px-16 lg:px-20\">\n      <div class=\"w-full block\">\n        <div\n  x-data=\"workSelector({ name: 'industry' })\"\n  x-on:work-selector.window=\"formData.industry = $event.detail\"\n  @click.away=\"closeListbox()\"\n  @keydown.escape=\"closeListbox()\"\n  class=\"relative\">\n      <div\n        class=\"inline-block w-full rounded-lg\">\n        <button\n          x-ref=\"button\"\n          type=\"button\"\n          @click=\"toggleListboxVisibility()\"\n          :aria-expanded=\"open\"\n          aria-haspopup=\"listbox\"\n          :class=\"{'border-red-300 text-red-900': errorFor('industry') }\"\n          class=\"w-full placeholder-gray-500 text-gray-500 p-1 rounded-lg border border-gray-300\"\n          \n        >\n          <input\n            id=\"industry\"\n            x-ref=\"search\"\n            x-init=\"$el.classList.remove('loading')\"\n            x-cloak\n :value=\"formData.industry\"\n            placeholder=\"Industria en la que trabajas\"\n            x-model=\"search\"\n            @focus=\"(e) => onFocus(e, 'industry')\"\n            @keydown.enter.stop.prevent=\"selectOption()\"\n            @keydown.arrow-up.prevent=\"focusPreviousOption()\"\n            @keydown.arrow-down.prevent=\"focusNextOption()\"\n            type=\"text\"\n            autocomplete=\"off\"\n            :class=\"{              'w-full h-full bg-transparent p-0 border-0 border-white focus:outline-0 focus:outline-none focus:border-none focus:ring-0 placeholder-gray-500 p-2 text-gray-500': true            }\"\n            \n          \/>\n        <\/button>\n  <\/div>\n  <template x-if=\"errorFor('industry')\">\n    <template x-for=\"error in errors.industry\">\n      <span class=\"text-sm text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n    <\/template>\n  <\/template>\n  <div\n    x-show=\"open\"\n    x-transition:leave=\"transition ease-in duration-100\"\n    x-transition:leave-start=\"opacity-100\"\n    x-transition:leave-end=\"opacity-0\"\n    x-cloak\n class=\"absolute z-10 w-full mt-1 bg-white rounded-md shadow-lg\"\n  >\n    <ul\n      x-ref=\"listbox\"\n      @keydown.enter.stop.prevent=\"selectOption()\"\n      @keydown.arrow-up.prevent=\"focusPreviousOption()\"\n      @keydown.arrow-down.prevent=\"focusNextOption()\"\n      role=\"listbox\"\n      :aria-activedescendant=\"focusedOptionIndex ? name + 'Option' + focusedOptionIndex : null\"\n      tabindex=\"-1\"\n      class=\"py-1 overflow-auto text-base leading-6 rounded-md shadow-xs max-h-60 focus:outline-none sm:text-sm sm:leading-5\"\n    >\n      <template x-for=\"(option, index) in options\" :key=\"index\">\n        <li\n          :id=\"name + 'Option' + focusedOptionIndex\"\n          @click=\"selectOption(index)\"\n          role=\"option\"\n          :aria-selected=\"focusedOptionIndex === index\"\n          :class=\"{ 'text-white bg-primary\/80': index === focusedOptionIndex, 'text-gray-900': index !== focusedOptionIndex }\"\n          class=\"relative py-2 pl-3 text-gray-900 cursor-default select-none pr-9 hover:bg-primary hover:text-white\"\n        >\n          <span x-text=\"option.description\"\n                :class=\"{ 'font-semibold': index === focusedOptionIndex, 'font-normal': index !== focusedOptionIndex }\"\n                class=\"block font-normal truncate\"\n          ><\/span>\n          <span\n            x-show=\"option.description === value\"\n            :class=\"{ 'text-white': index === focusedOptionIndex, 'text-primary': index !== focusedOptionIndex }\"\n            class=\"absolute inset-y-0 right-0 flex items-center pr-4 text-primary\"\n          >\n              <svg class=\"w-5 h-5\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\n                  <path fill-rule=\"evenodd\"\n                        d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n                        clip-rule=\"evenodd\"\/>\n              <\/svg>\n          <\/span>\n        <\/li>\n      <\/template>\n      <div\n        x-show=\"! options.length\"\n        x-text=\"errorMessage\"\n        class=\"px-3 py-2 font-semibold cursor-default select-none\">\n      <\/div>\n    <\/ul>\n  <\/div>\n<\/div>\n\n<style>\n  [x-cloak] { display: none !important; }\n  .loading { opacity: 0; transition: opacity 0.3s ease-in-out; }\n  .loading:not(.loading) { opacity: 1; }\n<\/style>      <\/div>\n      <div class=\"w-full\">\n        <input\n  id=\"business_name\"\n  type=\"text\"\n  name=\"business_name\"\n  x-ref=\"business_name\"\n  @focus=\"(e) => onFocus(e, 'business_name')\"\n  x-model=\"formData.business_name\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('business_name') }\"\n  placeholder=\"Nombre de tu empresa\" class=\"w-full border-gray-300 rounded-lg text-gray-500\" oninput=\"\"\n>\n<template x-if=\"errorFor('business_name')\">\n  <template x-for=\"error in errors.business_name\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 mb-4 gap-y-6\">\n      <div class=\"w-full flex items-center flex-col\">\n        <div class=\"w-full text-center\">\n          <button\n            class=\"w-1\/3 md:w-1\/4 lg:w-1\/4 my-5 bg-secondary-350 rounded-3xl px-2 py-2 text-xl font-semibold text-white\"\n            x-text=\"buttonLabel\"\n            type=\"button\"\n            @click=\"step1()\">\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-4 mb-14 px-10\">\n      <div class=\"w-full text-center\">\n        <p class='text-center text-gray-400 text-xs font-light'>\n          <b class='font-semibold'>No vendemos su informaci\u00f3n.<\/b> Al hacer clic en el siguiente paso, usted certifica y declara\n          que la informaci\u00f3n\n          proporcionada es verdadera, y a lo mejor de su conocimiento para que pueda ver sus tarifas pre-aprobados. Tambi\u00e9n consiente\n          a nuestra <a href=\"https:\/\/peopaygo.com\/es\/privacy-policy-2\/\" target=\"_blank\" rel=\"noopener\"><b\n              class='underline font-semibold'>Pol\u00edtica de privacidad<\/b><\/a>\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <div x-show=\"selected === 2\" class=\"w-full border rounded-2xl border-gray-300\">\n    <div class=\"w-full flex justify-center items-center mt-10 mb-8\">\n      <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center\">\n        <span class=\"text-white font-semibold\">1<\/span>\n      <\/div>\n      <span class=\"w-10 h-0.5 bg-primary\"><\/span>\n      <span class=\"w-10 h-0.5 bg-primary\"><\/span>\n      <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center\">\n        <span class=\"text-white font-semibold\">2<\/span>\n      <\/div>\n      <span class=\"w-10 h-0.5 bg-primary\"><\/span>\n      <span class=\"w-10 h-0.5 bg-third-250\"><\/span>\n      <div class=\"w-8 h-8 rounded-full border-2 border-third-250 flex items-center justify-center\">\n        <span class=\"text-third-250 font-semibold\">3<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 gap-y-6\">\n      <div class=\"w-full text-center\">\n        <p class=\"text-secondary-350 text-2xl font-semibold\">Un paso m\u00e1s\u2026<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 gap-y-6 px-5 md:px-16 lg:px-20\">\n      <div class=\"w-full\">\n        <input\n  id=\"full_name\"\n  type=\"text\"\n  name=\"full_name\"\n  x-ref=\"full_name\"\n  @focus=\"(e) => onFocus(e, 'full_name')\"\n  x-model=\"formData.full_name\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('full_name') }\"\n  placeholder=\"Tu nombre\" class=\"w-full border-gray-300 rounded-lg text-gray-500\"\n  oninput=\"\"\n>\n<template x-if=\"errorFor('full_name')\">\n  <template x-for=\"error in errors.full_name\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div class=\"w-full\">\n        <input\n  id=\"phone_number\"\n  type=\"text\"\n  name=\"phone_number\"\n  x-ref=\"phone_number\"\n  @focus=\"(e) => onFocus(e, 'phone_number')\"\n  x-model=\"formData.phone_number\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('phone_number') }\"\n  placeholder=\"Numero de telefono\" class=\"w-full border-gray-300 rounded-lg text-gray-500\" oninput=\"validateZipInput(this)\"\n>\n<template x-if=\"errorFor('phone_number')\">\n  <template x-for=\"error in errors.phone_number\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div class=\"w-full\">\n        <input\n  id=\"number_of_employees\"\n  type=\"text\"\n  name=\"number_of_employees\"\n  x-ref=\"number_of_employees\"\n  @focus=\"(e) => onFocus(e, 'number_of_employees')\"\n  x-model=\"formData.number_of_employees\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('number_of_employees') }\"\n  placeholder=\"Numero de empleados\" class=\"w-full border-gray-300 rounded-lg text-gray-500\" oninput=\"validateZipInput(this)\"\n>\n<template x-if=\"errorFor('number_of_employees')\">\n  <template x-for=\"error in errors.number_of_employees\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 mb-4 gap-y-6\">\n      <div class=\"w-full flex items-center flex-col\">\n        <div class=\"w-full text-center\">\n          <button\n            class=\"w-1\/3 md:w-1\/4 lg:w-1\/4 my-5 bg-secondary-350 rounded-3xl px-2 py-2 text-xl font-semibold text-white\"\n            x-text=\"buttonLabel2\"\n            type=\"button\"\n            @click=\"step2()\">\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <div x-show=\"selected === 3\" class=\"w-full border rounded-2xl border-gray-300\">\n    <div class=\"w-full flex justify-center items-center mt-10 mb-8\">\n      <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center\">\n        <span class=\"text-white font-semibold\">1<\/span>\n      <\/div>\n      <span class=\"w-10 h-0.5 bg-primary\"><\/span>\n      <span class=\"w-10 h-0.5 bg-primary\"><\/span>\n      <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center\">\n        <span class=\"text-white font-semibold\">2<\/span>\n      <\/div>\n      <span class=\"w-10 h-0.5 bg-primary\"><\/span>\n      <span class=\"w-10 h-0.5 bg-primary\"><\/span>\n      <div class=\"w-8 h-8 rounded-full bg-primary flex items-center justify-center\">\n        <span class=\"text-white font-semibold\">3<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 gap-y-6\">\n      <div class=\"w-full text-center\">\n        <p class=\"text-secondary-350 text-2xl font-semibold\">Ultimo paso!<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 gap-y-6 px-5 md:px-16 lg:px-20 mb-16\">\n      <div class=\"w-full\">\n        <input\n  id=\"estimated_weekly_payroll\"\n  type=\"text\"\n  name=\"estimated_weekly_payroll\"\n  x-ref=\"estimated_weekly_payroll\"\n  @focus=\"(e) => onFocus(e, 'estimated_weekly_payroll')\"\n  x-model=\"formData.estimated_weekly_payroll\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('estimated_weekly_payroll') }\"\n  placeholder=\"n\u00f3mina semanal\" class=\"w-full border-gray-300 rounded-lg text-gray-500\"\n  oninput=\"\"\n>\n<template x-if=\"errorFor('estimated_weekly_payroll')\">\n  <template x-for=\"error in errors.estimated_weekly_payroll\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n      <div class=\"w-full\">\n        <input\n  id=\"email\"\n  type=\"email\"\n  name=\"email\"\n  x-ref=\"email\"\n  @focus=\"(e) => onFocus(e, 'email')\"\n  x-model=\"formData.email\"\n  :class=\"{'border border-red-300 text-red-900': errorFor('email') }\"\n  placeholder=\"correo electr\u00f3nico\" class=\"w-full border-gray-300 rounded-lg text-gray-500\"\n  oninput=\"\"\n>\n<template x-if=\"errorFor('email')\">\n  <template x-for=\"error in errors.email\">\n    <span class=\"text-sm block text-red-600\" :id=\"`${error}-error`\" x-html=\"error\"><\/span>\n  <\/template>\n<\/template>\n\n\n<script>\n  function validateZipInput(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n  function validateOnlyNumber(input) {\n    input.value = input.value.replace(\/[^0-9]\/g, '');\n  }\n<\/script>\n      <\/div>\n    <\/div>\n    <div class=\"w-full flex items-center flex-col mt-6 mb-4 gap-y-6\">\n      <div class=\"w-full flex items-center flex-col\">\n        <div class=\"w-full text-center\">\n          <button\n            class=\"w-1\/3 md:w-1\/4 lg:w-1\/4 my-5 bg-third-250 rounded-3xl px-2 py-2 text-xl font-semibold text-white\"\n            x-text=\"buttonsubmit\"\n            :class=\"{'opacity-50': isSending}\"\n            :disabled=\"isSending\"\n            type=\"submit\">\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  \n<input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-6507","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/pages\/6507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/comments?post=6507"}],"version-history":[{"count":34,"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/pages\/6507\/revisions"}],"predecessor-version":[{"id":9761,"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/pages\/6507\/revisions\/9761"}],"wp:attachment":[{"href":"https:\/\/peopaygo.com\/es\/wp-json\/wp\/v2\/media?parent=6507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}