# Crear un sitio web de restaurante con WordPress URL: https://canvaswp.com/es/guides/build-a-restaurant-website-with-wordpress/ Updated: 2026-11-03 Guía Un sitio web de restaurante tiene cuatro tareas: mostrar la comida, demostrar que el local merece la pena aunque haya que cruzar la ciudad, aceptar reservas e informar a la gente cuándo está abierto. Esta guía cubre las cuatro, desde una instalación de WordPress vacía hasta un sitio que puede entregar a un cliente. Publicado el 5 de septiembre de 2026 Actualizado el 3 de noviembre de 2026 Escrito por el equipo de Canvas en SemiColonWeb ## Paso 1: Prepare WordPress Un sitio de restaurante depende de tres ajustes de WordPress más que la mayoría, así que configúrelos antes de tocar el diseño. - **Título del sitio y lema.** Ajustes y luego General. El nombre del restaurante va en el título, y la comida y el barrio, en el lema. La pestaña del navegador, el resultado de búsqueda y la tarjeta que un huésped reenvía a sus amigos se construyen a partir de esas dos líneas. - **Enlaces permanentes.** Ajustes, luego Enlaces permanentes y después Nombre de la entrada. La página del menú obtiene una dirección lo bastante corta para imprimirla en una tarjeta de mesa o en un folleto. - **Zona horaria.** Vuelva a la pantalla General y elija la ciudad del restaurante. Las solicitudes de reserva se registran con la hora de esa zona, y una zona incorrecta registra la reserva de esta noche como si fuera de mañana. Todo lo demás sobre la preparación de WordPress es igual para cualquier sitio con Canvas: las versiones de WordPress y PHP, una copia de seguridad que realmente haya probado y memoria de PHP suficiente para las fotografías que descarga una importación. La guía de importación lo explica una sola vez, para todos los proyectos. [Requisitos y copias de seguridad antes de una importación](https://canvaswp.com/es/guides/import-a-wordpress-demo-website/#before) Una solicitud de reserva solo vale algo si la cocina la ve antes del servicio. WordPress entrega su correo a su servidor a menos que usted indique lo contrario, y muchos proveedores de hosting descartan ese correo sin avisar. Configure ahora un servicio de envío de correo o un plugin SMTP y envíese un correo de prueba. ## Paso 2: Instale Canvas y ejecute el asistente de configuración Suba el archivo zip del tema desde su panel, en Apariencia, Temas, Añadir nuevo, y actívelo. El asistente de configuración se abre por sí solo y, para este proyecto, es un trabajo rápido. - **Primero, la licencia.** Pegue la clave de licencia desde su panel. Es lo que permite al asistente de configuración descargar el paquete para restaurantes en el siguiente paso. - **Busque Italian Restaurant** en el paso del demo. Su tarjeta muestra las páginas, las entradas y los platos que incluye antes de que usted decida. - **Haga que el paso de plugins se omita solo.** El diseño del restaurante no necesita nada más que Canvas y el plugin complementario que el asistente instala por usted. Si cierra el asistente de configuración a medio camino, queda en espera en el menú Canvas hasta que vuelva. **El paso de la demo.** Busque por nombre y, luego, lea lo que indica la tarjeta sobre lo que trae la demo. [Qué hace cada uno de los 9 pasos del asistente de configuración](https://canvaswp.com/es/setup-wizard/) ## Paso 3: Importar la demo del restaurante Abra [la vista previa en vivo](https://demos.canvaswp.com/restaurant/) del demo Italian Restaurant antes de importarlo, y haga clic en el menú y en la página de reservas. La vista previa usa el mismo tema que va a instalar, así que lo que funciona allí funcionará para usted. ### En todo el sitio, en un sitio nuevo En una instalación vacía, importe para todo el sitio. Las fuentes, los colores, las Opciones del tema y los menús del restaurante pasan a ser los de su sitio, de modo que la página de comidas privadas que agregue el próximo invierno seguirá viéndose como parte del conjunto. Importar en un sitio que ya está en funcionamiento es la otra opción, y la guía de importación explica cuándo conviene. ### Qué incluye - 6 páginas, desde la página de inicio hasta el menú, la historia y la página de contacto - 6 entradas de blog con sus categorías, para que la sección de noticias no esté vacía el primer día - 50 platos, cada uno con su propio registro de Menu Item - Un control deslizante, un formulario de reservas funcional y 2 menús de navegación asignados a sus ubicaciones - Diseños de cabecera, pie de página y título de página, cada uno como un registro editable - La fotografía de comida, copiada a su propia biblioteca de medios **La página de inicio tras la importación.** Contenido real, listo para reemplazarse por el suyo. Si el comedor de las fotografías no se parece en nada al suyo, deshaga la importación desde Canvas, luego en Demo Import, y pruebe una de las otras demos de restaurante. Sus ajustes anteriores se restauran junto con ella. [Ámbitos, etapas de importación y reversión, explicados una sola vez](https://canvaswp.com/es/guides/import-a-wordpress-demo-website/) ## Paso 4: Reemplace las palabras y las imágenes del demo Abra la página de inicio desde Páginas. El editor muestra la cabecera, el slider, la franja de título de página y el pie de página alrededor de su contenido, tal como lo verá un comensal, para que escriba la frase de bienvenida con la página real a su alrededor. ### Haga clic, escriba, reemplace Cada título, párrafo e imagen de la página es un bloque. Haga clic en uno para escribir sobre él, o elija Reemplazar en una imagen para seleccionar una de sus propias fotografías. El panel de la derecha contiene todo lo demás que entiende ese bloque, desde sus colores hasta su enlace. ### Diga algo concreto El texto de los demos es deliberadamente genérico, lo que facilita reconocerlo y superarlo. Reemplace «Auténtica cocina italiana» por algo que solo usted pueda decir: la región de la que proceden las recetas, el nombre de la persona que está en el pase, la leña del horno, la hora en que sale el pan. Un comensal que elige entre dos restaurantes busca detalles, no adjetivos. Cuando una sección no se ajuste a su restaurante, elimínela y coloque un patrón en su lugar. Hay 183 patrones para elegir, cada uno llega como bloques normales, listo para reorganizar. **Edición de la página de inicio.** Lo que ve mientras escribe es lo que verá cualquier visitante. ## Paso 5: Crear el menú de comidas El menú es la página que la gente busca, así que merece algo mejor que un párrafo de texto. El demo incluye un tipo de contenido Menu Items con un registro por plato, que aparece en el área de administración como las entradas. ### Edite los platos, no la página Abra Elementos del menú y edite un registro: el nombre del plato, la descripción, una fotografía, un precio y su categoría de menú. Los valores nutricionales están disponibles como campos separados si desea publicarlos. Guárdelo y la página del menú se actualizará, porque la página contiene un bloque que enumera los registros y los vuelve a leer cada vez. Esa separación es lo que hace que el menú sea fácil de mantener. Cuando el precio de un plato cambia un martes, se modifica un solo registro y todas las páginas que muestran ese plato se actualizan. ### Agrupe el menú como lo hace la cocina Use categorías de menú para entradas, pastas, platos fuertes, postres y bebidas. El bloque de elementos del menú puede mostrar esas categorías en paneles con pestañas, como un conjunto sencillo de tarjetas o como un carrusel, para que una lista larga se lea bien en el teléfono. Defina cuántos elementos aparecen, de qué categoría se toman y en qué orden. Revise los registros una vez, elimine los platos que su restaurante no ofrece y añada los suyos. Es más rápido de lo que parece, y es la última vez que tendrá que pensar en el diseño. Publique los precios como cifras que su cocina pueda sostener durante una temporada. Una página de menú que lleva tres meses desactualizada causa más daño que una página de menú más sencilla de lo que usted quería. ## Paso 6: Aceptar reservas con un formulario La demostración incluye un formulario funcional. Un formulario en Canvas se construye con bloques: el bloque Form contiene los campos, el bloque Form Field define cada uno, el bloque Form Submit Button lo envía y el bloque Form Embed incorpora el formulario terminado en cualquier página. ### Los campos que necesita una reserva - Campos de **Fecha** y **Hora**, con una hora mínima y una máxima. Configure la mínima a la hora en que abre y la máxima a su último turno, y establezca el intervalo en quince o treinta minutos para no recibir una reserva para 19:07. - Un campo **Número** para el número de comensales, con un mínimo y un máximo que coincidan con su mesa más grande. - Campos **Texto** y **Teléfono** para el nombre y el número de teléfono, y un campo **Correo electrónico** para la confirmación. - Un **área de texto** para alergias, sillas altas y el aniversario que de otro modo pasaría por alto. - Una casilla de **Consentimiento** si planea enviar correos a los comensales más adelante, y un campo **Honeypot**, que es una trampa invisible que atrapa en silencio la mayor parte del spam sin molestar a una persona. ### Adónde llegan las solicitudes El formulario de reservas del demo incluye campos para el nombre, un número de teléfono y una dirección de correo electrónico, un selector de fecha que desactiva los días pasados, un menú de hora y un menú de número de comensales. Guarda cada solicitud en una tabla de su propio sitio, que aparece en Envíos en el panel de administración de WordPress. Todavía no envía correos a nadie: abra el formulario, active Enviar notificación por correo electrónico en su pestaña Acciones y configure la dirección de una persona que la revise durante el servicio. Después, reserve una mesa para usted y compruebe que el mensaje llega. Trate cada entrada como una solicitud que usted confirma. El formulario registra la reserva, pero no cuenta los comensales ni reserva mesas. Si necesita disponibilidad en tiempo real, un sistema de reservas dedicado es la herramienta indicada, y la acción de webhook del formulario puede enviar cada solicitud a ese sistema. Configure también un período de retención en el formulario, para que los números de teléfono de los clientes se eliminen según un calendario que usted elija. De los 88 sitios de demostración, 83 incluyen al menos un formulario funcional, así que la mayoría de las veces usted solo edita un formulario y la conexión ya está hecha. ## Paso 7: Configure la cabecera, el horario de apertura y los datos de contacto La cabecera es donde un visitante con hambre busca el número de teléfono, y el pie de página es donde busca la dirección. Ambos son registros formados por bloques en Canvas, que se editan igual que una página. ### La cabecera Un registro de cabecera contiene zonas, y una zona es una celda de la fila de cabecera. Coloque el logotipo en la primera, la navegación en el centro y, en la última, un Header Icon Link con su número de teléfono junto a un Header Button con el texto Reservar mesa. Un bloque Header Info muestra la dirección o el horario cuando hay espacio para ellos. Añada una barra superior encima de la cabecera para el horario de hoy o un cierre por festivo. La barra superior es un registro propio, así que el mensaje cambia sin abrir la cabecera. ### Horario de atención en el pie de página El pie de página usa un bloque Footer Contacts para la dirección y el número de teléfono, y una columna de horarios junto a él. Escriba los horarios como texto que una persona pueda leer y manténgalos actualizados, porque nada molesta más a un visitante que llegar y encontrar una puerta cerrada. Tanto la cabecera como el pie de página tienen un valor predeterminado para todo el sitio y una configuración propia para cada página, de modo que una página de aterrizaje para comidas privadas puede mostrar una cabecera transparente sobre una fotografía mientras el resto del sitio conserva la suya. [El constructor de cabeceras y de pies de página, a fondo](https://canvaswp.com/es/header-builder/) [Comparación de las cuatro Demos de restaurante](https://canvaswp.com/es/wordpress-themes/restaurant/) ## Paso 8: Compruébelo y luego abra Revise esta lista antes de dirigir a alguien al sitio. Es breve, y cada punto ha avergonzado a alguien. - **Envíe una reserva de prueba real** desde su teléfono, con el Wi-Fi del restaurante desactivado, y confirme que llega la notificación. - **Revise cada página en un teléfono móvil.** La mayoría de las personas que buscan dónde cenar esta noche están de pie. - **Revise la dirección, el teléfono y el horario** en cada página que los repita, incluido el pie de página. - **Escriba el texto alternativo** de las fotografías. Ayuda a las personas que usan un lector de pantalla, y un buscador lo lee junto con la página para entender su comedor. - **Revise la pantalla de SEO.** Canvas genera los títulos, las descripciones, las tarjetas para compartir y los datos estructurados a partir de su contenido publicado, así que aquí el trabajo consiste en hacer el contenido específico, no en completar un segundo conjunto de campos. - **Active los interruptores de rendimiento** que necesite. Hay 35 optimizaciones, cada una reversible, y cada una carga menos de lo que sus páginas nunca usan. Luego publique, coloque la dirección en los lugares donde la gente busca y regrese a la gestión del restaurante. El sitio es ahora una serie de registros que edita cuando cambia el menú, no un proyecto. ## Fuentes Cuando esta guía describe algo ajeno a Canvas en sí, estas son las páginas oficiales que lo documentan. - [Pantalla de Ajustes generales](https://wordpress.org/documentation/article/settings-general-screen/) wordpress.org · Donde WordPress guarda el título del sitio y el eslogan, junto con la zona horaria, en la misma pantalla - [Pantalla de Ajustes > Enlaces permanentes](https://wordpress.org/documentation/article/settings-permalinks-screen/) wordpress.org · La estructura de enlaces «Nombre de la entrada», que da a cada página una dirección corta y legible - [wp_mail()](https://developer.wordpress.org/reference/functions/wp_mail/) developer.wordpress.org · WordPress envía el correo a la función mail() de PHP de forma predeterminada, y un envío correcto no garantiza la entrega. - [Tutorial de imágenes](https://www.w3.org/WAI/tutorials/images/) w3.org · Los lectores de pantalla leen en voz alta el texto alternativo de una imagen - [Directrices generales para datos estructurados](https://developers.google.com/search/docs/appearance/structured-data/sd-policies) developers.google.com · El marcado correcto hace posible un resultado enriquecido, y Google decide si lo muestra Qué hacer a continuación ## Próximos pasos Dos guías para el trabajo que sigue a un lanzamiento, y el demo en el que se basa esta guía. [Guía **Crear una tienda WooCommerce** Qué cambia cuando el demo que está importando es una tienda en funcionamiento.](https://canvaswp.com/es/guides/start-a-woocommerce-store-with-wordpress/) [Guía **Redactar textos para sitios web con IA** Defina la descripción del negocio una sola vez y luego genere el contenido en el campo que está editando.](https://canvaswp.com/es/guides/write-website-copy-with-ai-in-wordpress/) [Producto **Temas para restaurantes** La demo con la que empieza esta guía, vista página por página.](https://canvaswp.com/es/wordpress-themes/restaurant/) Preguntas ## Preguntas frecuentes [Las preguntas frecuentes completas](https://canvaswp.com/es/faq/) responden el resto, y la [documentación](https://docs.canvaswp.com/) cubre cada ajuste en detalle. **¿Necesito un plugin para aceptar reservas?** No, las reservas en un sitio de restaurante con Canvas llegan a través de un formulario creado con bloques de Canvas. Sus envíos se guardan en una tabla de su propio sitio web y se muestran en el panel de administración de WordPress. Solo necesita instalar un plugin si desea enviar las reservas a un sistema de reservas de terceros que gestione mesas y comensales. **¿Puedo usar mis propias fotografías?** Sí, y debe reemplazar cada fotografía que trae el demo del restaurante por las suyas. Cada imagen del demo se añade a su biblioteca de medios como un adjunto normal, así que reemplazar una es la misma tarea que reemplazar cualquier imagen en WordPress. Mantenga la forma cercana a la original para que el diseño no cambie, y escriba una breve descripción en el campo de texto alternativo mientras está ahí. **¿Y si no me gusta la demo de restaurante?** Revierta la importación y elija otro de los 88 demos de Canvas, ya que cada plan incluye todos y cada importación se registra por separado. También puede importar un segundo demo solo por sus páginas, sin cambiar el diseño que tiene. **¿Aparecerán los precios del menú en Google?** Canvas genera datos estructurados a partir de lo que aparece en la página en el momento de mostrarla, en 16 tipos de esquema que incluyen horarios de apertura, ofertas y reseñas. Lo que un motor de búsqueda decide mostrar es decisión suya, pero el marcado está ahí sin necesidad de un segundo plugin de SEO.