https://mesa247.la/login

1<!DOCTYPE html>
2<html lang="es">
3
4<head>
5  <meta charset="utf-8">
6  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
7
8  <title>
9                mesa 24/7 &copy; 2026 |         </title>
10
11      <!-- Google Tag Manager -->
12    

12<script>

12(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
13    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
14    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
15    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
16    })(window,document,'script','dataLayer','

16GTM-MTX24SC3

16');

16</script>

16
17    <!-- End Google Tag Manager -->
18  
19  <meta content="width=device-width,initial-scale=0.8,maximum-scale=1.2,minimum-scale=0.6,user-scalable=1" name="viewport"/>
20  <meta http-equiv="Content-Language" content="es"/>
21  <meta name="csrf-token" content="Yun24M2WLTZhOZTZimvYBhEtn0vqzXYDFqX6j5u8">
22  <meta name="Keywords" content=""/>
23  <meta name="Description" content=""/>
24  <meta name="Distribution" content="global"/>
25  <meta name="Robots" content="all"/>
26  <link href="https://img.mesa247.pe/archivos/mesa247/favicon.ico" rel="shortcut icon" type="image/x-icon" />
27  <link rel="preload" href="https://mesa247.la/fonts/ionicons.ttf?24712f6c47821394fba7942fbb52c3b2" type="font/ttf" as="font" crossorigin="anonymous">
28  <link href="https://mesa247.la/css/auth.3dfe6b14275a46ba97b33836d0095da5.css" rel="stylesheet">
29<link href="https://mesa247.la/css/lib/element-ui.1ce004e7aaf452b03927fa5158f04d29.css" rel="stylesheet">
30<link href="https://mesa247.la/css/b2b-auth.css?t=1791443494" rel="stylesheet">
31  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
32  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
33  <!--[if lt IE 9]>
34    

34<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

34
35    

35<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

35
36  <![endif]-->
37</head>
38<body class="default">
39      <!-- Google Tag Manager (noscript) -->

39
40    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

40GTM-MTX24SC3

40"
41    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
42    

42<!-- End Google Tag Manager (noscript) -->
43  
44<section id="app" ref="app">
45
46<div class="auth-content">
47  <div class="row row-b2b-auth">
48        <div class="col-12 col-md-6 wrap-auth skip-mobile">
49        <div class="panel-auth b2b-box">
50          <div class="b2b-box-content" v-cloak>
51            <el-carousel :interval="5000" trigger="click" height="711px">
52              <el-carousel-item v-for="(item, idx) in carouselSlides" :key="(usingMockups ? 'm' : 'd') + '-' + idx">
53                <img v-if="usingMockups" :src="item.image" alt="Imagen de B2b 1">
54                <img v-else :src="`https://mesa247.la/images/${item.image}`" alt="Imagen de B2b 1">
55                <h2 v-html="item.title"></h2>
56                <p v-html="item.description"></p>
57                <a @click="openPopup(item.title)" href="javascript:void(0);" class="el-button el-button--default is-round btn-main">{{ item.button_text }}</a>
58              </el-carousel-item>
59            </el-carousel>
60          </div>
61        </div>
62    </div>
63        <div class="col-12 col-md-6 wrap-auth form-content">
64      <div class="panel-auth">
65        <header class="page-login-header">
66          <a href="https://mesa247.la" title="mesa 24/7"
67              class="logo">
68            <img src="https://img.mesa247.pe/archivos/mesa247/logo-horizontal-trans.png" alt="mesa 24/7" class="img-responsive"/>
69          </a>
70          <div class="clearfix"></div>
71        </header>
72        <div class="head-breaker"></div>
73
74        <section class="page-login-content ">
75
76          <div class="center-block">
77
78            
79            
80<h3 mark="master_mesa 2025-05-13 00:00" class="m-b-m" style="margin-top: 120px">Ingresa a tu cuenta</h3>
81
82
83<form method="POST" action="https://mesa247.la/login" accept-charset="UTF-8" id="login" class="form-validation"><input name="_token" type="hidden" value="Yun24M2WLTZhOZTZimvYBhEtn0vqzXYDFqX6j5u8">
84
85  <input name="redirect" type="hidden">
86  <div class="form-group ">
87    <label class="control-label">Correo o nombre de usuario</label>
88    <input class="form-control" placeholder="Correo electrónico o nombre de usuario" name="Nickname" type="text">
89      </div>
90
91  <div class="form-group ">
92    <label class="control-label">Contraseña</label>
93    <input class="form-control" placeholder="Contraseña" name="Password" type="password" value="">
94      </div>
95
96    <div class="form-group text-center">
97    <button type="submit" class="btn-block el-button btn-success is-round">Inicia sesión</button>
98  </div>
99
100  <div class="form-group text-center">
101      <!-- <label class="checkbox checkbox-custom-alt checkbox-custom-sm">
102          <input type="checkbox" name="remember"><i></i> Remember me
103      </label> -->
104            <a href="https://mesa247.la/password/reset" class="small">
105        ¿Olvidaste tu contraseña?
106      </a>
107      <p class="small center-block m-t-s">
108        ¿Deseas afiliar tu restaurante a mesa 24/7? <a href="https://mesa247.la/register">¡Regístrate!</a>
109      </p>
110  </div>
111
112</form>
113
114  <el-dialog title="Solicitar información" :visible.sync="dialogFormVisible" v-loading="loading" v-cloak>
115  <p class="text-left">
116    Completa tus datos y nos pondremos en contacto contigo.
117  </p>
118  <el-form :model="form" ref="form" :rules="rules" status-icon class="text-left m-t-m">
119    <el-form-item label="Nombres" prop="full_name">
120      <el-input v-model="form.full_name"></el-input>
121    </el-form-item>
122    <el-row :gutter="20">
123      <el-col :xs="24" :sm="8">
124        <el-form-item label="Teléfono" prop="phone">
125          <el-input v-model="form.phone"></el-input>
126        </el-form-item>
127      </el-col>
128      <el-col :xs="24" :sm="16">
129        <el-form-item label="Correo" prop="email">
130          <el-input v-model="form.email"></el-input>
131        </el-form-item>
132      </el-col>
133    </el-row>
134    <el-form-item label="Nombre del restaurante o emprendimiento gastronómico" prop="restaurant_name">
135      <el-input v-model="form.restaurant_name"></el-input>
136    </el-form-item>
137    <el-form-item label="RUC o razón social" prop="restaurant_ruc_social">
138      <el-input v-model="form.restaurant_ruc_social"></el-input>
139    </el-form-item>
140  </el-form>
141  <span slot="footer" class="dialog-footer">
142    <el-button type="primary" @click="submitForm('form')" class="is-round">Enviar solicitud</el-button>
143  </span>
144</el-dialog>
145
146
147          </div>
148
149        </section>
150      </div>
151    </div>
152  </div>
153</div>
154
155</section> 
156<!-- librerías js -->

157<script type="text/javascript" src="https://mesa247.la/js/jquery.0fbb18b318c9a2ec9a0f.js"></script>

157

158<script type="text/javascript" src="https://mesa247.la/js/bootstrap.0e90af0a56293cfd1342.js"></script>

158

159<script type="text/javascript" src="https://mesa247.la/js/slimScroll.js"></script>

159

160<script type="text/javascript" src="https://mesa247.la/js/vue.min.js"></script>

160

161<script type="text/javascript" src="https://mesa247.la/js/element-ui/index.js"></script>

161

162<script type="text/javascript" src="https://mesa247.la/js/element-ui/es.js"></script>

162
163<!-- settings var globals -->

164<script type="text/javascript">
165ELEMENT.locale(ELEMENT.lang.es);
166var BASE_URL = "https://mesa247.la";
167$.extend({
168
169  getQueryParameters : function(str) {
170	  return (str || document.location.search).replace(/(^\?)/,'').split("&").map(function(n){return n = n.split("="),this[n[0]] = n[1],this}.bind({}))[0];
171  }
172
173});
174
175$.ajaxSetup({
176  headers: {
177    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
178  },
179  error: function (x, status, error) {
180    console.log(x);
181    if (x.status == 401) {
182        window.location.href = BASE_URL + '/login';
183    }
184  }
185});
186
187var REGEX_EMAIL = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
188
189function onlyNumbers(evt) {
190  var theEvent = evt || window.event;
191  var key = theEvent.keyCode || theEvent.which;
192  key = String.fromCharCode( key );
193  var regex = /[0-9]|\./;
194  if( !regex.test(key) ) {
195    theEvent.returnValue = false;
196    if(theEvent.preventDefault) theEvent.preventDefault();
197  }
198}
199
200//  Funcion que emula el in_array()
201function in_array(a, obj) {
202  for (var i = 0; i < obj.length; i++) {
203      if (a == obj[i]) {
204          return true;
205      }
206  }
207  return false;
208}
209
210String.prototype.nl2br = function()
211{
212    return this.replace(/\n/g, "<br />");
213}
214
215function characterCounter( $this, max ) {
216
217    var text = $this.value;
218    var longitud = text.length;
219
220    if(longitud <= max)
221      $this.parentElement.querySelector('#counter').innerHTML = max-longitud;
222    else
223      $this.value = text.substr(0, max);
224}
225
226$(function(){
227
228  $('[data-toggle="tooltip"]').tooltip();
229
230  //  Lightbox
231  $.openLightbox = function openLightbox() {
232    $('.wrapper-lightbox').fadeIn();
233    $('body').addClass('lightbox-overflow');
234  }
235  $.closeLightbox = function closeLightbox() {
236    $('body').removeClass('lightbox-overflow');
237    $('.wrapper-lightbox').fadeOut();
238  }
239  //  Cerramos lightbox al presionar scape
240  // $(document).keyup(function(e) {
241  //   if (e.keyCode == 27) {
242  //     $('body').removeClass('lightbox-overflow');
243  //     $('.wrapper-lightbox').fadeOut();
244  //   }
245  // });
246
247  $('[role=lightbox]').on('click',$.openLightbox);
248  $('.wrapper-lightbox').find('[role=lightbox-close]').on('click',$.closeLightbox);
249  /*window.$zopim || (function (d, s) {
250    //console.log(d,s);
251    var z = $zopim = function (c) {
252      z._.push(c)
253    }, $ = z.s =
254
255    d.createElement(s), e = d.getElementsByTagName(s)[0];
256    z.set = function (o) {
257      z.set._.push(o)
258    };
259    z._ = [];
260    z.set._ = [];
261    $.async = !0;
262    $.setAttribute('charset', 'utf-8');
263
264    $.src = '//v2.zopim.com/?3XkSxAgqJmd80Bwrl5liJ3Es5uJSN7NT';
265    z.t = +new Date;
266    $.type = 'text/javascript';
267    e.parentNode.insertBefore($, e)
268  })(document, 'script');
269      window.$zopim(function() {
270      $zopim.livechat.setName( '' );
271      $zopim.livechat.setEmail( '' );
272    });
273    */
274
275
276
277})
278</script>

278
279
280<!-- Page Specific Scripts -->

281<script type="text/javascript">
282    var app = new Vue({
283        el:  '#app',
284      data: {
285        showDialogCard: false,
286        dialogvisibility: false,
287        dialogFormVisible: false,
288        loading : false,
289        errors: {
290          full_name: false,
291          phone: false,
292          email: false,
293          restaurant_name: false,
294          restaurant_ruc_social: false,
295        },
296        form:{
297          full_name: null,
298          phone: null,
299          email: null,
300          restaurant_name: null,
301          restaurant_ruc_social: null,
302          b2b_type: 'Publicidad Home Restaurantes',
303          service_type: 'Publicidad Home Restaurantes',
304          service_section_title: '',
305        },
306        rules:{
307          full_name : [
308            { required: true ,message: 'Ingresa tus nombres'}
309          ],
310          phone : [
311            { required: true , message: 'Ingresa un teléfono'}
312          ],
313          email : [
314            { required: true, message: 'Ingresa un email' }, { type: 'email' }
315          ],
316          restaurant_name : [
317            { required: true ,message: 'Ingresa un nombre de restaurante'}
318          ],
319        },
320        b2bItems: [
321          {
322            title: '¡Te damos tu propia página web GRATIS!',
323            description: 'Destaca tu presencia en línea con certificado de seguridad de navegación. 100% personalizable, paleta de colores, tipografía, fotos, videos y pop ups.',
324            image: 'b2b-free-website.png',
325            button_text: 'Solicita aquí',
326          },
327          {
328            title: '¿Quieres reducir tus No Shows?',
329            description: 'Aplica reservas con garantías para asegurar la mesa.<br> ¡Te ayudamos a configurarlo!',
330            image: 'b2b-less-no-shows.png',
331            button_text: 'Solicita aquí',
332          }
333        ],
334        b2bMockup: [{"title":"\u00a1Creamos tu p\u00e1gina web GRATIS!","description":"Mejora la experiencia de tus usuarios y convierte m\u00e1s visitas en clientes con una web a tu medida, con mejor dise\u00f1o y navegaci\u00f3n segura.","image":"https:\/\/cdn.mesa247.io\/archivos\/mockups\/mockup-X9mfzzYvpa-1776875624.png","button_text":"Empieza ahora"},{"title":"No shows \/ Garant\u00edas","description":"\u00a1No m\u00e1s cancelaciones inesperadas!\n\nConfirma tus reservas de manera segura, minimiza los no-shows y agiliza los cobros con un pago anticipado.","image":"https:\/\/cdn.mesa247.io\/archivos\/mockups\/mockup-Vdqjk49KI2-1776874518.png","button_text":"Solic\u00edtalo aqu\u00ed"},{"title":"WhatsApp","description":"Una recepci\u00f3n digital conectada a WhatsApp.\n\nCada reserva registrada dispara una confirmaci\u00f3n autom\u00e1tica al cliente. Ahorra tiempo y profesionaliza tu atenci\u00f3n.","image":"https:\/\/cdn.mesa247.io\/archivos\/mockups\/mockup-4jezVpiTts-1776874561.png","button_text":"\u00a1Quiero saber m\u00e1s!"},{"title":"Eventos y Experiencias","description":"Ofrece eventos y experiencias \u00fanicas\n\nPublica tus propuestas exclusivas en nuestra web y permite que tus clientes compren su ticket al instante.","image":"https:\/\/cdn.mesa247.io\/archivos\/mockups\/mockup-tEzjsNPJzG-1776874

334600.png","button_text":"Empieza ahora"}],
335        message:{
336          show: false,
337          type: 'alert-success',
338          title: '',
339          content: '',
340          action: false,
341        },
342        cookie_time: 24, // horas
343      },
344      computed: {
345        carouselSlides: function () {
346          return (this.b2bMockup && this.b2bMockup.length) ? this.b2bMockup : this.b2bItems;
347        },
348        usingMockups: function () {
349          return !!(this.b2bMockup && this.b2bMockup.length);
350        },
351      },
352      mounted: function(){
353      },
354      methods: {
355        openPopup(serviceSectionTitle) {
356          var self = this;
357
358          self.resetFields();
359          self.message.show = false;
360          self.form.service_section_title = serviceSectionTitle;
361          self.dialogFormVisible = true;
362        },
363        resetFields() {
364          var self = this;
365
366          self.form.full_name = null;
367          self.form.phone = null;
368          self.form.email = null;
369          self.form.restaurant_name = null;
370          self.form.restaurant_ruc_social = null;
371        },
372        submitForm(formName) {
373          var self = this;
374          this.$refs[formName].validate((valid) => {
375
376           if (valid) {
377             self.loading = true;
378             var route = "https://mesa247.la/b2b-more-information";
379
380             $.post(route,self.form,function( response ) {
381
382               self.loading = false;
383               self.dialogFormVisible=false;
384               self.$notify({
385                 title: '¡Éxito!',
386                 message: 'Tu solicitud fue enviada correctamente.',
387                 type: 'success'
388               });
389             }).fail(function(xhr, status, error) {
390                self.loading = false;
391                self.$notify.error({
392                  title: 'Error',
393                  message: 'No se pudo procesar correctamente tu solicitud.',
394                });
395              });
396           } else {
397             return false;
398           }
399         });
400        },
401      }
402    });
403</script>

403
404<!-- end scripts -->
405</body>
406</html>