Всплывающее окно ресторана - это наложение, которое ставит перед посетителем одну вещь: ссылку на бронирование, сегодняшние специальные предложения или устаревшее предложение. Вы можете построить оба важных с помощью бесплатного Elementor и бесплатного всплывающего конструктора Master Addons, и это пройдет через него.
Что запускает свободный уровень, на самом деле дает вам решение о том, что вы можете построить, так что это будет на первом месте, а не похоронено в сноске.
Оба всплывающих окна здесь построены с бесплатным Мастер Аддоны Всплывающий конструктор. Если вы хотите увидеть форму готового перед началом, всплывающие примеры roundup имеет двадцать пять из них.
Что должен делать всплывающий ресторан и когда его пропустить
Всплывающее окно зарабатывает свое место, когда четко выполняет одну работу: бронирует, объявляет о настоящем специальном мероприятии или продвигает устаревшее мероприятие. Все, что конкурирует с вашим меню или номером телефона за внимание, потерпело неудачу.
Пропустите его на страницах, где люди активно читают, как полное меню или одна страница блюда.Пропустите его на мобильном телефоне, если он закрывает экран до того, как кто-то прокрутит. и пропустите его полностью, если вы уже запустили липкую панель бронирования, потому что два конкурирующих призыва к действию просто разделили внимание между ними.
Вам нужен Элементор Про?
Не для всплывающего окна специальных предложений или кнопки бронирования. Собственный Popup Builder от Elementor находится внутри уровня Advanced от Elementor Pro, отдельного платного плана от лицензии на запись Essential. Master Addons поставляет бесплатный Popup Builder, который работает с обычным Elementor и не нуждается в этом обновлении.
Свободный уровень имеет один жесткий предел, и это стоит заявить прямо, потому что экран настроек не делает его очевидным. какой бы автоматический триггер вы ни выбрали во всплывающих настройках, на передней панели он запускается как Загрузка страницы, а всплывающее окно отображается по всему сайту. Глубина прокрутки, намерение выхода, бездействие и целеуказание для конкретной страницы - это Master Addons Pro.
Открытие всплывающего окна с кнопки - это триггер On Click, и это тоже Pro. Бесплатно Виджет всплывающего триггера является кнопкой закрытия вы помещаете внутри всплывающего окна, поэтому он не открывает его Шаг 3 охватывает настройку клика и бесплатную альтернативу.
| Всплывающая цель ресторана | Требуется триггер | Работает бесплатно? |
|---|---|---|
| Сегодняшние спецпредложения или добро пожаловать, по прилету | Загрузка страницы | Да |
| Забронируйте столик в книге. Теперь нажмите | На Нажать | Нет, нужен Про |
| “Может быть, позже закроется кнопка "Закрыть" во всплывающем окне | Виджет всплывающего триггера | Да |
| Поймай уходящую закусочную, последний стол сегодня вечером | Выход Намерение | Нет, нужен Про |
| Наградите того, кто читает меню | Глубина прокрутки | Нет, нужен Про |
| Показывать только на странице меню | Таргетирование страницы | Нет, нужен Про |
| Собственный всплывающий конструктор Элементора | Любой | Нет, нужен Элементор Про |
Наш бесплатная и профессиональная разбивка условий отображения охватывает именно то место, где находится эта линия нацеливания.
Три всплывающих окна ресторана, которые стоит построить
Большинству ресторанов нужно максимум три, а бесплатный Popup Builder охватывает первые два.
- Сегодняшние спецпредложения или добро пожаловать. Загружается один раз за посещение, выделяет блюдо или сезонное изменение меню.
- Зарезервируйте столик. Открывается только тогда, когда кто-то нажимает "Забронировать сейчас", поэтому он реагирует на намерение, а не прерывает первый просмотр.
- Событие или ограниченное предложение с обратным отсчетом. Окно счастливого часа, крайний срок бронирования на время отпуска, однодневное дегустационное меню.
Для идей макета перед созданием 25 примеров всплывающих окон Elementor показывает, как выглядят сдержанные, хорошо продуманные всплывающие окна.
Шаг 1: Включите всплывающий конструктор
Установите и активируйте Главные Аддоны, затем откройте его настройки и включите модуль Popup Builder.That добавляет тип всплывающего сообщения на вашу панель управления, отдельно от ваших страниц.
Создайте новое всплывающее окно, назовите его так, что узнаете через три месяца (всплывающее окно "Специальные предложения", всплывающее окно "Резервный стол"), и откройте его в редакторе Elementor. Оттуда он ведет себя как любая страница Elementor.
The Попап Строитель является одним из многих бесплатных модулей. The каталог виджетов и расширений имеет полный список того, что еще поставляется бесплатно.
Шаг 2: Создайте всплывающее окно с сегодняшними специальными предложениями
Сохраняйте его маленьким и конкретным: заголовок, два или три товара с ценами и одну кнопку в меню или на странице бронирования.
Сделайте кнопку закрытия высотой не менее 40 пикселей, чтобы большой палец мог ударить по ней, и используйте фотографии ваших реальных блюд. стоковая фотография чужой еды хуже, чем отсутствие фотографии.
Бесплатно это происходит на странице Загрузить на каждую страницу, а не только домашнюю страницу Напишите копию, чтобы соответствовать этому: общее приветственное предложение, а не что-то, что имеет смысл только на одной странице. Если копия начинается со “Пока вы смотрите в наше меню,” это неправильная копия для всплывающего окна на сайте.
Шаг 3. Добавьте всплывающее окно "Зарезервировать таблицу" одним щелчком мыши
Это другой механизм, чем Шаг 2, и это тот, с которым должно вести большинство сайтов ресторанов Вместо запланированного триггера всплывающее окно открывается только тогда, когда кто-то нажимает кнопку.В Master Addons это триггер On Click, которому нужен Pro.
Создайте второе всплывающее окно с формой бронирования или ссылкой на систему бронирования. В настройках установите "Открыть всплывающее окно" для "Нажать" и введите класс CSS, например .book-table, затем добавьте book-table к кнопке Забронировать сейчас в разделе Расширенные, CSS-классы. Внутри всплывающего окна добавьте бесплатное Всплывающий триггер виджет как “Может быть позже” закрыть кнопку На бесплатном плагине вместо этого привяжите кнопку Забронировать сейчас к странице бронирования.
Этот никогда не прерывает посетителя, который не проявил интереса, Он открывается, когда кто-то решает забронировать, что ближе к тому, как на самом деле ведет себя хороший хозяин. Общая установка покрыта как добавить всплывающее окно в Elementor бесплатно.
Шаг 4: Добавьте обратный отсчет для ограниченных предложений
Для счастливого часа или однодневного мероприятия оставьте бесплатное Виджет обратного отсчета таймера внутри всплывающего окна установите время окончания, когда предложение действительно закрывается.
Соедините его с одной строкой копии, которая называет крайний срок, как “Счастливый час заканчивается в 18:00”, и кнопкой до всплывающего окна бронирования с шага 3. Не используйте обратный отсчет, который сбрасывается при обновлении. Завсегдатаи уведомляют, и потерянное доверие стоит дороже, чем полученная срочность.
Шаг 5: Контролируйте, когда и где он появляется
На бесплатном, этот шаг имеет жесткий предел от более ранних: любое всплывающее окно, полагающееся на автоматический Popup Builder, запускает срабатывание на Page Load и нацеливается на весь сайт, что бы ни показывал раскрывающийся список настроек. маршрут клика из Шага 3 не затрагивается, потому что он открывается при щелчке, а не на таймере.
Чтобы показать всплывающее окно только на странице меню, только в часы работы или только после того, как кто-то прокрутит мимо галереи, вам нужно Расширение условий отображения, который является Pro. В этом разница между всплывающим окном, который отображается везде, и тем, который показывает, где это имеет смысл.
До тех пор создавайте бесплатные всплывающие окна как общие сообщения на сайте. Всплывающее окно специальных предложений и кнопка бронирования с кликом работают внутри этого ограничения, поэтому они - два, которые создает это руководство.
Не позволяйте всплывающим окнам раздражать посетителей
Хороший хозяин не встречает кого-то у двери с буфером обмена, прежде чем они посмотрели на комнату Всплывающее окно, стреляющее в тот момент, когда кто-то приземляется, делает именно это.
Дайте каждому всплывающему окну реальную причину существования: реальное событие, настоящую скидку или изменение меню, о котором стоит знать. Одно предложение на всплывающее окно, а не два на одной странице, и предпочитайте триггер щелчка всякий раз, когда целью является бронирование, а не объявление.
Смотрите конкретно мобильный чехол Всплывающее окно, которое закрывает экран, когда кто-то приходит из поиска по вашим часам работы, - это шаблон, который описывает навязчивое межстраничное руководство Google, а также просто бесполезно для человека, стоящего снаружи и решающего, заходить ли.
Если ваша настоящая цель - помочь людям найти меню, часы и бронирование вообще без наложения, а ресторан мега меню обычно решает эту проблему более чисто, чем любое всплывающее окно.
Если во всплывающем окне показан вращающийся набор блюд, а не одно предложение, ан изображение карусель внутри всплывающего окна обычно читается лучше, чем статический список.
Часто задаваемые вопросы
Как добавить всплывающее окно на сайт ресторана в WordPress?
Установите главные дополнения, которые добавляют бесплатный всплывающий конструктор в Elementor. Создайте макет с помощью виджетов Elementor, сохраните его как всплывающее окно и опубликуйте. бесплатно всплывающее окно запускается при загрузке страницы по всему сайту, поэтому напишите его как специальное или приветственное сообщение, а не как предложение, специфичное для страницы.
Бесплатен ли всплывающий конструктор Elementor, и можно ли бесплатно создать всплывающее окно в Elementor?
Собственный Popup Builder от Elementor является частью Advanced уровня Elementor Pro, поэтому он не бесплатен. Master Addons добавляет отдельный бесплатный Popup Builder, работающий с обычным Elementor, поэтому вы можете спроектировать и опубликовать всплывающее окно ресторана без обновления Elementor.
Могу ли я активировать всплывающее окно только тогда, когда кто-то нажимает кнопку, например "Зарезервировать стол"?
Да, с Master Addons Pro. Установите всплывающее окно на триггер On Click и дайте вашей кнопке соответствующий класс CSS, и он откроется только тогда, когда посетитель нажмет эту кнопку. на бесплатном плагине всплывающие окна открываются при загрузке страницы, поэтому вместо этого свяжите кнопку со страницей бронирования.
Когда всплывающее окно ресторана должно появиться на странице?
Для специальных предложений или приветственного всплывающего окна загрузка страницы достигает каждого посетителя один раз, и это нормально. для вызова бронирования к действию триггер щелчка подходит лучше, потому что он отвечает на намерение, а не прерывает. намерение выхода и глубина прокрутки, которые ждут сигнала, что кто-то уходит или прочитал меню, нужны Master Addons Pro.
Вредны ли всплывающие окна для сайтов ресторанов?
Они могут быть, если они перебивают кого-то до того, как они увидели меню или нашли адрес. одно четкое предложение, реальная причина показать его, и никакие сложенные всплывающие окна, борющиеся друг с другом. всплывающее окно, объявляющее о подлинном событии, превосходит то, которое просто приветствует каждого посетителя, а на мобильном полноэкранное наложение по прибытии - это шаблон, о котором предупреждает руководство Google.
Как добавить бесплатное всплывающее окно на сайт ресторана, не покупая Elementor Pro?
Используйте Мастер-аддоны бесплатно. Он дает вам всплывающий конструктор для специальных или приветственных всплывающих окон при загрузке страницы, а также виджет всплывающего триггера для стилизованной кнопки закрытия, и ни один из них не нуждается в Elementor Pro. Всплывающее окно, которое открывается из резервирования. Щелчок по таблице, целевое определение конкретной страницы, намерение выхода и триггеры прокрутки - это Master Addons Pro.
Что строить в первую очередь
Создайте всплывающее окно бронирования с кликом перед специальным. Это тот, который зарабатывает деньги, он никогда никого не прерывает и полностью работает на бесплатном уровне.
То же самое Виджет Строитель что импортирует эти проекты, это то, что вы бы использовали для построения блока бронирования, который вы повторно используете на разных сайтах. Цены для этого уровня находятся на страница ценообразования.
Добавьте всплывающее окно "Специальные предложения" во вторую очередь, написанное как приветствие на сайте, и обращайтесь к Pro только тогда, когда вам действительно нужно всплывающее окно, увеличенное до одной страницы или запущенное при выходе. Множество ресторанов тоже никогда не нуждаются в этом.
