Создание сайта с калькулятором услуг на примере сайта с услугами по уборке квартир

Нужен сайт? Закажите или создайте самостоятельно,
следуя нашим пошаговым инструкциям!

Эффективность сайта практически всегда и полностью зависит от его функционала, содержания и наполнения контентом. Посетитель приходит на ваш сайт, так как ему требуются услуги, которые вы оказываете. И он хочет сразу знать их стоимость. 

В данном руководстве мы создадим сайт по уборке квартир с калькулятором uCalc, отразим виды оказываемых нами услуг с формой заказа, возможностью получения консультации и расчётом стоимости этих услуг, а также установим виджет “Заказ звонка” для оперативной связи с клиентом. В конструкторе uKit мы с легкостью сможем реализовать весь вышеперечисленный функционал.

Шаг 1. Регистрация и выбор шаблона

Регистрируемся в будущей панели управления сайтом по адресу uKit.com. После этого нам предложат выбрать один из шаблонов (шаблоны рассортированы по категориям и тематикам).

Если вы уже зарегистрированы, то в верхней части панели управления нажмите на выпадающий список и добавьте новый сайт.

Выберите любой из представленных шаблонов. В нашем примере мы будем использовать шаблон “Профессиональная уборка” из категории “Универсальные”.

Шаг 2. Технический адрес сайта

Вводим желаемое название сайта и нажимаем “Продолжить”.

В будущем вы сможете самостоятельно купить/прикрепить свой домен к сайту. Подробнее ознакомиться с инструкцией можно на странице FAQ – Домены.

Шаг 3. Создание и удаление страниц

Далее мы попадаем в редактор сайта. На данном этапе сайт наполнен демоинформацией, которую мы будем менять. Для наглядности удалим стандартные страницы и создадим новые.

Шаг 4. Добавление виджетов на сайт

В левой части конструктора находится панель виджетов и блоков. Раскрываем необходимые нам пункты.

Добавляем необходимые нам виджеты. Просто перетаскиваем виджет в правую часть, размещая его в нужном месте страницы. Нажмите на виджет, чтобы отредактировать его. В левой части экрана откроется панель с тонкими настройками.

Шаг 5. Редактирование контактной информации

В шапке сайта находится виджет “Контакты”. При нажатии на него откроется панель с тонкими настройками, которую вы можете заменить на актуальную.

Если ваша компания присутствует в социальных сетях, вы также можете указать ссылки на её группы и страницы.

Шаг 6. Редактирование виджетов и их наполнение

Добавим на страницу “Главная” виджеты “Карточка”, чтобы отразить на сайте основные виды оказываемых нами услуг (“Обычная”, “Генеральная”, “После ремонта”).

После того как мы добавили и отредактировали карточки услуг, перейдем к настройке заказа данных услуг. Для этого нам нужно нажать на кнопку в виджете “Карточка” и указать ссылку, на которую будет переходить посетитель сайта. В нашем случае мы настроим всплывающую форму обратной связи.

Шаг 7. Настройка и редактирование всплывающей формы обратной связи

При нажатии на виджет “Кнопка” или “Карточка” появится надпись “Добавить ссылку”. Жмем на карандаш в этой надписи. Конструктор предложит указать ссылку. В нашем случае это будет “Всплывающее окно”.

При нажатии на пункт “Всплывающее окно” откроются его настройки. Можно выбрать из существующих либо отредактировать и создать новое всплывающее окно.

Шаг 8. Создание калькулятора в конструкторе uCalc

Для создания калькулятора нам нужно перейти в конструктор uCalc. Авторизуйтесь удобным для вас способом. Мы можем собрать калькулятор услуг самостоятельно или выбрать из имеющихся шаблонов.

Для более подробного ознакомления с конструктором uCalc и его настройками перейдите на страницу FAQ uCalc (вопрос/ответ).

Шаг 9. Подключить аккаунт от uCalc к конструктору uKit

После того как мы настроили свой калькулятор услуг, нужно подключить его к нашему сайту. Для этого необходимо перетащить виджет “Калькулятор услуг” из категории “Контент”.

Мы добавили виджет на сайт. Подключаем свой аккаунт от uCalc к виджету “Калькулятор услуг”.

Выбираем в списке наш калькулятор услуг.

Готово! Калькулятор услуг подключен к сайту.

С калькулятором услуг от uCalc посетители сайта смогут рассчитать стоимость работ, выбрать дату и время уборки помещения, выбрать и заказать данную услугу прямо с сайта, а также оставить дополнительные комментарии и пожелания к заказу. Вы фактически принимаете заявку от потенциального клиента. Остается только связаться с ним и уточнить детали заказа.

Шаг 10. Добавление новых блоков и их оформление

В конструкторе uKit вы можете создавать, удалять, оформлять новые блоки на сайте, задавать фон и цвет, устанавливать ширину контейнера. Для более легкого и быстрого создания сайта вы можете копировать, дублировать и добавлять блоки в “Избранное”.

У каждого блока есть своя цветовая гамма. Если вам не хватает стандартной палитры блоков и вы не желаете покупать тариф “ПРО”, воспользуйтесь специальной функцией. В фон блока поставьте любое изображение, наложите цвет на изображение, выберите цвет и сделайте прозрачность 100%. Таким образом вы получите свой вариант цвета блока, не переходя на тариф “ПРО”. Такие выделяющиеся блоки отлично подходят для акций и спецпредложений на сайте.

Шаг 11. Создание собственного подвала сайта

Создадим новый блок. Для этого нужно нажать на пункт “Блоки”, выбрать блок и перетащить его в правую часть конструктора, аналогичным способом наполнить блок виджетами (формой обратной связи, контактами, текстовым контентом, а также сделать кнопки).

После того как мы наполнили блок нужной информацией, добавляем его в “Избранное”.

Затем добавляем блок из пункта “Избранное” на нужные страницы сайта.

Шаг 12. Наполнение страниц “Услуги” и “О нас”

На этих страницах перечислите основные и дополнительные услуги, напишите историю компании, ценовые категории, разместите отзывы. В этом вам помогут виджеты “Прайс”, “Карточка”, “Файл для скачивания прайса с сайта”, “Текст”, “Заголовки”, а также виджет “Отзывы.

Аналогичным способом перетаскивайте нужные вам виджеты в конструктор и редактируйте их.

Шаг 13. Виджет для заказа обратного звонка

Для установки виджета “Заказать звонок” перетащите его на страницу, нажмите на него и привяжите номер телефона. Теперь посетители сайта имеют возможность заполнять контактную форму обратной связи, чтобы вы могли оперативно связываться с ними.

Подведение итогов

Данный материал носит ознакомительный характер. Вы можете наполнять любые страницы сайта любыми доступными виджетами в конструкторе uKit.

Наши исполнители могут сделать это за вас!
Всего 3 500 рублей за 10 дней.