Уиджет за резервации
Добавете уиджет за резервации към уебсайта си
Един ред код слага работеща форма за резервации на всяка страница. Или бутон, който я отваря в наслагващ прозорец. Или просто линк. Без плъгин, без разработчик, без месечна такса за уиджет. Включен е във всеки план на Nabsie, включително Free.
Опитайте
Изберете стил и копирайте кода
Въведете идентификатора на заведението си (последната част от линка за резервации) и кодът се обновява. Демонстрационното заведение е demo-arms.
Поставете това там, където искате да се появи формата за резервации. Тя се разтяга, за да се побере, и съвпада с ширината на страницата Ви.
<script src="https://my.nabsie.com/embed.js" data-venue="your-venue"></script>Добавя бутон „Резервирайте маса“ във Вашия основен цвят. Натискането му отваря страницата за резервации в наслагващ прозорец. Можете да смените текста и цвета.
<script src="https://my.nabsie.com/embed.js" data-venue="your-venue" data-mode="button" data-label="Book a table" data-colour="#0f5c4c"></script>Всеки съществуващ бутон или линк може също да отваря наслагващия прозорец. Задайте му класа nabsie-open и атрибута data-venue и заредете скрипта веднъж някъде на страницата.
За конструктори, които допускат само iframe. Задайте височината според нуждата; 760px побира цялата форма на повечето екрани.
<iframe src="https://my.nabsie.com/book/your-venue?embed=1" title="Book a table" style="width:100%;height:760px;border:0"></iframe>Без никакви промени по уебсайта. Ползвайте го навсякъде: менюта, Google, Instagram, имейл подписи. Заведението Ви има и собствен кратък адрес, като yourpub.nabsie.com от Standard нагоре (произволен код като 5434.nabsie.com при Free), който води към същата страница и се казва по-лесно на глас.
https://my.nabsie.com/book/your-venueКой стил да ползвате?
Вграден е най-добър, ако имате страница „Резервации“ или свободна секция на началната страница. Формулярът стои в страницата, променя размера си, докато клиентът напредва, и изглежда като част от сайта Ви. Бутон е най-добър, ако не искате да променяте дизайна си: поставя бутон там, където поставите скрипта, а формулярът се отваря върху страницата. Iframe е за конструктори, които премахват скриптовете, но позволяват вграждане. Линк е за всичко останало.
И четирите водят към една и съща страница за резервации, така че клиентът получава абсолютно същото изживяване, независимо как е дошъл. Можете да ползвате няколко наведнъж, например вграден код на страницата за резервации и бутон в горната част.
Как работи отвътре
Скриптът създава iframe, сочещ към Вашата страница за резервации в режим на вграждане, който скрива горната и долната част и ползва прозрачен фон. Страницата за резервации съобщава на родителската страница височината си, докато клиентът напредва, така че никога няма лента за превъртане в лента за превъртане. Нищо друго на страницата Ви не се пипа. Скриптът е под 4KB, зарежда се след съдържанието Ви и не поставя бисквитки на сайта Ви.
Тъй като формата работи на my.nabsie.com, никога не боравите с данни на клиенти в собствения си сайт и никога не е нужно да обновявате нещо, когато подобрим страницата за резервации. Кодът Ви за вграждане остава завинаги същият.
Работи ли с моя конструктор на уебсайтове?
Да, ако позволява поставяне на HTML. Това са почти всички:
- WordPress: поставете в блок Custom HTML. Не е нужен плъгин.
- Squarespace: Code блок на всяка страница.
- Wix: елемент Embed HTML или бутон с линк към страницата Ви.
- Shopify: секция Custom Liquid или страница в HTML изглед.
- Webflow, GoDaddy, Weebly, Jimdo, Carrd, Framer: техният елемент за вграждане или HTML.
- Обикновен HTML, направен преди години: поставете го в текстов редактор и качете.
Google Sites и няколко безплатни конструктора премахват скриптовете. Там ползвайте iframe или линка.
Нагласете го да изглежда като Вашето
В таблото си в Nabsie задайте основен цвят и качете лого. Вграденият формуляр ги използва. Страницата за резервации има много малко собствен стил освен това, така че стои добре както на светли, така и на тъмни сайтове. Ако искате бутонът „Резервирайте маса“ да съвпада точно със собствените бутони на сайта Ви, пропуснете генерирания бутон и ползвайте класа nabsie-open върху един от Вашите.
Мобилно
Формулярът е направен първо за телефони, защото там става повечето от резервациите. Вграден в страницата, заема цялата ширина на телефонния екран. Наслагващият прозорец с бутона запълва екрана на телефон и стои в центриран панел на компютър. Тествайте го на собствения си телефон след добавянето; демонстрацията на живо показва какво да очаквате.
Често задавани въпроси
Въпроси за уиджета
Безплатен ли е уиджетът?
Да, при всеки план, включително Free. Част е от продукта, а не добавка.
Къде да намеря идентификатора на заведението си?
В таблото Ви под „Страница за резервации“. Това е последната част от линка Ви за резервации, например the-old-mill в my.nabsie.com/book/the-old-mill. Заведението Ви има и собствен поддомейн, като the-old-mill.nabsie.com от Standard нагоре, с QR код и плакат, готови за печат в таблото.
Ще забави ли уебсайта ми?
Не. Скриптът е мъничък и се зарежда след страницата Ви. Самата форма се зарежда в собствена рамка и не блокира нищо на страницата Ви.
Показва ли „Powered by Nabsie“?
При безплатния план отдолу на формата се показва малък надпис. При Standard и Pro той се премахва.
Мога ли да го сложа на повече от една страница или сайт?
Да, колкото искате. Един и същ код навсякъде.
Ами ако сайтът ми е на HTTPS, а Вашият не е, или обратното?
Nabsie е само през HTTPS, а вграденият код работи както на HTTP, така и на HTTPS сайтове. Ако сайтът Ви още е на HTTP, струва си да го поправите така или иначе.
Вземете кода си за вграждане
Регистрирайте се безплатно, добавете масите си и кодът Ви чака в таблото.
Започнете безплатно