{"id":20816,"date":"2025-03-27T17:01:17","date_gmt":"2025-03-27T16:01:17","guid":{"rendered":"https:\/\/www.octotable.com\/widget-prenotazione-ristorante\/"},"modified":"2026-03-31T17:31:44","modified_gmt":"2026-03-31T15:31:44","slug":"restaurant-reservation-widget","status":"publish","type":"page","link":"https:\/\/www.octotable.com\/en\/restaurant-reservation-widget\/","title":{"rendered":"02.01 &#8211; Restaurant Reservation Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20816\" class=\"elementor elementor-20816 elementor-20729\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b3bc22 e-flex e-con-boxed e-con e-parent\" data-id=\"7b3bc22\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-15e01da e-con-full e-flex e-con e-child\" data-id=\"15e01da\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f6619f3 e-flex e-con-boxed e-con e-child\" data-id=\"f6619f3\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f69bec2 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"f69bec2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">Restaurant Reservation Widget<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-584cb0b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"584cb0b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Seamlessly integrate reservations into your website with our customizable widget now with guest confirmation via WhatsApp.<br><br>\nTurn your website into a powerful booking tool with OctoTable\u2019s restaurant reservation widget. Embed this versatile booking system directly on your site to receive reservations 24\/7 without redirecting your customers elsewhere.<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8d538e animated-slow elementor-invisible elementor-widget elementor-widget-button\" data-id=\"d8d538e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#proA\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">START NOW<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\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>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8bb5673 e-con-full e-flex e-con e-parent\" data-id=\"8bb5673\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f1574c elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"5f1574c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Complete control over your reservations<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10d7078 elementor-widget elementor-widget-heading\" data-id=\"10d7078\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get more bookings with Octotable's restaurant reservation widget<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-992365a elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"992365a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>The restaurant reservation widget allows your guests to book instantly while browsing your website. This seamless integration keeps visitors on your site longer and converts interest into confirmed bookings with just a few clicks.<\/p><p>Moreover, our widget stands out from other booking solutions by offering full customization, perfect website integration, powerful reservation management, and the ability to confirm bookings directly via WhatsApp.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e5790b e-flex e-con-boxed e-con e-parent\" data-id=\"0e5790b\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ab78cfd animated-slow e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"ab78cfd\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de2072f elementor-widget elementor-widget-heading\" data-id=\"de2072f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Custom Visual Design<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdd5a99 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"bdd5a99\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Choose between light or dark themes to match your website\u2019s style perfectly.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71bc222 elementor-widget elementor-widget-html\" data-id=\"71bc222\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"ot-ai-design-hybrid\">\n  <div class=\"ot-editor-toolbar\">\n    <div class=\"ot-dots\"><span><\/span><span><\/span><span><\/span><\/div>\n    <div class=\"ot-url-bar\">Octotable \/ Restaurant Reservation Widget<\/div>\n    <div class=\"ot-status-tag\">My Restaurant<\/div>\n  <\/div>\n\n  <div class=\"ot-canvas\">\n    <div class=\"ot-sidebar\">\n      <div class=\"ot-tool-box active\"><\/div>\n      <div class=\"ot-tool-box\"><\/div>\n      <div class=\"ot-tool-box\"><\/div>\n      <div class=\"ot-tool-box mt-auto\"><\/div>\n    <\/div>\n\n    <div class=\"ot-preview-area\">\n      <div class=\"soft-bg-overlay\"><\/div>\n      \n      <div class=\"engine-safe-wrapper\">\n        <div class=\"visual-engine-center\">\n          \n          <div class=\"engine-node side-node left\">\n            <div class=\"picker-card\">\n              <div class=\"picker-header\">STYLE SELECTOR<\/div>\n              <div class=\"picker-options\">\n                <div class=\"p-opt light active\" id=\"opt-light\">\u2600\ufe0f Light<\/div>\n                <div class=\"p-opt dark\" id=\"opt-dark\">\ud83c\udf19 Dark<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"engine-node hub-node\">\n            <div class=\"ot-hub-core\">\n              <svg viewBox=\"0 0 24 24\" class=\"ot-ai-icon-img\">\n                <path fill=\"currentColor\" d=\"M17.5,12A5.5,5.5 0 0,1 12,17.5A5.5,5.5 0 0,1 6.5,12A5.5,5.5 0 0,1 12,6.5A5.5,5.5 0 0,1 17.5,12M12,21.5C11.33,21.5 10.67,21.44 10,21.32V19.34C10.65,19.44 11.32,19.5 12,19.5C16.14,19.5 19.5,16.14 19.5,12C19.5,11.32 19.44,10.65 19.34,10H21.32C21.44,10.67 21.5,11.33 21.5,12A9.5,9.5 0 0,1 12,21.5M2.68,10H4.66C4.56,10.65 4.5,11.32 4.5,12C4.5,16.14 7.86,19.5 12,19.5C12.68,19.5 13.35,19.44 14,19.34V21.32C13.33,21.44 12.67,21.5 12,21.5A9.5,9.5 0 0,1 2.5,12C2.5,11.33 2.56,10.67 2.68,10Z\" \/>\n              <\/svg>\n              <div class=\"ot-hub-ring\"><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"engine-node side-node right\">\n            <div class=\"mock-booking-widget\" id=\"main-widget\">\n              <div class=\"widget-header-line\"><\/div>\n              <div class=\"widget-form-grid\">\n                <div class=\"w-slot\"><\/div>\n                <div class=\"w-slot\"><\/div>\n              <\/div>\n              <div class=\"widget-button\">Book now<\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"footer-status-desktop\">\n        <div class=\"live-status\">\n          <div class=\"pulse-dot\"><\/div>\n          <span>Design Match: 100% Customized<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"ot-builder-caption\">\n    <span id=\"ot-ai-design-step\">Loading styles...<\/span>\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --ot-primary: #145c44;\n  --ot-accent: #2ecc71;\n  --ot-bg-editor: #1a2b3c;\n  --ot-toolbar: #25394f;\n  --ot-canvas: #f8fafb;\n  \/* Fluid scaling based on viewport width *\/\n  font-size: clamp(10px, 1.05vw, 14px);\n}\n\n#ot-ai-design-hybrid {\n  width: 95%; max-width: 950px; background: var(--ot-bg-editor);\n  border-radius: 20px; overflow: hidden; font-family: 'Inter', sans-serif;\n  box-shadow: 0 40px 80px rgba(0,0,0,0.4); margin: 1.5rem auto;\n  display: flex; flex-direction: column;\n}\n\n.ot-editor-toolbar { background: var(--ot-toolbar); padding: 1rem 1.2rem; display: flex; align-items: center; gap: 1.2rem; flex-shrink: 0; }\n.ot-dots { display: flex; gap: 0.4rem; }\n.ot-dots span { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: rgba(255,255,255,0.2); }\n.ot-url-bar { background: rgba(0,0,0,0.2); border-radius: 0.4rem; flex-grow: 1; font-size: 0.75rem; color: #a0aec0; padding: 0.4rem; text-align: center; }\n.ot-status-tag { font-size: 0.7rem; background: var(--ot-accent); color: #000; padding: 0.3rem 0.7rem; border-radius: 0.4rem; font-weight: 700; white-space: nowrap; }\n\n.ot-canvas { display: flex; min-height: 420px; flex-grow: 1; }\n.ot-sidebar { width: 4.5rem; background: #203346; padding: 1.5rem 1rem; display: flex; flex-direction: column; gap: 1.5rem; flex-shrink: 0; }\n.ot-tool-box { width: 100%; height: 2.5rem; background: rgba(255,255,255,0.05); border-radius: 0.6rem; }\n.ot-tool-box.active { background: var(--ot-accent); }\n.mt-auto { margin-top: auto; }\n\n.ot-preview-area {\n  flex-grow: 1; background: var(--ot-canvas); margin: 1.2rem; border-radius: 1rem;\n  position: relative; display: flex; flex-direction: column; padding: 1rem; overflow: hidden;\n  justify-content: center; align-items: center;\n}\n\n\/* GRID SYSTEM: Centered element safety *\/\n.engine-safe-wrapper {\n  width: 100%;\n  max-width: 640px; \/* Compact for Laptop 13\" *\/\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.visual-engine-center {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr; \/* Fixed Hub column in center *\/\n  align-items: center;\n  gap: 1rem;\n  width: 100%;\n}\n\n.engine-node.side-node.left { display: flex; justify-content: flex-end; }\n.engine-node.side-node.right { display: flex; justify-content: flex-start; }\n.engine-node.hub-node { display: flex; justify-content: center; flex-shrink: 0; padding: 0 0.5rem; }\n\n\/* ELEMENTS VISUALS *\/\n.picker-card { width: 9.5rem; background: white; padding: 0.7rem; border-radius: 0.8rem; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }\n.picker-header { font-size: 0.5rem; font-weight: 900; color: #a0aec0; margin-bottom: 0.6rem; letter-spacing: 0.5px; }\n.picker-options { display: flex; flex-direction: column; gap: 0.35rem; }\n.p-opt { font-size: 0.65rem; font-weight: 700; padding: 0.5rem; border-radius: 0.5rem; background: #f8f9fa; border: 1px solid transparent; transition: 0.3s; }\n.p-opt.active { border-color: var(--ot-accent); background: #ebfbee; color: var(--ot-primary); }\n\n.ot-hub-core { position: relative; width: 4.8rem; height: 4.8rem; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 15px 35px rgba(0,0,0,0.1); color: var(--ot-primary); }\n.ot-ai-icon-img { width: 2.8rem; }\n.ot-hub-ring { position: absolute; inset: -0.4rem; border: 2px dashed var(--ot-accent); border-radius: 50%; animation: rotate 10s linear infinite; }\n\n.mock-booking-widget { width: 10.5rem; padding: 1rem; border-radius: 1rem; box-shadow: 0 12px 30px rgba(0,0,0,0.08); transition: all 0.5s; animation: float 4s infinite ease-in-out; }\n.widget-header-line { height: 0.4rem; width: 60%; background: var(--ot-accent); border-radius: 4px; margin-bottom: 0.8rem; }\n.widget-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; margin-bottom: 0.8rem; }\n.w-slot { height: 1.5rem; border-radius: 4px; border: 1px solid rgba(0,0,0,0.1); }\n.widget-button { background: var(--ot-primary); color: white; font-size: 0.6rem; font-weight: 800; padding: 0.5rem; border-radius: 6px; text-align: center; }\n\n.theme-light { background: white; color: #000; }\n.theme-dark { background: #1a202c; color: #fff; }\n.theme-dark .w-slot { border-color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.05); }\n.theme-dark .widget-button { background: var(--ot-accent); color: #000; }\n\n.footer-status-desktop { margin-top: auto; display: flex; justify-content: center; padding: 1rem; }\n.live-status { display: flex; align-items: center; gap: 0.5rem; background: rgba(0,0,0,0.04); padding: 0.4rem 1rem; border-radius: 2rem; font-size: 0.65rem; font-weight: 800; }\n.pulse-dot { width: 0.4rem; height: 0.4rem; background: var(--ot-accent); border-radius: 50%; animation: blink 1.5s infinite; }\n.ot-builder-caption { background: var(--ot-primary); color: white; text-align: center; padding: 0.8rem; font-size: 0.85rem; font-weight: 600; }\n\n@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n@keyframes blink { 50% { opacity: 0.3; } }\n@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\n\n\/* --- TABLET OPTIMIZATION --- *\/\n@media (min-width: 769px) and (max-width: 1024px) {\n  :root { font-size: 13px; }\n  .engine-safe-wrapper { max-width: 720px; }\n  .visual-engine-center { gap: 1.5rem; }\n  .ot-sidebar { width: 4rem; }\n  .ot-preview-area { margin: 0.8rem; }\n}\n\n\/* --- MOBILE --- *\/\n@media (max-width: 768px) {\n  .ot-sidebar, .ot-status-tag, .footer-status-desktop { display: none; }\n  .ot-canvas { min-height: 320px; }\n  .visual-engine-center { flex-direction: column; gap: 1.2rem; }\n  .engine-safe-wrapper { max-width: 100%; }\n  .orbit-1, .orbit-2, .orbit-3 { display: none; }\n  .feature-stack, .pricing-card { width: 13rem; }\n}\n<\/style>\n\n<script>\n(() => {\n  const stepText = document.getElementById('ot-ai-design-step');\n  const widget = document.getElementById('main-widget');\n  const optLight = document.getElementById('opt-light');\n  const optDark = document.getElementById('opt-dark');\n\n  const steps = [\n    { text: \"Applying Light Theme...\", mode: 'light' },\n    { text: \"Injecting Dark color palette...\", mode: 'dark' },\n    { text: \"Optimizing visual contrast...\", mode: 'dark' },\n    { text: \"Rendering Minimal Light style...\", mode: 'light' }\n  ];\n\n  let current = 0;\n  function update() {\n    if(stepText && widget) {\n      const data = steps[current];\n      stepText.textContent = data.text;\n      if(data.mode === 'light') {\n        widget.className = 'mock-booking-widget theme-light';\n        optLight.classList.add('active');\n        optDark.classList.remove('active');\n      } else {\n        widget.className = 'mock-booking-widget theme-dark';\n        optDark.classList.add('active');\n        optLight.classList.remove('active');\n      }\n      current = (current + 1) % steps.length;\n      setTimeout(update, 3500);\n    }\n  }\n  updateStep = update;\n  updateStep();\n})();\n<\/script>\n\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<div class=\"elementor-element elementor-element-dd02a82 animated-slow e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"dd02a82\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-403e5fd elementor-widget elementor-widget-heading\" data-id=\"403e5fd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">WhatsApp Integration<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6eace9e elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6eace9e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Instant booking confirmation directly via WhatsApp, enhancing the guest experience and reducing no-shows.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f2fb44 elementor-widget elementor-widget-html\" data-id=\"0f2fb44\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"ot-ai-whatsapp-hybrid\">\n  <div class=\"ot-editor-toolbar\">\n    <div class=\"ot-dots\"><span><\/span><span><\/span><span><\/span><\/div>\n    <div class=\"ot-url-bar\">Octotable \/ Restaurant Reservation Widget<\/div>\n    <div class=\"ot-status-tag\">My Restaurant<\/div>\n  <\/div>\n\n  <div class=\"ot-canvas\">\n    <div class=\"ot-sidebar\">\n      <div class=\"ot-tool-box active\"><\/div>\n      <div class=\"ot-tool-box\"><\/div>\n      <div class=\"ot-tool-box\"><\/div>\n      <div class=\"ot-tool-box mt-auto\"><\/div>\n    <\/div>\n\n    <div class=\"ot-preview-area\">\n      <div class=\"soft-bg-overlay\"><\/div>\n      \n      <div class=\"engine-safe-wrapper\">\n        <div class=\"visual-engine-center\">\n          \n          <div class=\"engine-node\">\n            <div class=\"booking-card-mini\">\n              <div class=\"b-header\">NEW RESERVATION<\/div>\n              <div class=\"b-user\">\ud83d\udc64 Marco Rossi<\/div>\n              <div class=\"b-time\">\ud83d\udcc5 Tonight, 8:30 PM<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"engine-node hub-wrapper\">\n            <div class=\"ot-hub-core\">\n              <svg viewBox=\"0 0 24 24\" class=\"ot-ai-icon-img\">\n                <path fill=\"currentColor\" d=\"M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2m.01 1.67c2.2 0 4.26.86 5.82 2.42a8.225 8.225 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.24 8.23-1.48 0-2.93-.39-4.19-1.14l-.3-.17-3.12.82.83-3.04-.19-.3a8.232 8.232 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24m-3.53 3.31c-.13 0-.35.05-.53.25-.19.21-.71.69-.71 1.69 0 1 .73 1.97.83 2.11.1.14 1.43 2.19 3.47 3.07.48.21.86.33 1.16.43.49.15.93.13 1.29.08.39-.06 1.21-.5 1.38-.98.17-.48.17-.89.12-.98-.05-.09-.17-.14-.36-.23-.19-.1-.1-.36-.46-.36l-.66-.33c-.19-.1-.32-.12-.46.08-.14.21-.55.69-.68.83-.12.14-.25.16-.44.06-.19-.1-.8-.3-1.53-.94-.56-.5-1.07-1.11-1.27-1.45-.19-.34-.02-.53.08-.62.09-.09.19-.21.28-.32.1-.11.13-.19.19-.32.06-.13.03-.25-.01-.35-.04-.09-.36-.88-.5-1.2-.13-.33-.27-.28-.36-.29-.09-.01-.2-.01-.32-.01z\" \/>\n              <\/svg>\n              <div class=\"ot-hub-ring\"><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"engine-node\">\n            <div class=\"wa-bubble-card\">\n              <div class=\"wa-header\">\n                <span class=\"wa-dot\"><\/span> WhatsApp Business\n              <\/div>\n              <div class=\"wa-body\">\n                \"Hi Marco! Your reservation is confirmed \u2705\"\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"footer-status-desktop\">\n        <div class=\"live-status\">\n          <div class=\"pulse-dot\"><\/div>\n          <span>WhatsApp Confirmation: 100% Automated<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"ot-builder-caption\">\n    <span id=\"ot-ai-wa-step\">Generating confirmation message...<\/span>\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --ot-primary: #145c44;\n  --ot-accent: #2ecc71; \/* WhatsApp Green \/ Success *\/\n  --ot-bg-editor: #1a2b3c;\n  --ot-toolbar: #25394f;\n  --ot-canvas: #f8fafb;\n  \/* Auto-scaling fluid based on viewport width *\/\n  font-size: clamp(10px, 1.1vw, 15px);\n}\n\n#ot-ai-whatsapp-hybrid {\n  width: 95%; \n  max-width: 950px; \n  background: var(--ot-bg-editor);\n  border-radius: 20px; \n  overflow: hidden; \n  font-family: 'Inter', sans-serif;\n  box-shadow: 0 40px 80px rgba(0,0,0,0.4); \n  margin: 1.5rem auto;\n  display: flex;\n  flex-direction: column;\n}\n\n\/* UI TOOLBAR *\/\n.ot-editor-toolbar { background: var(--ot-toolbar); padding: 1rem 1.2rem; display: flex; align-items: center; gap: 1.5rem; flex-shrink: 0; }\n.ot-dots { display: flex; gap: 0.5rem; }\n.ot-dots span { width: 0.7rem; height: 0.7rem; border-radius: 50%; background: rgba(255,255,255,0.2); }\n.ot-url-bar { background: rgba(0,0,0,0.2); border-radius: 0.5rem; flex-grow: 1; font-size: 0.8rem; color: #a0aec0; padding: 0.5rem; text-align: center; }\n.ot-status-tag { font-size: 0.75rem; background: var(--ot-accent); color: #000; padding: 0.3rem 0.8rem; border-radius: 0.4rem; font-weight: 700; white-space: nowrap; }\n\n\/* CANVAS & SIDEBAR *\/\n.ot-canvas { display: flex; min-height: 420px; flex-grow: 1; }\n.ot-sidebar { width: 4.5rem; background: #203346; padding: 1.5rem 1rem; display: flex; flex-direction: column; gap: 1.5rem; flex-shrink: 0; }\n.ot-tool-box { width: 100%; height: 2.5rem; background: rgba(255,255,255,0.05); border-radius: 0.6rem; }\n.ot-tool-box.active { background: var(--ot-accent); }\n.mt-auto { margin-top: auto; }\n\n\/* PREVIEW AREA *\/\n.ot-preview-area {\n  flex-grow: 1; \n  background: var(--ot-canvas); \n  margin: 1.2rem; \n  border-radius: 1rem;\n  position: relative; \n  display: flex; \n  flex-direction: column; \n  padding: 1rem;\n  overflow: hidden;\n  justify-content: center;\n}\n\n\/* SAFE WRAPPER: Protection centering for MacBook 13\" *\/\n.engine-safe-wrapper {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  max-width: 680px; \n  margin: 0 auto;\n}\n\n.visual-engine-center {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 2rem;\n  width: 100%;\n  z-index: 5;\n}\n\n.engine-node { flex-shrink: 1; min-width: 0; }\n\n\/* BOOKING CARD *\/\n.booking-card-mini { \n  width: 10.5rem; \n  background: white; \n  padding: 0.8rem; \n  border-radius: 1rem; \n  box-shadow: 0 10px 25px rgba(0,0,0,0.05); \n  border-left: 4px solid var(--ot-primary); \n}\n.b-header { font-size: 0.55rem; font-weight: 900; color: #a0aec0; margin-bottom: 0.6rem; }\n.b-user { font-size: 0.75rem; font-weight: 800; color: #2d3748; white-space: nowrap; }\n.b-time { font-size: 0.65rem; color: #718096; }\n\n\/* HUB AI WHATSAPP *\/\n.ot-hub-core {\n  position: relative; \n  width: 5.5rem; height: 5.5rem; background: white;\n  border-radius: 50%; display: flex; align-items: center; justify-content: center;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.1); flex-shrink: 0;\n  color: #25D366;\n}\n.ot-ai-icon-img { width: 3rem; }\n.ot-hub-ring { position: absolute; inset: -0.5rem; border: 2px dashed var(--ot-accent); border-radius: 50%; animation: rotate 10s linear infinite; }\n\n\/* WA BUBBLE CARD *\/\n.wa-bubble-card { \n  width: 11rem; \n  background: white; \n  padding: 1rem; \n  border-radius: 1.2rem; \n  box-shadow: 0 15px 40px rgba(0,0,0,0.08); \n  animation: float 4s infinite ease-in-out; \n}\n.wa-header { font-size: 0.6rem; font-weight: 900; color: #25D366; display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.6rem; }\n.wa-dot { width: 0.4rem; height: 0.4rem; background: #25D366; border-radius: 50%; }\n.wa-body { \n  font-size: 0.7rem; font-weight: 600; color: #4a5568; line-height: 1.4; \n  background: #f0fdf4; padding: 0.6rem; border-radius: 0.6rem; \n}\n.wa-footer { font-size: 0.55rem; font-weight: 800; color: #a0aec0; margin-top: 0.6rem; text-align: right; }\n\n\/* FOOTER *\/\n.footer-status-desktop { margin-top: auto; display: flex; justify-content: center; padding: 1rem; }\n.live-status { display: flex; align-items: center; gap: 0.6rem; background: rgba(0,0,0,0.06); padding: 0.5rem 1.2rem; border-radius: 2rem; font-size: 0.7rem; font-weight: 800; }\n.pulse-dot { width: 0.5rem; height: 0.5rem; background: var(--ot-accent); border-radius: 50%; animation: blink 1.5s infinite; }\n.ot-builder-caption { background: var(--ot-primary); color: white; text-align: center; padding: 1rem; font-size: 0.9rem; font-weight: 600; }\n\n@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n@keyframes blink { 50% { opacity: 0.3; } }\n@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }\n\n\/* RESPONSIVE MOBILE *\/\n@media (max-width: 768px) {\n  .ot-sidebar, .ot-status-tag { display: none; }\n  .ot-canvas { min-height: 320px; }\n  .visual-engine-center { flex-direction: column; gap: 1.2rem; }\n  .engine-safe-wrapper { max-width: 100%; }\n  .booking-card-mini, .wa-bubble-card { width: 13rem; }\n}\n<\/style>\n\n<script>\n(() => {\n  const stepText = document.getElementById('ot-ai-wa-step');\n  const steps = [\n    \"Receiving new booking...\",\n    \"Validating phone contact...\",\n    \"Generating WhatsApp template...\",\n    \"Sending instant confirmation...\",\n    \"No-show reduction synchronization completed.\"\n  ];\n  let currentStep = 0;\n  function updateStep() {\n    if(stepText) {\n      stepText.textContent = steps[currentStep];\n      currentStep = (currentStep + 1) % steps.length;\n      setTimeout(updateStep, 4000);\n    }\n  }\n  updateStep();\n})();\n<\/script>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4f05ad9 e-flex e-con-boxed e-con e-parent\" data-id=\"4f05ad9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c198240 animated-slow e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"c198240\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6393d67 elementor-widget elementor-widget-heading\" data-id=\"6393d67\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Highlight Your Brand<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cba03e elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7cba03e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Choose to display your restaurant logo instead of Octotable\u2019s.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d05d4c elementor-widget elementor-widget-html\" data-id=\"7d05d4c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"ot-ai-brand-hybrid\">\n  <div class=\"ot-editor-toolbar\">\n    <div class=\"ot-dots\"><span><\/span><span><\/span><span><\/span><\/div>\n    <div class=\"ot-url-bar\">Octotable \/ Restaurant Reservation Widget<\/div>\n    <div class=\"ot-status-tag\">My Restaurant<\/div>\n  <\/div>\n\n  <div class=\"ot-canvas\">\n    <div class=\"ot-sidebar\">\n      <div class=\"ot-tool-box active\"><\/div>\n      <div class=\"ot-tool-box\"><\/div>\n      <div class=\"ot-tool-box\"><\/div>\n      <div class=\"ot-tool-box mt-auto\"><\/div>\n    <\/div>\n\n    <div class=\"ot-preview-area\">\n      <div class=\"soft-bg-overlay\"><\/div>\n      \n      <div class=\"engine-safe-wrapper\">\n        <div class=\"visual-engine-center\">\n          \n          <div class=\"engine-node side-node left\">\n            <div class=\"toggle-card\">\n              <div class=\"toggle-header\">LOGO VIEWER<\/div>\n              <div class=\"toggle-options\">\n                <div class=\"t-opt\" id=\"t-octo\">Octotable<\/div>\n                <div class=\"t-opt active\" id=\"t-custom\">Your Restaurant<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"engine-node hub-node\">\n            <div class=\"ot-hub-core\" id=\"brand-hub-core\">\n              <img decoding=\"async\" src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2025\/12\/icona-octotable-cappello-chef.webp\" alt=\"Octotable\" class=\"brand-logo-img\" id=\"logo-octo\" title=\"\">\n              <span id=\"logo-restaurant\" style=\"display:none; font-size: 2rem;\">\ud83d\udc68\u200d\ud83c\udf73<\/span>\n              <div class=\"ot-hub-ring\"><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"engine-node side-node right\">\n            <div class=\"branded-widget-card\">\n              <div class=\"widget-top-brand\">\n                <span id=\"widget-logo-type\">\ud83d\udc68\u200d\ud83c\udf73<\/span>\n                <span id=\"widget-brand-name\">Gourmet Rest.<\/span>\n              <\/div>\n              <div class=\"widget-body-mock\">\n                <div class=\"m-line\"><\/div>\n                <div class=\"m-line short\"><\/div>\n              <\/div>\n              <div class=\"white-label-tag\">CUSTOM BRANDING<\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"footer-status-desktop\">\n        <div class=\"live-status\">\n          <div class=\"pulse-dot\"><\/div>\n          <span>White Label Mode: ACTIVE<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"ot-builder-caption\">\n    <span id=\"ot-ai-brand-step\">Configuring visual identity...<\/span>\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --ot-primary: #145c44;\n  --ot-accent: #2ecc71;\n  --ot-bg-editor: #1a2b3c;\n  --ot-toolbar: #25394f;\n  --ot-canvas: #f8fafb;\n  \/* Fluid scaling based on viewport width *\/\n  font-size: clamp(10px, 1.05vw, 14px);\n}\n\n#ot-ai-brand-hybrid {\n  width: 95%; max-width: 920px; background: var(--ot-bg-editor);\n  border-radius: 20px; overflow: hidden; font-family: 'Inter', sans-serif;\n  box-shadow: 0 40px 80px rgba(0,0,0,0.4); margin: 1.5rem auto;\n  display: flex; flex-direction: column;\n}\n\n.ot-editor-toolbar { background: var(--ot-toolbar); padding: 0.8rem 1.2rem; display: flex; align-items: center; gap: 1.2rem; flex-shrink: 0; }\n.ot-dots { display: flex; gap: 0.4rem; }\n.ot-dots span { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: rgba(255,255,255,0.2); }\n.ot-url-bar { background: rgba(0,0,0,0.2); border-radius: 0.4rem; flex-grow: 1; font-size: 0.75rem; color: #a0aec0; padding: 0.4rem; text-align: center; }\n.ot-status-tag { font-size: 0.7rem; background: var(--ot-accent); color: #000; padding: 0.3rem 0.7rem; border-radius: 0.4rem; font-weight: 700; white-space: nowrap; }\n\n.ot-canvas { display: flex; min-height: 420px; flex-grow: 1; }\n.ot-sidebar { width: 4rem; background: #203346; padding: 1.5rem 0.8rem; display: flex; flex-direction: column; gap: 1.2rem; flex-shrink: 0; }\n.ot-tool-box { width: 100%; height: 2.2rem; background: rgba(255,255,255,0.05); border-radius: 0.5rem; }\n.ot-tool-box.active { background: var(--ot-accent); }\n.mt-auto { margin-top: auto; }\n\n.ot-preview-area {\n  flex-grow: 1; background: var(--ot-canvas); margin: 1rem; border-radius: 1rem;\n  position: relative; display: flex; flex-direction: column; padding: 0.5rem; overflow: hidden;\n}\n\n\/* SAFE WRAPPER: Flex 1 occupies space and centers vertically *\/\n.engine-safe-wrapper {\n  flex: 1;\n  width: 100%;\n  max-width: 640px; \n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center; \/* True vertical centering *\/\n}\n\n.visual-engine-center {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr; \/* Fixed Hub centered *\/\n  align-items: center;\n  gap: 1rem;\n  width: 100%;\n}\n\n.engine-node.side-node.left { display: flex; justify-content: flex-end; }\n.engine-node.side-node.right { display: flex; justify-content: flex-start; }\n.engine-node.hub-node { display: flex; justify-content: center; flex-shrink: 0; padding: 0 0.5rem; }\n\n\/* BRANDING CARD *\/\n.toggle-card { width: 9.5rem; background: white; padding: 0.7rem; border-radius: 0.8rem; box-shadow: 0 8px 20px rgba(0,0,0,0.05); }\n.toggle-header { font-size: 0.5rem; font-weight: 900; color: #a0aec0; margin-bottom: 0.5rem; letter-spacing: 0.5px; }\n.toggle-options { display: flex; flex-direction: column; gap: 0.3rem; }\n.t-opt { font-size: 0.6rem; font-weight: 700; color: #4a5568; padding: 0.4rem; background: #f8f9fa; border-radius: 0.4rem; white-space: nowrap; }\n.t-opt.active { border: 1px solid var(--ot-accent); background: #ebfbee; color: var(--ot-primary); }\n\n.ot-hub-core { position: relative; width: 4.8rem; height: 4.8rem; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }\n.brand-logo-img { width: 2.8rem; }\n.ot-hub-ring { position: absolute; inset: -0.4rem; border: 1.5px dashed var(--ot-accent); border-radius: 50%; animation: rotate 10s linear infinite; }\n\n.branded-widget-card { width: 10.5rem; background: white; padding: 0.8rem; border-radius: 1rem; box-shadow: 0 12px 30px rgba(0,0,0,0.08); animation: float 4s infinite ease-in-out; border-top: 3px solid var(--ot-primary); }\n.widget-top-brand { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.6rem; }\n#widget-logo-type { font-size: 1rem; }\n#widget-brand-name { font-size: 0.6rem; font-weight: 900; color: var(--ot-primary); white-space: nowrap; }\n.widget-body-mock { display: flex; flex-direction: column; gap: 0.3rem; }\n.m-line { height: 3px; width: 100%; background: #f1f3f5; border-radius: 2px; }\n.m-line.short { width: 50%; }\n.white-label-tag { font-size: 0.45rem; background: #fefcbf; color: #b7791f; padding: 0.15rem 0.4rem; border-radius: 0.3rem; font-weight: 900; margin-top: 0.6rem; display: inline-block; }\n\n\/* FOOTER FIX *\/\n.footer-status-desktop { flex-shrink: 0; padding: 1rem; display: flex; justify-content: center; }\n.live-status { display: flex; align-items: center; gap: 0.5rem; background: rgba(0,0,0,0.04); padding: 0.4rem 1rem; border-radius: 2rem; font-size: 0.65rem; font-weight: 800; }\n.pulse-dot { width: 0.4rem; height: 0.4rem; background: var(--ot-accent); border-radius: 50%; animation: blink 1.5s infinite; }\n.ot-builder-caption { background: var(--ot-primary); color: white; text-align: center; padding: 0.8rem; font-size: 0.85rem; font-weight: 600; }\n\n@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n@keyframes blink { 50% { opacity: 0.3; } }\n@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\n\n\/* --- TABLET OPTIMIZATION --- *\/\n@media (min-width: 769px) and (max-width: 1024px) {\n  :root { font-size: 13px; }\n  .engine-safe-wrapper { max-width: 720px; }\n  .visual-engine-center { gap: 1.5rem; }\n}\n\n\/* --- MOBILE --- *\/\n@media (max-width: 768px) {\n  .ot-sidebar, .ot-status-tag { display: none; }\n  .ot-canvas { min-height: 320px; }\n  .visual-engine-center { display: flex; flex-direction: column; gap: 1rem; }\n  .engine-safe-wrapper { max-width: 100%; align-items: center; }\n  .toggle-card, .branded-widget-card { width: 13rem; }\n}\n<\/style>\n\n<script>\n(() => {\n  const stepText = document.getElementById('ot-ai-brand-step');\n  const logoOcto = document.getElementById('logo-octo');\n  const logoRest = document.getElementById('logo-restaurant');\n  const optOcto = document.getElementById('t-octo');\n  const optRest = document.getElementById('t-custom');\n  const widgetLogo = document.getElementById('widget-logo-type');\n  const widgetName = document.getElementById('widget-brand-name');\n\n  const steps = [\n    { step: \"Loading Octotable logo...\", mode: \"octo\", name: \"Reservation Widget\" },\n    { step: \"Replacing with Restaurant Logo...\", mode: \"custom\", name: \"Gourmet Rest.\" },\n    { step: \"Customizing Widget Header...\", mode: \"custom\", name: \"Gourmet Rest.\" },\n    { step: \"Brand Visualization: 100% Custom\", mode: \"custom\", name: \"Gourmet Rest.\" }\n  ];\n\n  let current = 0;\n  function update() {\n    if(!stepText) return;\n    const data = steps[current];\n    stepText.textContent = data.step;\n    if(data.mode === \"octo\") {\n      logoOcto.style.display = \"block\";\n      logoRest.style.display = \"none\";\n      optOcto.classList.add('active');\n      optRest.classList.remove('active');\n      widgetLogo.textContent = \"\u2699\ufe0f\";\n      widgetName.textContent = data.name;\n    } else {\n      logoOcto.style.display = \"none\";\n      logoRest.style.display = \"block\";\n      optOcto.classList.remove('active');\n      optRest.classList.add('active');\n      widgetLogo.textContent = \"\ud83d\udc68\u200d\ud83c\udf73\";\n      widgetName.textContent = data.name;\n    }\n    current = (current + 1) % steps.length;\n    setTimeout(update, 3500);\n  }\n  update();\n})();\n<\/script>\n\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<div class=\"elementor-element elementor-element-a90a855 animated-slow e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"a90a855\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-735e994 elementor-widget elementor-widget-heading\" data-id=\"735e994\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Custom Styling<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db4a180 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"db4a180\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Edit the button\u2019s CSS to further tailor its appearance to your site\u2019s aesthetics.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a7b81a elementor-widget elementor-widget-html\" data-id=\"7a7b81a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"ot-ai-css-hybrid\">\n  <div class=\"ot-editor-toolbar\">\n    <div class=\"ot-dots\"><span><\/span><span><\/span><span><\/span><\/div>\n    <div class=\"ot-url-bar\">Octotable \/ CSS Customization<\/div>\n    <div class=\"ot-status-tag\">My Restaurant<\/div>\n  <\/div>\n\n  <div class=\"ot-canvas\">\n    <div class=\"ot-sidebar\">\n      <div class=\"ot-tool-box active\"><\/div>\n      <div class=\"ot-tool-box\"><\/div>\n      <div class=\"ot-tool-box\"><\/div>\n      <div class=\"ot-tool-box mt-auto\"><\/div>\n    <\/div>\n\n    <div class=\"ot-preview-area\">\n      <div class=\"soft-bg-overlay\"><\/div>\n      \n      <div class=\"engine-liquid-wrapper\">\n        <div class=\"visual-engine-center\">\n          \n          <div class=\"engine-node side-node left\">\n            <div class=\"code-card\">\n              <div class=\"code-header\">custom-style.css<\/div>\n              <div class=\"code-body\">\n                <div class=\"code-line\"><span class=\"c-prop\">background<\/span>: <span class=\"c-val\" id=\"css-bg\">#145c44<\/span>;<\/div>\n                <div class=\"code-line\"><span class=\"c-prop\">border-radius<\/span>: <span class=\"c-val\" id=\"css-radius\">8px<\/span>;<\/div>\n                <div class=\"code-line\"><span class=\"c-prop\">box-shadow<\/span>: <span class=\"c-val\" id=\"css-shadow\">none<\/span>;<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"engine-node hub-node\">\n            <div class=\"ot-hub-core\">\n              <svg viewBox=\"0 0 24 24\" class=\"ot-ai-icon-img\">\n                <path fill=\"currentColor\" d=\"M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2m.01 1.67c2.2 0 4.26.86 5.82 2.42a8.225 8.225 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.24 8.23-1.48 0-2.93-.39-4.19-1.14l-.3-.17-3.12.82.83-3.04-.19-.3a8.232 8.232 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24m-3.53 3.31c-.13 0-.35.05-.53.25-.19.21-.71.69-.71 1.69 0 1 .73 1.97.83 2.11.1.14 1.43 2.19 3.47 3.07.48.21.86.33 1.16.43.49.15.93.13 1.29.08.39-.06 1.21-.5 1.38-.98.17-.48.17-.89.12-.98-.05-.09-.17-.14-.36-.23-.19-.1-.1-.36-.46-.36l-.66-.33c-.19-.1-.32-.12-.46.08-.14.21-.55.69-.68.83-.12.14-.25.16-.44.06-.19-.1-.8-.3-1.53-.94-.56-.5-1.07-1.11-1.27-1.45-.19-.34-.02-.53.08-.62.09-.09.19-.21.28-.32.1-.11.13-.19.19-.32.06-.13.03-.25-.01-.35-.04-.09-.36-.88-.5-1.2-.13-.33-.27-.28-.36-.29-.09-.01-.2-.01-.32-.01z\" \/>\n              <\/svg>\n              <div class=\"ot-hub-ring\"><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"engine-node side-node right\">\n            <div class=\"preview-card-compact\">\n              <div class=\"preview-label\">LIVE PREVIEW<\/div>\n              <button id=\"custom-target-btn\">RESERVE NOW<\/button>\n              <div class=\"match-indicator\">CSS MATCH 100%<\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"footer-status-desktop\">\n        <div class=\"live-status\">\n          <div class=\"pulse-dot\"><\/div>\n          <span>CSS Injection: Real-time Rendering<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"ot-builder-caption\">\n    <span id=\"ot-ai-css-step\">Analyzing CSS selectors...<\/span>\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --ot-primary: #145c44;\n  --ot-accent: #2ecc71;\n  --ot-bg-editor: #1a2b3c;\n  --ot-toolbar: #25394f;\n  --ot-canvas: #f8fafb;\n  \/* Smart scaling: not too big on desktop, not too small on mobile *\/\n  font-size: clamp(10px, 1.1vw, 15px);\n}\n\n#ot-ai-css-hybrid {\n  width: 100%; max-width: 950px; background: var(--ot-bg-editor);\n  border-radius: 20px; overflow: hidden; font-family: 'Inter', sans-serif;\n  box-shadow: 0 40px 80px rgba(0,0,0,0.4); margin: 0 auto;\n  display: flex; flex-direction: column;\n}\n\n.ot-editor-toolbar { background: var(--ot-toolbar); padding: 1rem 1.2rem; display: flex; align-items: center; gap: 1rem; flex-shrink: 0; }\n.ot-dots { display: flex; gap: 0.4rem; }\n.ot-dots span { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: rgba(255,255,255,0.2); }\n.ot-url-bar { background: rgba(0,0,0,0.2); border-radius: 0.4rem; flex-grow: 1; font-size: 0.75rem; color: #a0aec0; padding: 0.4rem; text-align: center; }\n.ot-status-tag { font-size: 0.7rem; background: var(--ot-accent); color: #000; padding: 0.3rem 0.7rem; border-radius: 0.4rem; font-weight: 700; white-space: nowrap; }\n\n.ot-canvas { display: flex; min-height: 400px; flex-grow: 1; }\n.ot-sidebar { width: 4rem; background: #203346; padding: 1.5rem 0.8rem; display: flex; flex-direction: column; gap: 1.2rem; flex-shrink: 0; }\n.ot-tool-box { width: 100%; height: 2.2rem; background: rgba(255,255,255,0.05); border-radius: 0.5rem; }\n.ot-tool-box.active { background: var(--ot-accent); }\n.mt-auto { margin-top: auto; }\n\n\/* PREVIEW AREA *\/\n.ot-preview-area {\n  flex: 1; background: var(--ot-canvas); margin: 1.2rem; border-radius: 1rem;\n  position: relative; display: flex; flex-direction: column; overflow: hidden;\n}\n\n\/* LIQUID LOGIC: The wrapper takes up 95% and prevents cutting *\/\n.engine-liquid-wrapper {\n  flex: 1; width: 95%; margin: 0 auto;\n  display: flex; align-items: center; justify-content: center;\n}\n\n.visual-engine-center {\n  display: grid;\n  \/* Liquid grid: side columns shrink if needed *\/\n  grid-template-columns: minmax(8rem, 1.2fr) auto minmax(8rem, 1.2fr);\n  align-items: center;\n  gap: 1.5rem;\n  width: 100%;\n}\n\n.engine-node { min-width: 0; } \/* Prevents content from breaking grid *\/\n.engine-node.side-node.left { display: flex; justify-content: flex-end; }\n.engine-node.side-node.right { display: flex; justify-content: flex-start; }\n.engine-node.hub-node { display: flex; justify-content: center; padding: 0 0.5rem; }\n\n\/* RESPONSIVE CARD *\/\n.code-card, .preview-card-compact { \n  width: 100%; max-width: 11rem; \/* Max width but can shrink *\/\n  background: white; border-radius: 1rem; box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n}\n\n.code-card { background: #1e1e1e; overflow: hidden; }\n.code-header { background: #333; padding: 0.4rem 0.6rem; font-size: 0.55rem; color: #aaa; font-family: monospace; }\n.code-body { padding: 0.8rem; font-family: 'Fira Code', monospace; font-size: 0.65rem; line-height: 1.6; }\n.c-prop { color: #9cdcfe; }\n.c-val { color: #ce9178; transition: 0.3s; }\n\n.ot-hub-core {\n  position: relative; width: 5rem; height: 5rem; background: white;\n  border-radius: 50%; display: flex; align-items: center; justify-content: center;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1); flex-shrink: 0; color: var(--ot-primary);\n}\n.ot-ai-icon-img { width: 3rem; }\n.ot-hub-ring { position: absolute; inset: -0.5rem; border: 2px dashed var(--ot-accent); border-radius: 50%; animation: rotate 10s linear infinite; }\n\n.preview-card-compact { \n  padding: 1.2rem 0.8rem; text-align: center; animation: float 4s infinite ease-in-out; \n}\n.preview-label { font-size: 0.55rem; font-weight: 900; color: #a0aec0; margin-bottom: 0.8rem; letter-spacing: 1px; }\n\n#custom-target-btn { \n  border: none; padding: 0.6rem 0.8rem; font-size: 0.65rem; \n  font-weight: 800; color: white; width: 100%; border-radius: 6px;\n  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); \n}\n.match-indicator { margin-top: 0.8rem; font-size: 0.5rem; font-weight: 900; color: var(--ot-accent); }\n\n\/* FOOTER *\/\n.footer-status-desktop { flex-shrink: 0; padding: 1rem; display: flex; justify-content: center; }\n.live-status { display: flex; align-items: center; gap: 0.5rem; background: rgba(0,0,0,0.04); padding: 0.4rem 1rem; border-radius: 2rem; font-size: 0.65rem; font-weight: 800; }\n.pulse-dot { width: 0.4rem; height: 0.4rem; background: var(--ot-accent); border-radius: 50%; animation: blink 1.5s infinite; }\n.ot-builder-caption { background: var(--ot-primary); color: white; text-align: center; padding: 0.8rem; font-size: 0.85rem; font-weight: 600; }\n\n@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n@keyframes blink { 50% { opacity: 0.3; } }\n@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\n\n\/* --- TABLET OPTIMIZATION --- *\/\n@media (min-width: 769px) and (max-width: 1024px) {\n  :root { font-size: 13px; }\n  .engine-safe-wrapper { max-width: 720px; }\n  .visual-engine-center { gap: 1.5rem; }\n}\n\n\/* --- MOBILE --- *\/\n@media (max-width: 768px) {\n  .ot-sidebar, .ot-status-tag { display: none; }\n  .ot-canvas { min-height: 320px; }\n  .visual-engine-center { display: flex; flex-direction: column; gap: 1rem; }\n  .engine-safe-wrapper { max-width: 100%; align-items: center; }\n  .toggle-card, .branded-widget-card { width: 13rem; }\n}\n<\/style>\n\n<script>\n(() => {\n  const stepText = document.getElementById('ot-ai-css-step');\n  const btn = document.getElementById('custom-target-btn');\n  const codeBg = document.getElementById('css-bg');\n  const codeRadius = document.getElementById('css-radius');\n  const codeShadow = document.getElementById('css-shadow');\n\n  const states = [\n    { step: \"Resetting default style...\", bg: \"#145c44\", radius: \"8px\", shadow: \"none\", btnBg: \"#145c44\", btnRadius: \"8px\", btnShadow: \"none\" },\n    { step: \"Applying custom brand color...\", bg: \"#2ecc71\", radius: \"8px\", shadow: \"none\", btnBg: \"#2ecc71\", btnRadius: \"8px\", btnShadow: \"none\" },\n    { step: \"Modifying border radius...\", bg: \"#2ecc71\", radius: \"30px\", shadow: \"none\", btnBg: \"#2ecc71\", btnRadius: \"30px\", btnShadow: \"none\" },\n    { step: \"Adding external shadow...\", bg: \"#2ecc71\", radius: \"30px\", shadow: \"0 10px 20px\", btnBg: \"#2ecc71\", btnRadius: \"30px\", btnShadow: \"0 10px 20px rgba(46,204,113,0.4)\" }\n  ];\n\n  let current = 0;\n  function update() {\n    if(!stepText) return;\n    const data = states[current];\n    stepText.textContent = data.step;\n    codeBg.textContent = data.bg;\n    codeRadius.textContent = data.radius;\n    codeShadow.textContent = data.shadow;\n    btn.style.backgroundColor = data.btnBg;\n    btn.style.borderRadius = data.btnRadius;\n    btn.style.boxShadow = data.btnShadow;\n    current = (current + 1) % states.length;\n    setTimeout(update, 3500);\n  }\n  update();\n})();\n<\/script>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-87ac7a7 e-flex e-con-boxed e-con e-parent\" data-id=\"87ac7a7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7382de6 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"7382de6\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8dbf22f elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"8dbf22f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Directly on your website<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3efeb98 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"3efeb98\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">WordPress Integration<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b09245 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9b09245\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>If you have a WordPress site, download our plugin to easily install the widget. Just a few clicks and it&#8217;s ready to use.<\/p><div class=\"flex flex-col text-sm\"><article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" tabindex=\"-1\" data-turn-id=\"request-69611211-eca0-8327-8355-2992bc69f3c0-53\" data-testid=\"conversation-turn-68\" data-scroll-anchor=\"true\" data-turn=\"assistant\"><div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] @w-sm\/main:[--thread-content-margin:--spacing(6)] @w-lg\/main:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\"><div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\"><div class=\"flex max-w-full flex-col grow\"><div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"79ba2095-2ba8-44a3-85f4-17e2aa5c8009\" data-message-model-slug=\"gpt-4o-mini\"><div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[1px]\"><div class=\"markdown prose dark:prose-invert w-full break-words dark markdown-new-styling\"><p data-start=\"14\" data-end=\"81\">Adding the restaurant reservation widget to your website is simple:<\/p><ol data-start=\"83\" data-end=\"368\" data-is-last-node=\"\" data-is-only-node=\"\"><li data-start=\"83\" data-end=\"135\"><p data-start=\"86\" data-end=\"135\"><a href=\"https:\/\/www.octotable.com\/en\/sign-up\/\"><strong>Sign up on Octotable<\/strong><\/a> and go to the Widget section<\/p><\/li><li data-start=\"136\" data-end=\"198\"><p data-start=\"139\" data-end=\"198\">Configure your preferences and widget customization options<\/p><\/li><li data-start=\"199\" data-end=\"233\"><p data-start=\"202\" data-end=\"233\">Copy the generated code snippet<\/p><\/li><li data-start=\"234\" data-end=\"313\"><p data-start=\"237\" data-end=\"313\">Paste the code into your website where you want the booking button to appear<\/p><\/li><li data-start=\"314\" data-end=\"368\" data-is-last-node=\"\"><p data-start=\"317\" data-end=\"368\" data-is-last-node=\"\">Start receiving bookings directly from your website<\/p><\/li><\/ol><\/div><\/div><\/div><\/div><div class=\"z-0 flex min-h-[46px] justify-start\">\u00a0<\/div><div class=\"mt-3 w-full empty:hidden\"><div class=\"text-center\">\u00a0<\/div><\/div><\/div><\/div><\/article><\/div><div class=\"pointer-events-none h-px w-px absolute bottom-0\" aria-hidden=\"true\" data-edge=\"true\">\u00a0<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b277f42 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"b277f42\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1080\" height=\"1080\" src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress.webp\" class=\"attachment-full size-full wp-image-29882\" alt=\"Japanese restaurant owner performing tasks on his restaurant website via tablet.\" srcset=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress.webp 1080w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress-300x300.webp 300w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress-1024x1024.webp 1024w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress-150x150.webp 150w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress-768x768.webp 768w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress-100x100.webp 100w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress-200x200.webp 200w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress-400x400.webp 400w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/widget-ristorante-prenotazione-wordpress-500x500.webp 500w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" title=\"\">\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-e8c398e e-flex e-con-boxed e-con e-parent\" data-id=\"e8c398e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8edc927 elementor-hidden-tablet elementor-hidden-mobile elementor-invisible elementor-widget elementor-widget-image\" data-id=\"8edc927\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-1024x1024.webp\" class=\"attachment-large size-large wp-image-29890\" alt=\"Multilingual restaurant website with the Octotable reservation widget displayed on a laptop and tablet.\" srcset=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-1024x1024.webp 1024w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-300x300.webp 300w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-150x150.webp 150w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-768x768.webp 768w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-100x100.webp 100w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-200x200.webp 200w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-400x400.webp 400w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-500x500.webp 500w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua.webp 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b1b945 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"4b1b945\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e806785 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e806785\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Accessible for everyone<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e423ae8 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e423ae8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Multilingual Support<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84cb151 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"84cb151\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Automatic translation in missing languages, making your booking system accessible to guests from all over the world.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e43a0d0 elementor-hidden-desktop elementor-invisible elementor-widget elementor-widget-image\" data-id=\"e43a0d0\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-1024x1024.webp\" class=\"attachment-large size-large wp-image-29890\" alt=\"Multilingual restaurant website with the Octotable reservation widget displayed on a laptop and tablet.\" srcset=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-1024x1024.webp 1024w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-300x300.webp 300w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-150x150.webp 150w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-768x768.webp 768w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-100x100.webp 100w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-200x200.webp 200w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-400x400.webp 400w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua-500x500.webp 500w, https:\/\/www.octotable.com\/wp-content\/uploads\/2026\/01\/sito-web-multilingua.webp 1080w\" sizes=\"(max-width: 800px) 100vw, 800px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-9bc7873 e-con-full e-flex e-con e-parent\" data-id=\"9bc7873\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t<div class=\"elementor-element elementor-element-e36bebd e-flex e-con-boxed e-con e-child\" data-id=\"e36bebd\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-201ed2b e-flex e-con-boxed e-con e-child\" data-id=\"201ed2b\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59ae773 elementor-widget elementor-widget-menu-anchor\" data-id=\"59ae773\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\nbody.elementor-page .elementor-widget-menu-anchor{margin-bottom:0}<\/style>\t\t<div id=\"proA\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18ba28c elementor-widget elementor-widget-heading\" data-id=\"18ba28c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">What are you waiting for?<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3633bae elementor-widget elementor-widget-heading\" data-id=\"3633bae\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Start receiving reservations from Google in just 3 minutes<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9effdf6 elementor-widget__width-inherit elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9effdf6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>With Octotable\u2019s AI assistant and a complete platform for bookings, digital menus, orders, payments and communication, managing your restaurant becomes simple and efficient.<\/p><p>Optimize daily operations, enhance the guest experience and grow your business with a solution designed for modern restaurants.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91c7e67 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"91c7e67\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"ot-safe-showcase\">\n  <div class=\"ot-stage\">\n    \n    <div class=\"ot-phone-v3\">\n      <div class=\"ot-phone-screen-v3\">\n        <div class=\"ot-mock-content\">\n          <div class=\"ot-mock-header\"><\/div>\n          <div class=\"ot-mock-img\"><\/div>\n          <div class=\"ot-mock-line\"><\/div>\n          <div class=\"ot-mock-line short\"><\/div>\n          <div class=\"ot-mock-btn\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ot-notif-card n-top\">\n      <span class=\"ot-status-dot blue\"><\/span>\n      <span class=\"ot-notif-text\">New booking<\/span>\n    <\/div>\n\n    <div class=\"ot-notif-card n-bottom\">\n      <span class=\"ot-status-dot green\"><\/span>\n      <span class=\"ot-notif-text\">Table 5 confirmed<\/span>\n    <\/div>\n\n    <div class=\"ot-bg-circle\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n#ot-safe-showcase {\n  width: 100%;\n  height: 480px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  font-family: 'Inter', sans-serif;\n  overflow: visible; \/* Fondamentale per far vedere le notifiche che escono *\/\n}\n\n.ot-stage {\n  position: relative;\n  width: 280px;\n  height: 380px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* Smartphone Frame *\/\n.ot-phone-v3 {\n  width: 160px;\n  height: 330px;\n  background: #0D2C33; \/* Colore Brand *\/\n  border-radius: 28px;\n  padding: 10px;\n  box-shadow: 0 30px 60px rgba(13, 44, 51, 0.2);\n  z-index: 10;\n  animation: otFloatSimple 5s ease-in-out infinite;\n}\n\n.ot-phone-screen-v3 {\n  width: 100%;\n  height: 100%;\n  background: #FFFFFF;\n  border-radius: 20px;\n  overflow: hidden;\n  padding: 15px;\n}\n\n\/* Mockup UI *\/\n.ot-mock-content { display: flex; flex-direction: column; gap: 12px; }\n.ot-mock-header { width: 40px; height: 6px; background: #F0F0F0; border-radius: 3px; }\n.ot-mock-img { width: 100%; height: 90px; background: #F8FAFB; border-radius: 12px; }\n.ot-mock-line { width: 100%; height: 4px; background: #F0F0F0; border-radius: 2px; }\n.ot-mock-line.short { width: 60%; }\n.ot-mock-btn { width: 100%; height: 32px; background: #145c44; border-radius: 8px; margin-top: 10px; }\n\n\/* Notifiche *\/\n.ot-notif-card {\n  position: absolute;\n  background: #FFFFFF;\n  padding: 12px 18px;\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  box-shadow: 0 15px 35px rgba(0,0,0,0.06);\n  border: 1px solid rgba(13, 44, 51, 0.05);\n  z-index: 20;\n  white-space: nowrap;\n  animation: otNotifFloat 6s ease-in-out infinite;\n}\n\n.ot-status-dot { width: 8px; height: 8px; border-radius: 50%; }\n.ot-status-dot.blue { background: #4285F4; }\n.ot-status-dot.green { background: #34A853; }\n.ot-notif-text { font-size: 13px; font-weight: 500; color: #0D2C33; }\n\n.n-top { top: 15%; right: -30%; animation-delay: 0s; }\n.n-bottom { bottom: 20%; left: -30%; animation-delay: 1s; }\n\n\/* Sfondo *\/\n.ot-bg-circle {\n  position: absolute;\n  width: 280px;\n  height: 280px;\n  background: radial-gradient(circle, rgba(20, 92, 68, 0.04) 0%, transparent 70%);\n  z-index: 1;\n}\n\n\/* Animazioni 2D Safe *\/\n@keyframes otFloatSimple {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-15px); }\n}\n\n@keyframes otNotifFloat {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n\n\/* Mobile responsive *\/\n@media (max-width: 600px) {\n  #ot-safe-showcase { height: 400px; }\n  .ot-stage { transform: scale(0.85); }\n  .n-top { right: -15%; }\n  .n-bottom { left: -15%; }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b390a57 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"b390a57\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    \/* Contenitore per evitare che lo scale crei spazi vuoti *\/\n    #octoFrame-mobile {\n        width: 100%;\n        min-height: 350px;\n        max-height: 500px;\n        border: none;\n        display: block;\n    }\n<\/style>\n\n<div class=\"octo-container\">\n    <iframe id=\"octoFrame-mobile\" \n            src=\"https:\/\/www.octotable.com\/octotable-admin\/auth?action=register&site=true\" \n            allow=\"geolocation\">\n    <\/iframe>\n<\/div>\n\n<script>\n  (function() {\n    \/\/ 1. Recupera i parametri UTM dall'URL della pagina principale\n    var urlParams = new URLSearchParams(window.location.search);\n    var utmSource = urlParams.get('utm_source');\n    var utmMedium = urlParams.get('utm_medium');\n    var utmCampaign = urlParams.get('utm_campaign');\n\n    \/\/ 2. Seleziona l'iframe mobile tramite il suo ID\n    var iframeMobile = document.getElementById('octoFrame-mobile');\n    \n    if (iframeMobile) {\n      var newSrc = iframeMobile.src;\n      \n      \/\/ 3. Aggiunge i parametri all'URL dell'iframe solo se sono presenti nell'URL del browser\n      if (utmSource) newSrc += '&utm_source=' + encodeURIComponent(utmSource);\n      if (utmMedium) newSrc += '&utm_medium=' + encodeURIComponent(utmMedium);\n      if (utmCampaign) newSrc += '&utm_campaign=' + encodeURIComponent(utmCampaign);\n      \n      \/\/ 4. Aggiorna l'indirizzo dell'iframe per includere i tracciamenti\n      iframeMobile.src = newSrc;\n    }\n  })();\n<\/script>\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<div class=\"elementor-element elementor-element-c5dac9c elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-child\" data-id=\"c5dac9c\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7136260 elementor-widget elementor-widget-html\" data-id=\"7136260\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<iframe id=\"octoFrame-desktop\" \n        style=\"width: 100%; min-height: 380px; border-radius: 15px; overflow: hidden;\" \n        src=\"https:\/\/www.octotable.com\/octotable-admin\/auth?action=register&site=true\" \n        allow=\"geolocation\">\n<\/iframe>\n\n<script>\n  (function() {\n    \/\/ 1. Recupera i nuovi parametri dall'URL del browser\n    var urlParams = new URLSearchParams(window.location.search);\n    var utmSource = urlParams.get('utm_source');\n    var utmMedium = urlParams.get('utm_medium');\n    var utmCampaign = urlParams.get('utm_campaign');\n\n    \/\/ 2. Seleziona l'iframe\n    var iframe = document.getElementById('octoFrame-desktop');\n    \n    if (iframe) {\n      var newSrc = iframe.src;\n      \n      \/\/ 3. Aggiunge i parametri all'URL dell'iframe solo se presenti\n      if (utmSource) newSrc += '&utm_source=' + encodeURIComponent(utmSource);\n      if (utmMedium) newSrc += '&utm_medium=' + encodeURIComponent(utmMedium);\n      if (utmCampaign) newSrc += '&utm_campaign=' + encodeURIComponent(utmCampaign);\n      \n      \/\/ 4. Applica il nuovo URL all'iframe\n      iframe.src = newSrc;\n    }\n  })();\n<\/script>\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da7ecdc e-flex e-con-boxed e-con e-parent\" data-id=\"da7ecdc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dac713 elementor-widget elementor-widget-heading\" data-id=\"0dac713\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Frequently Asked Questions<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7379df4 elementor-widget-tablet__width-initial elementor-widget elementor-widget-accordion\" data-id=\"7379df4\" data-element_type=\"widget\" data-widget_type=\"accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-accordion{text-align:left}.elementor-accordion .elementor-accordion-item{border:1px solid #d5d8dc}.elementor-accordion .elementor-accordion-item+.elementor-accordion-item{border-top:none}.elementor-accordion .elementor-tab-title{margin:0;padding:15px 20px;font-weight:700;line-height:1;cursor:pointer;outline:none}.elementor-accordion .elementor-tab-title .elementor-accordion-icon{display:inline-block;width:1.5em}.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg{width:1em;height:1em}.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right{float:right;text-align:right}.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left{float:left;text-align:left}.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed{display:block}.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened,.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed{display:none}.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened{display:block}.elementor-accordion .elementor-tab-content{display:none;padding:15px 20px;border-top:1px solid #d5d8dc}@media (max-width:767px){.elementor-accordion .elementor-tab-title{padding:12px 15px}.elementor-accordion .elementor-tab-title .elementor-accordion-icon{width:1.2em}.elementor-accordion .elementor-tab-content{padding:7px 15px}}.e-con-inner>.elementor-widget-accordion,.e-con>.elementor-widget-accordion{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1211\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-1211\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">How is the restaurant reservation widget different from a booking page link?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1211\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-1211\"><p>While both allow guests to make reservations, the restaurant reservation widget integrates directly into your website\u2019s design with a customizable button that opens a booking interface without leaving your site. A booking link, on the other hand, redirects customers to a separate Octotable booking page. The widget offers a smoother experience and typically leads to higher conversion rates.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1212\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-1212\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Can I customize the widget\u2019s appearance on my site?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1212\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-1212\"><p>Yes, especially with the EVO version. You can select light or dark themes, choose fonts, display your logo, and modify the CSS for full visual integration with your website. This ensures that the restaurant reservation widget fits perfectly with your brand identity.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1213\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-1213\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Is the restaurant reservation widget mobile-friendly?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1213\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-1213\"><p>Absolutely. The widget is fully responsive and optimized for all devices, including smartphones and tablets. The button and booking interface automatically adapt to different screen sizes to provide the best user experience across all devices.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1214\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-1214\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">How are widget bookings synced with other reservation channels?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1214\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-1214\"><p>All reservations made via the widget are instantly synced with your main Octotable system, alongside bookings from other channels like Google, phone calls, or walk-in customers. This centralized management prevents scheduling conflicts and double bookings.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-1215\" class=\"elementor-tab-title\" data-tab=\"5\" role=\"button\" aria-controls=\"elementor-tab-content-1215\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-right\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus-square\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">What technical knowledge is required to implement the restaurant reservation widget?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1215\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"region\" aria-labelledby=\"elementor-tab-title-1215\"><p>Absolutely. You can configure special events with different settings compared to daily services. For each event (such as themed dinners, tastings, or holidays), you can customize schedules, availability, and other specific options.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-bcf46f7 e-con-full e-flex e-con e-parent\" data-id=\"bcf46f7\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t<div class=\"elementor-element elementor-element-3797986 e-flex e-con-boxed e-con e-child\" data-id=\"3797986\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85f7a61 elementor-widget elementor-widget-heading\" data-id=\"85f7a61\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Other Products<\/h2>\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<div class=\"elementor-element elementor-element-ddf2aad e-con-full e-flex e-con e-child\" data-id=\"ddf2aad\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-f6c8515 e-con-full e-flex e-con e-child\" data-id=\"f6c8515\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-694cd08 elementor-widget elementor-widget-heading\" data-id=\"694cd08\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">24\/7 AI Voice Assistant<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3948db4 elementor-widget elementor-widget-text-editor\" data-id=\"3948db4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Give yourself more time for you and your customers. Let the Octotable AI assistant answer the phone and manage reservations and changes. If the customer needs to speak to you, the agent will detect it and forward the call only when truly necessary.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5590620 elementor-widget elementor-widget-button\" data-id=\"5590620\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/ai-voice-assistant-for-restaurants\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60a4981 e-con-full e-flex e-con e-child\" data-id=\"60a4981\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-b9fdc11 e-con-full e-flex e-con e-child\" data-id=\"b9fdc11\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f441be elementor-widget elementor-widget-heading\" data-id=\"2f441be\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Reserve with Google<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cccf59 elementor-widget elementor-widget-text-editor\" data-id=\"5cccf59\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Make your restaurant reservable directly from Google and Google Maps. With Octotable, you activate it in just 3 minutes and immediately start receiving free reservations synced in real-time to avoid overbooking and no-shows.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2faa9a elementor-widget elementor-widget-button\" data-id=\"a2faa9a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/reserve-with-google\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d70ad6 e-con-full e-flex e-con e-child\" data-id=\"4d70ad6\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-c44c925 e-con-full e-flex e-con e-child\" data-id=\"c44c925\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35c3e17 elementor-widget elementor-widget-heading\" data-id=\"35c3e17\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Website Builder for Restaurants<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5584f54 elementor-widget elementor-widget-text-editor\" data-id=\"5584f54\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Create a professional site for your venue without needing technical skills. Our restaurant website creation tool allows you to integrate reservations, customize the design, and improve online visibility with advanced SEO tools.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f195df2 elementor-widget elementor-widget-button\" data-id=\"f195df2\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/website-builder-for-restaurants\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50e3d1e e-con-full e-flex e-con e-child\" data-id=\"50e3d1e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-6eb7ef9 e-con-full e-flex e-con e-child\" data-id=\"6eb7ef9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b901950 elementor-widget elementor-widget-heading\" data-id=\"b901950\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Digital Menu<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60a57f6 elementor-widget elementor-widget-text-editor\" data-id=\"60a57f6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Offer your customers a modern and interactive experience. The digital menu for restaurants allows you to update dishes in real-time, support multiple languages, and simplify orders via QR code, reducing waiting times and improving service efficiency.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0759d9b elementor-widget elementor-widget-button\" data-id=\"0759d9b\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/digital-menu-for-restaurants\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cbe941 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"6cbe941\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-6032641 e-con-full e-flex e-con e-child\" data-id=\"6032641\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e2af06 elementor-widget elementor-widget-heading\" data-id=\"3e2af06\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Reservation Widget<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1dba35 elementor-widget elementor-widget-text-editor\" data-id=\"f1dba35\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Integrate reservations directly into your website without redirecting customers elsewhere. With Octotable, you activate the widget in minutes and start receiving reservations 24\/7, with a customizable design and confirmation via WhatsApp as well.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b9e210 elementor-widget elementor-widget-button\" data-id=\"4b9e210\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/restaurant-reservation-widget\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f43cf4 e-con-full e-flex e-con e-child\" data-id=\"1f43cf4\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-2442b2e e-con-full e-flex e-con e-child\" data-id=\"2442b2e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25d4983 elementor-widget elementor-widget-heading\" data-id=\"25d4983\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Digital Agenda<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3963707 elementor-widget elementor-widget-text-editor\" data-id=\"3963707\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Easily manage your restaurant&#8217;s reservations with an intuitive and automated system. Thanks to restaurant reservation management, you can accept reservations from Google, the website, and social media, avoiding overbooking with real-time synchronization.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-121dac1 elementor-widget elementor-widget-button\" data-id=\"121dac1\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/restaurant-reservation-app\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df6199e e-con-full e-flex e-con e-child\" data-id=\"df6199e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-6321655 e-con-full e-flex e-con e-child\" data-id=\"6321655\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-239ecb3 elementor-widget elementor-widget-heading\" data-id=\"239ecb3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Waitlist<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a455c5c elementor-widget elementor-widget-text-editor\" data-id=\"a455c5c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Manage guests intelligently and reduce waits. With a well-organized restaurant waitlist, you can optimize entry flows, send updates via SMS or email, and reduce no-shows, maximizing table turnover.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a67197 elementor-widget elementor-widget-button\" data-id=\"3a67197\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/waiting-list-for-restaurant\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae94866 e-con-full e-flex e-con e-child\" data-id=\"ae94866\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-9f63d61 e-con-full e-flex e-con e-child\" data-id=\"9f63d61\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a290e7 elementor-widget elementor-widget-heading\" data-id=\"0a290e7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table Management<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b00475 elementor-widget elementor-widget-text-editor\" data-id=\"3b00475\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Maximize efficiency and improve service with an intelligent system. Restaurant table management allows you to monitor table status, manage reservations and walk-ins in real-time, and optimize the dining room layout for an impeccable experience.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-174e264 elementor-widget elementor-widget-button\" data-id=\"174e264\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/restaurant-table-management\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4931d3 e-con-full e-flex e-con e-child\" data-id=\"b4931d3\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-0c433b5 e-con-full e-flex e-con e-child\" data-id=\"0c433b5\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4be967e elementor-widget elementor-widget-heading\" data-id=\"4be967e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Customer Database<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56e7402 elementor-widget elementor-widget-text-editor\" data-id=\"56e7402\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Retain your customers and improve service with an advanced tool. A restaurant customer database helps you track guest preferences, analyze visit history, and create personalized marketing campaigns to increase repeat reservations.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2346b67 elementor-widget elementor-widget-button\" data-id=\"2346b67\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/restaurant-customer-database\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad81dbb e-con-full e-flex e-con e-child\" data-id=\"ad81dbb\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-fd01f8e e-con-full e-flex e-con e-child\" data-id=\"fd01f8e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f15a7b4 elementor-widget elementor-widget-heading\" data-id=\"f15a7b4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Marketing for restaurants<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd874b4 elementor-widget elementor-widget-text-editor\" data-id=\"fd874b4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Optimize your restaurant marketing with automated messages and trackable links. Communicate effectively with your customers and send promotions via SMS or email, monitoring clicks and bookings in real-time to invest only in channels that bring concrete results.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d52abeb elementor-widget elementor-widget-button\" data-id=\"d52abeb\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/marketing-for-restaurants\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c26d113 e-con-full e-flex e-con e-child\" data-id=\"c26d113\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_offset&quot;:50,&quot;sticky_parent&quot;:&quot;yes&quot;,&quot;sticky_offset_tablet&quot;:150,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_effects_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-4db73d9 e-con-full e-flex e-con e-child\" data-id=\"4db73d9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bdc222 elementor-widget elementor-widget-heading\" data-id=\"9bdc222\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pay and Go<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71ecbd4 elementor-widget elementor-widget-text-editor\" data-id=\"71ecbd4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Allow your customers to order and pay for a dish or a drink. Simply use the Octotable app to verify the payment and serve the customer quickly and smoothly.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2494e59 elementor-widget elementor-widget-button\" data-id=\"2494e59\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.octotable.com\/en\/pay-and-go\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FIND OUT MORE<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d62d038 e-flex e-con-boxed e-con e-parent\" data-id=\"d62d038\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33cee21 elementor-widget elementor-widget-image-carousel\" data-id=\"33cee21\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;7&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;no&quot;,&quot;autoplay_speed&quot;:1000,&quot;speed&quot;:1517,&quot;slides_to_show_tablet&quot;:&quot;6&quot;,&quot;slides_to_show_mobile&quot;:&quot;3&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.18.0 - 20-12-2023 *\/\n.elementor-widget-image-carousel .swiper,.elementor-widget-image-carousel .swiper-container{position:static}.elementor-widget-image-carousel .swiper-container .swiper-slide figure,.elementor-widget-image-carousel .swiper .swiper-slide figure{line-height:inherit}.elementor-widget-image-carousel .swiper-slide{text-align:center}.elementor-image-carousel-wrapper:not(.swiper-container-initialized):not(.swiper-initialized) .swiper-slide{max-width:calc(100% \/ var(--e-image-carousel-slides-to-show, 3))}<\/style>\t\t<div class=\"elementor-image-carousel-wrapper swiper-container\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 8\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2025\/12\/18.webp\" alt=\"18\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 8\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2025\/12\/30.webp\" alt=\"30\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 8\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2025\/12\/26.webp\" alt=\"26\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 8\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2025\/12\/20.webp\" alt=\"20\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 8\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2025\/12\/22.webp\" alt=\"22\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 8\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2025\/12\/24.webp\" alt=\"24\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 8\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2025\/12\/34.webp\" alt=\"34\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 8\"><figure class=\"swiper-slide-inner\"><img class=\"swiper-slide-image swiper-lazy\" data-src=\"https:\/\/www.octotable.com\/wp-content\/uploads\/2025\/12\/32.webp\" alt=\"32\" \/><div class=\"swiper-lazy-preloader\"><\/div><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\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\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Restaurant Reservation Widget Seamlessly integrate reservations into your website with our customizable widget now with guest confirmation via WhatsApp. Turn your website into a powerful booking tool with OctoTable\u2019s restaurant reservation widget. Embed this versatile booking system directly on your site to receive reservations 24\/7 without redirecting your customers elsewhere. START NOW Complete control over [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":27915,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20816","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.octotable.com\/en\/wp-json\/wp\/v2\/pages\/20816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.octotable.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.octotable.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.octotable.com\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.octotable.com\/en\/wp-json\/wp\/v2\/comments?post=20816"}],"version-history":[{"count":88,"href":"https:\/\/www.octotable.com\/en\/wp-json\/wp\/v2\/pages\/20816\/revisions"}],"predecessor-version":[{"id":36535,"href":"https:\/\/www.octotable.com\/en\/wp-json\/wp\/v2\/pages\/20816\/revisions\/36535"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.octotable.com\/en\/wp-json\/wp\/v2\/media\/27915"}],"wp:attachment":[{"href":"https:\/\/www.octotable.com\/en\/wp-json\/wp\/v2\/media?parent=20816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}