{"id":2,"date":"2024-01-29T21:20:46","date_gmt":"2024-01-29T20:20:46","guid":{"rendered":"https:\/\/cuenti.xyz\/?page_id=2"},"modified":"2024-01-30T16:46:25","modified_gmt":"2024-01-30T15:46:25","slug":"pagina-ejemplo","status":"publish","type":"page","link":"https:\/\/cuenti.xyz\/index.php\/pagina-ejemplo\/","title":{"rendered":"P\u00e1gina de ejemplo"},"content":{"rendered":"\n<p>Esta es una p\u00e1gina de ejemplo. Es diferente a una entrada del blog porque permanecer\u00e1 en un solo lugar y aparecer\u00e1 en la navegaci\u00f3n de tu sitio (en la mayor\u00eda de los temas). La mayor\u00eda de las personas comienzan con una p\u00e1gina \u00abAcerca de\u00bb que les presenta a los visitantes potenciales del sitio. Podr\u00edas decir algo as\u00ed:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u00a1Hola! Soy camarero de d\u00eda, aspirante a actor de noche y esta es mi web. Vivo en Mairena del Alcor, tengo un perro que se llama Firulais y me gusta el rebujito. (Y las tardes largas con caf\u00e9).<\/p>\n<\/blockquote>\n\n\n\n<p>\u2026o algo as\u00ed:<\/p>\n\n\n    <style>\n    .input-cuenti {\n      height: 40px;\n      border-radius: 20px;\n      border: rgb(220, 220, 220);\n      padding: 0px 20px;\n      position: relative;\n      width: 100%;\n    }\n\n    .img-cuenti {\n      display: none;\n    }\n\n    .empty-container {\n      width: 50%;\n      display: none;\n    }\n\n    .right-container {\n      display: flex;\n      flex-direction: column;\n      align-items: left;\n      width: 100%;\n    }\n\n    .btn-submit {\n      min-height: 40px;\n      width: 100%;\n      border-radius: 20px;\n      border: none;\n      color: #003d88;\n      background-color: #f9c626;\n      cursor: pointer;\n      text-align: center;\n    }\n\n    .empty-container-submit {\n      display: none;\n    }\n\n    .title-cuenti {\n      color: #f9c626;\n      font-weight: lighter;\n      text-transform: uppercase;\n      font-size: 25px;\n      margin-top: 0;\n    }\n\n    .text-cuenti {\n      margin: 20px 0px;\n      color: white;\n      font-weight: lighter;\n      font-size: 18px;\n    }\n\n    .icons-cuenti-mail {\n      position: absolute;\n      height: 15px;\n      width: auto;\n      right: 15px;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n    .icons-cuenti-person {\n      position: absolute;\n      height: 20px;\n      width: auto;\n      right: 15px;\n      top: 50%;\n      transform: translateY(-50%);\n    }\n\n\n    @media (min-width: 900px) {\n      .img-cuenti {\n        display: block;\n        position: absolute;\n        bottom: 0;\n        left: -50px;\n        height: 350px;\n      }\n\n      .empty-container {\n        width: 50%;\n        display: block;\n      }\n\n      .right-container {\n        width: auto;\n      }\n\n      .btn-submit {\n        width: 30%;\n      }\n\n      .empty-container-submit {\n        display: block;\n        width: 70%;\n      }\n    }\n  <\/style>\n\n  <div style=\"max-width: 1000px; position: relative\" id=\"formcontainer\">\n    <img decoding=\"async\" class=\"img-cuenti\" src=\"https:\/\/cuenti.com\/wp-content\/uploads\/2023\/12\/mockups-web.png\" alt=\"cuenti-boletin\" \/>\n    <div style=\"\n          background: linear-gradient(to right, #001e43, #003d88);\n          border-radius: 20px;\n          padding: 20px;\n          display: flex;\n        \">\n      <div class=\"empty-container\" style=\"width: 50%\"><\/div>\n      <div class=\"right-container\" id=\"containerprincipal\">\n        <div>\n          <h3 class=\"title-cuenti\">\n            \u00danete a la exclusiva comunidad de\n            <span style=\"font-weight: bold\">CUENTI<\/span>\n          <\/h3>\n          <p class=\"text-cuenti\">\n            \u00a1D\u00f3nde la magia de la contabilidad transforma tu empresa y descubre c\u00f3mo mantener tu negocio en perfecto\n            orden y control para potenciar tus ventas! \ud83d\ude80\n          <\/p>\n        <\/div>\n        <div style=\"display: flex; width: 100%; flex-direction: column; gap: 20px\">\n          <div style=\"width: 100%; position: relative; display: flex\">\n            <input class=\"input-cuenti\" type=\"text\" placeholder=\"Ingresa tu nombre\" id=\"nombre\" \/>\n            <img decoding=\"async\" src=\"https:\/\/cuenti.com\/wp-content\/uploads\/2023\/12\/person-icon-04.svg\" alt=\"person-icon\"\n              class=\"icons-cuenti-person\" \/>\n          <\/div>\n          <div style=\"width: 100%; position: relative; display: flex\">\n            <input class=\"input-cuenti\" type=\"text\" placeholder=\"Ingresa tu correo\" id=\"correo\" \/>\n            <img decoding=\"async\" src=\"https:\/\/cuenti.com\/wp-content\/uploads\/2023\/12\/mail-icon-03.svg\" alt=\"mail-icon\"\n              class=\"icons-cuenti-mail\" \/>\n          <\/div>\n\n          <div style=\"display: flex; width: 100%\">\n            <div class=\"empty-container-submit\"><\/div>\n            <button class=\"btn-submit\" type=\"button\" onclick=\"botonclicked()\">Suscribirme<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n<script>\n\n  const listNegocioRelacion = [\n    { \"bd\": 2, \"brevo\": 83 },\n    { \"bd\": 3, \"brevo\": 84 },\n    { \"bd\": 4, \"brevo\": 85 },\n    { \"bd\": 5, \"brevo\": 86 },\n    { \"bd\": 6, \"brevo\": 87 },\n    { \"bd\": 7, \"brevo\": 88 },\n    { \"bd\": 8, \"brevo\": 89 },\n    { \"bd\": 9, \"brevo\": 90 },\n    { \"bd\": 10, \"brevo\": 91 },\n    { \"bd\": 11, \"brevo\": 92 },\n  ]\n\n\n  async function botonclicked() {\n\n    let objectToSave = {\n      nombre: \"\",\n      correo: \"\"\n    }\n\n    let nombre = document.getElementById('nombre').value;\n    let correo = document.getElementById('correo').value;\n\n    if (!nombre || !correo) {\n      alert(\"por favor ingrese todos los campos requeridos\");\n      return;\n    }\n\n    if (!ValidateEmail(correo)) {\n      alert(\"Correo ingresado no valido!\");\n      return;\n    }\n\n    let datasaved = localStorage.getItem(\"modalvalue\");\n    if (datasaved) {\n      let modaldata = JSON.parse(datasaved);\n      let nickname = nombre.split(' ')[0];\n      let bodydata = {\n        email: correo,\n        attributes: {\n          NOMBRE: nombre,\n          CODIGO_WHATSAPP: modaldata.calling_code,\n          CIUDAD: modaldata.city,\n          PAIS: modaldata.country,\n          OTRO_TIPO_DE_NEGOCIO: modaldata.reference,\n          NICKNAME: nickname,\n          URL: window.location.pathname\n        }\n      }\n\n      listNegocioRelacion.forEach(item => {\n\n        if (item.bd === parseInt(modaldata.opcion)) {\n          bodydata[\"listIDs\"] = [item.brevo, 28];\n        }\n\n      });\n\n      if (modaldata.opcion === '11') {\n        bodydata.attributes[\"OTRO_TIPO_DE_NEGOCIO\"] = modaldata.otrocomercio;\n      }\n\n      try {\n        const response = await fetch('https:\/\/api-conexion.cuenti.com\/EM\/createContact', {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application\/json',\n          },\n          body: JSON.stringify(bodydata),\n        });\n\n        if (!response.ok) {\n          throw new Error(`HTTP error! Status: ${response.status}`);\n        }\n\n        const jsonResponse = await response.json();\n        console.log(jsonResponse);\n\n      } catch (error) {\n        console.error('error llamando api crear contacto en brevo:' + error.message);\n      }\n\n      objectToSave.nombre = nombre;\n      objectToSave.correo = correo;\n      localStorage.setItem(\"formvalue\", JSON.stringify(objectToSave));\n\n      let nuevoContenido = \"\u00a1Gracias por suscribirte a nuestro boletin!\";\n      let miDiv = document.getElementById(\"containerprincipal\");\n      let miDiv2 = document.getElementById(\"formcontainer\");\n      let imagen = miDiv2.getElementsByTagName(\"img\")[0];\n      if (imagen) {\n        miDiv2.removeChild(imagen);\n      }\n\n      let nuevoParrafo = document.createElement(\"p\");\n      nuevoParrafo.innerHTML = nuevoContenido;\n\n      nuevoParrafo.classList.add(\"title-cuenti\");\n\n      miDiv.innerHTML = \"\";\n      miDiv.appendChild(nuevoParrafo);\n\n    } else {\n\n      objectToSave.nombre = nombre;\n      objectToSave.correo = correo;\n      localStorage.setItem(\"formvalue\", JSON.stringify(objectToSave));\n\n    }\n\n  }\n  function ValidateEmail(input) {\n\n    let validRegex = \/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$\/;\n\n    if (input.match(validRegex)) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  function mostrarForm() {\n    let form = document.getElementById(\"formcontainer\");\n    let dataJsonSaved = JSON.parse(localStorage.getItem(\"formvalue\"));\n    if (!dataJsonSaved || !dataJsonSaved.correo) {\n      form.style.display = \"block\";\n    } else {\n      form.style.display = \"none\";\n    }\n  }\n  mostrarForm();\n\n<\/script>\n\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>La empresa \u00abMariscos Recio\u00bb fue fundada por Antonio Recio Mata. Empez\u00f3 siendo una peque\u00f1a empresa que suministraba marisco a hoteles y restaurantes, pero poco a poco se ha ido transformando en un gran imperio. Mariscos Recio, el mar al mejor precio.<\/p>\n<\/blockquote>\n\n\n\n<p>Como nuevo usuario de WordPress, deber\u00edas ir a <a href=\"https:\/\/cuenti.xyz\/wp-admin\/\">tu escritorio<\/a> para borrar esta p\u00e1gina y crear nuevas p\u00e1ginas para tu contenido. \u00a1P\u00e1salo bien!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Esta es una p\u00e1gina de ejemplo. Es diferente a una entrada del blog porque permanecer\u00e1 en un solo lugar y aparecer\u00e1 en la navegaci\u00f3n de tu sitio (en la mayor\u00eda de los temas). La mayor\u00eda de las personas comienzan con una p\u00e1gina \u00abAcerca de\u00bb que les presenta a los visitantes potenciales del sitio. Podr\u00edas decir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/cuenti.xyz\/index.php\/wp-json\/wp\/v2\/pages\/2"}],"collection":[{"href":"https:\/\/cuenti.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuenti.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cuenti.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuenti.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":1,"href":"https:\/\/cuenti.xyz\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/cuenti.xyz\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/cuenti.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}