El sitio web de un restaurante, una cafetería o una tienda tiene una sola misión: ayudar a alguien de la zona a decidirse a entrar, llamar o reservar. En EverWeb puedes crearlo con unas pocas páginas, con tu carta, tu horario, un mapa, un número de teléfono al que se pueda llamar con un toque, y un botón o un formulario del servicio de reservas o pedidos que ya usas. En EverWeb 4.6 y posteriores, un formulario de contacto también puede recibir pedidos sencillos y señales. Esto es lo que conviene usar para cada parte, en el orden en que nosotros lo crearíamos.
Antes de empezar
- Tu carta o tu lista de productos, como texto o en PDF.
- Entre 10 y 20 fotos buenas, incluida la fachada del local para que la gente lo reconozca.
- Tu servicio de reservas o de pedidos, si aceptas reservas de mesa o pedidos en línea. EverWeb enlaza con él o muestra su formulario en tu página. EverWeb no gestiona mesas ni muestra la disponibilidad en tiempo real.
- Un nombre de dominio (tu dirección web, por ejemplo tucafeteria.com).
Páginas que crear
| Página | Qué contiene | Qué usar en EverWeb |
|---|---|---|
| Inicio | Una foto llamativa, una frase sobre ti, el horario, botones de llamar y reservar | Un contenedor configurado como Fila para los botones |
| Carta | Platos y precios, o productos | Texto, y opcionalmente un PDF |
| Visítanos | Dirección, mapa, aparcamiento, formulario de contacto | Una forma con el relleno Mapa, y Formulario de contacto avanzado |
| Reservar o pedir | Tu servicio de reservas o de pedidos, o un formulario de pedido sencillo | Un botón con enlace, el widget Fragmento de HTML o un formulario de contacto con pagos (4.6) |
| Galería | Más fotos | Galería de imágenes adaptable |
Créalo en este orden
- Empieza con una página adaptable, porque la mayoría de los visitantes te buscarán desde el teléfono. En el selector de plantillas de tema (Theme Template Chooser), pon el filtro en Adaptable y elige una plantilla o Blank Responsive (adaptable en blanco). Organiza cada sección con contenedores: consulta Crea una página adaptable con contenedores para que se apile bien en un teléfono.
- Crea una página maestra con tu logotipo, el menú de navegación y un pie de página con tu dirección, tu horario y tu teléfono. Así cambias el horario en un solo sitio. Consulta Pon el mismo encabezado, menú y pie de página en todas las páginas con una página maestra.
- Añade un botón para llamar con un toque. Selecciónalo, ve a Inspector > Hipervínculos, marca Habilitar como hipervínculo, configura Enlazar a como Una página externa y escribe
tel:y tu número con el prefijo del país y sin espacios, por ejemplotel:+14165550100. Pon uno cerca de la parte superior de la página de inicio y otro en el pie de página. Consulta Cómo enlazar a otra página, un sitio web, una dirección de correo electrónico, un número de teléfono, un PDF o una sección de una página. - Añade tu carta. Como texto en una página, se lee bien en los teléfonos y Google puede leer los platos. Usa un cuadro de texto por sección, como Entrantes y Principales. Para una carta imprimible, enlaza un botón al PDF con Enlazar a configurado como Un archivo. Cuando cambie la carta, usa Reemplazar activo... en la lista Recursos: el archivo conserva su nombre, así que el enlace, y cualquier código QR que tengas en las mesas, sigue funcionando. Consulta Sustituye una imagen o un PDF en todas partes a la vez y elimina los archivos que ya no usas (la lista Recursos).
- Añade un mapa. Dibuja una forma, ve a Inspector > Opciones de forma y configura su Relleno como Mapa. Te lo recomendamos antes que el antiguo widget de Google Maps. La opción de mapa básico necesita una clave de API de Google Maps, y EverWeb te ofrece ayuda para conseguirla. Consulta Añade un mapa de Google a tu sitio web.
- Añade reservas o pedidos. Lo más sencillo es un botón Reservar mesa o Pedir en línea enlazado a la página de tu servicio. Para mostrar el formulario del servicio en tu propia página, copia el código para insertar que te dé, arrastra el widget Fragmento de HTML (HTML Snippet) a la página (dentro de un contenedor en una página adaptable), pega el código y haz clic en Aplicar. Si no aparece en tu página publicada, cambia Embed Option (opción de inserción) en los ajustes del widget de Auto a Direct Embed (inserción directa) o External Frame (marco externo). Consulta Añade un calendario de reservas, un feed de Instagram u otro código externo con el widget HTML Snippet.
- Recibe pedidos sencillos o señales con un formulario (EverWeb 4.6 y posteriores). Con el complemento Contact Forms Enhanced, un formulario Formulario de contacto avanzado (Contact Form Advanced) puede cobrar con tarjeta o con PayPal. Va bien para el pedido de una tarta de celebración con tamaño y mensaje, una reserva de catering con señal, un pedido para recoger en tienda o un vale regalo. Los clientes eligen opciones con precio, ven el total y pagan en la página de pago de Stripe o de PayPal, y tú recibes el pedido por correo marcado como Paid (pagado). No comprueba la disponibilidad ni las existencias, así que confirma cada pedido o reserva por correo o por teléfono. Consulta Vende un producto con opciones y extras desde tu formulario de contacto y Acepta reservas y señales con tu formulario de contacto.
- Añade fotos con el widget Control deslizante de imágenes (Image Slider) o Carrusel, o con una Galería de imágenes adaptable (Responsive Image Gallery) que abre las fotos en grande al tocarlas. Guarda antes las fotos para la web, a ser posible por debajo de 500KB cada una, para que las páginas carguen rápido con datos móviles. Si marcas Exportar imágenes optimizadas en Archivo > Editar ajustes de publicación, se publican copias más pequeñas.
- Añade un formulario de contacto para catering y grupos grandes, con Formulario de contacto avanzado. Consulta ¿Cómo uso mis propios ajustes SMTP (correo saliente) con mi formulario de contacto?.
- Enlaza tus redes sociales, o muestra tus últimas publicaciones de Facebook con el widget Cronología de Facebook (Facebook Page Timeline). Consulta Añade botones y publicaciones de redes sociales (Facebook, Instagram, X, Pinterest) a tu sitio web.
Lo que se configura fuera de EverWeb
- Alojamiento, dominio y correo. EverWeb + Hosting incluye el alojamiento y direcciones como [email protected]. Consulta Crea una dirección de correo electrónico con tu propio dominio (EverWeb + Hosting) y Apunta tu dominio a EverWeb Hosting (actualizar servidores de nombres / DNS).
- Google Business Profile (Perfil de Empresa de Google), la ficha gratuita de Google que muestra tu horario y tu ubicación en el Buscador y en Maps. Añade la dirección de tu sitio web y mantén el mismo horario en los dos sitios.
- Tu cuenta de reservas o de pedidos, probada primero por separado.
- Para los pagos con formulario: una cuenta de Stripe o de PayPal, el complemento Contact Forms Enhanced (consulta ¿Qué es el complemento Contact Forms Enhanced?) y el candado (HTTPS) en tu sitio web (consulta Mi sitio dice 'No seguro': cómo tener HTTPS (SSL) en tu sitio web).
Lista de comprobación antes de publicar
- El enlace de teléfono funciona en tu teléfono: haz clic en Vista previa, elige Preview QR Code (código QR de vista previa) y escanéalo.
- El horario, la dirección y el teléfono coinciden en tu sitio web, tu ficha de Google y tus redes sociales.
- Los precios de la carta están al día y el PDF se abre.
- El Título de la página web y la Descripción de la página web de cada página dicen qué eres y dónde estás, por ejemplo "Restaurante tailandés en Leeds". Consulta ¿Por qué la gente no encuentra mi sitio web en Google?.
- Las fotos tienen Texto ALT en Opciones de forma.
- Publica con Archivo > Publicar sitio completo y después prueba el botón de reservas, el formulario de contacto y cualquier formulario de pedido en el sitio web publicado. Los formularios y los pagos no funcionan en la vista previa.
Artículos relacionados
- Crea una página adaptable con contenedores para que se apile bien en un teléfono
- Pon el mismo encabezado, menú y pie de página en todas las páginas con una página maestra
- Añade un calendario de reservas, un feed de Instagram u otro código externo con el widget HTML Snippet
- Acepta reservas y señales con tu formulario de contacto
- Mi formulario de contacto no me envía correos
