Custom CSS custom feature/uk - Revision history

Admin at 14:45, 13 February 2026

2026-02-13T14:45:20Z

← Older revision		Revision as of 14:45, 13 February 2026
Line 2:		Line 2:
	{{#seo:		{{#seo:
	\|title=Custom Features - SimplyBook.me		\|title=Custom Features - SimplyBook.me
	~~<div class="mw-translate-fuzzy">~~		\|description=Додайте власний CSS, щоб змінити вигляд сторінки бронювання. Змінюйте кольори, шрифти та макети. Розширене стилювання для розробників. Приховуйте елементи та коригуйте дизайн. Безкоштовна функція.
	\|description=~~Персоналізуйте свою сторінку~~ бронювання ~~за допомогою власного CSS~~. ~~Налаштуйте~~ елементи ~~дизайну відповідно до вашого бренду~~. ~~Почніть персоналізацію вже сьогодні!~~
	~~</div>~~
	\|titlemode=append		\|titlemode=append
	\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding		\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding

FuzzyBot: Updating to match new version of source page

2026-02-13T14:42:45Z

Updating to match new version of source page

← Older revision		Revision as of 14:42, 13 February 2026
Line 2:		Line 2:
	{{#seo:		{{#seo:
	\|title=Custom Features - SimplyBook.me		\|title=Custom Features - SimplyBook.me
			<div class="mw-translate-fuzzy">
	\|description=Персоналізуйте свою сторінку бронювання за допомогою власного CSS. Налаштуйте елементи дизайну відповідно до вашого бренду. Почніть персоналізацію вже сьогодні!		\|description=Персоналізуйте свою сторінку бронювання за допомогою власного CSS. Налаштуйте елементи дизайну відповідно до вашого бренду. Почніть персоналізацію вже сьогодні!
			</div>
	\|titlemode=append		\|titlemode=append
	\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding		\|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding
Line 11:		Line 13:
	[[File:Custom css new icon.png ‎\|left]]		[[File:Custom css new icon.png ‎\|left]]

			<div class="mw-translate-fuzzy">
	Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.		Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.
	<br><br>		<br><br>
	Зверніть увагу! <br>Велика кількість або складні CSS-запити можуть розглядатися як допомога з налаштуванням, і вас можуть попросити придбати опцію «Допомога з налаштуванням» для подальшого налаштування CSS-коду. Це платна послуга, яку можна знайти в розділі Плани та ціни → Додаткові елементи → Погодинна допомога. <br>Щоб запланувати дзвінок для оцінки необхідності допомоги з налаштуванням, будь ласка, перейдіть за [https://bigaccounts.simplybook.it/v2/#book/service/3/count/1 посиланням]:		Зверніть увагу! <br>Велика кількість або складні CSS-запити можуть розглядатися як допомога з налаштуванням, і вас можуть попросити придбати опцію «Допомога з налаштуванням» для подальшого налаштування CSS-коду. Це платна послуга, яку можна знайти в розділі Плани та ціни → Додаткові елементи → Погодинна допомога. <br>Щоб запланувати дзвінок для оцінки необхідності допомоги з налаштуванням, будь ласка, перейдіть за [https://bigaccounts.simplybook.it/v2/#book/service/3/count/1 посиланням]:
			</div>

	<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Безкоштовна настроювана функція!</span>		<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Безкоштовна настроювана функція!</span>

Admin: Created page with "Безкоштовна настроювана функція!

;Як користуватися :1. Увімкніть цю опцію на сторінці «Настроювані функції». link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png

:2. Натисніть «Нала..."

2025-10-13T13:01:34Z

Created page with "Безкоштовна настроювана функція! ;Як користуватися :1. Увімкніть цю опцію на сторінці «Настроювані функції». 1200px| center|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png :2. Натисніть «Нала..."

← Older revision		Revision as of 13:01, 13 October 2025
Line 15:		Line 15:
	Зверніть увагу! <br>Велика кількість або складні CSS-запити можуть розглядатися як допомога з налаштуванням, і вас можуть попросити придбати опцію «Допомога з налаштуванням» для подальшого налаштування CSS-коду. Це платна послуга, яку можна знайти в розділі Плани та ціни → Додаткові елементи → Погодинна допомога. <br>Щоб запланувати дзвінок для оцінки необхідності допомоги з налаштуванням, будь ласка, перейдіть за [https://bigaccounts.simplybook.it/v2/#book/service/3/count/1 посиланням]:		Зверніть увагу! <br>Велика кількість або складні CSS-запити можуть розглядатися як допомога з налаштуванням, і вас можуть попросити придбати опцію «Допомога з налаштуванням» для подальшого налаштування CSS-коду. Це платна послуга, яку можна знайти в розділі Плани та ціни → Додаткові елементи → Погодинна допомога. <br>Щоб запланувати дзвінок для оцінки необхідності допомоги з налаштуванням, будь ласка, перейдіть за [https://bigaccounts.simplybook.it/v2/#book/service/3/count/1 посиланням]:

	~~<div lang="en" dir="ltr" class="mw-content-ltr">~~		<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Безкоштовна настроювана функція!</span>
	~~<br>~~
	<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">~~Free custom feature~~!</span>
	<br><br>		<br><br>
	;~~How to use~~		;Як користуватися
	:1. ~~Enable this option on your Custom Features page~~.		:1. Увімкніть цю опцію на сторінці «Настроювані функції».
	[[File:Custom css enable path redesigned.png\|1200px\| center\|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png]]		[[File:Custom css enable path redesigned.png\|1200px\| center\|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png]]
	<br><br>		<br><br>
	:2. ~~Click on "Settings" for this feature~~.		:2. Натисніть «Налаштування» для цієї функції.
	[[File:Custom css settings path redesigned.png\|1200px \| center\|link=https://help.simplybook.me/images/3/35/Custom_css_settings_path_redesigned.png]]		[[File:Custom css settings path redesigned.png\|1200px \| center\|link=https://help.simplybook.me/images/3/35/Custom_css_settings_path_redesigned.png]]
	<br><br>		<br><br>
	:3. ~~Add the code~~(s) ~~to adjust the styles to "Booking pages CSS" tab if you wish to edit the booking page~~<br>		:3. Додайте код (коди) для налаштування стилів на вкладку «CSS сторінок бронювання», якщо ви хочете редагувати сторінку бронювання<br>
	:~~or "Widget CSS" if you are editing widget on your website~~.		:або «CSS віджета», якщо ви редагуєте віджет на своєму веб-сайті.
	[[File:Custom css tabs redesigned.png\|1200px\| center\|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]		[[File:Custom css tabs redesigned.png\|1200px\| center\|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]
	<br><br>		<br><br>
	'''[[Special:MyLanguage/~~Remove Elements from booking page~~#~~Removing with Custom CSS~~\| ~~See most common requests how to remove elements with~~ CSS ~~here~~ (~~phone, email fields~~, ~~social tabs~~, ~~our time~~, ~~etc~~)]]'''		'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS\| Дивіться найпоширеніші запити щодо видалення елементів за допомогою CSS тут (поля телефону, електронної пошти, вкладки соціальних мереж, наш час тощо)]]'''
	<br><br>		<br><br>
	~~</div>~~

Admin at 13:01, 13 October 2025

2025-10-13T13:01:32Z

@@ Line 11: / Line 11: @@
 [[File:Custom css new icon.png ‎|left]]
 Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.
 <br><br>
-<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Безкоштовна настроювана функція!</span>
+Зверніть увагу! <br>Велика кількість або складні CSS-запити можуть розглядатися як допомога з налаштуванням, і вас можуть попросити придбати опцію «Допомога з налаштуванням» для подальшого налаштування CSS-коду. Це платна послуга, яку можна знайти в розділі Плани та ціни → Додаткові елементи → Погодинна допомога. <br>Щоб запланувати дзвінок для оцінки необхідності допомоги з налаштуванням, будь ласка, перейдіть за [https://bigaccounts.simplybook.it/v2/#book/service/3/count/1 посиланням]:
 <div lang="en" dir="ltr" class="mw-content-ltr">

FuzzyBot: Updating to match new version of source page

2025-10-13T12:43:17Z

Updating to match new version of source page

@@ Line 11: / Line 11: @@
 [[File:Custom css new icon.png ‎|left]]
 Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.
 <br><br>
@@ Line 28: / Line 29: @@
 '''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| Дивіться найпоширеніші запити щодо видалення елементів за допомогою CSS тут (поля телефону, електронної пошти, вкладки соціальних мереж, наш час тощо)]]'''
 <br><br>

Admin: Created page with "Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, що..."

2025-05-19T14:41:24Z

Created page with "Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, що..."

← Older revision		Revision as of 14:41, 19 May 2025
Line 11:		Line 11:
	[[File:Custom css new icon.png ‎\|left]]		[[File:Custom css new icon.png ‎\|left]]

	~~<div lang="en" dir="ltr" class="mw-content-ltr">~~		Створіть власний інтерфейс бронювання за допомогою цієї функції CSS Custom Feature. Вона дозволяє змінювати стилі різних елементів, приховувати їх, змінювати шрифти, кольори, розміри шрифтів тощо. Якщо ви знаєте CSS-кодування, скористайтеся інструментами браузера, щоб знайти ідентифікатори елементів і написати правила в налаштуваннях Custom Feature. Якщо ви не маєте глибоких знань CSS, зверніться до служби підтримки, і вони спробують знайти найкраще рішення для вас.
	~~Make your own booking interface with this~~ CSS Custom Feature. ~~It allows to change the styles of different elements~~, ~~hide them~~, ~~change fonts~~, ~~colors~~, ~~font~~-~~sizes~~, ~~etc. If you know CSS coding~~, ~~please use tools of browser to find identifiers of elements and write rules in the settings of~~ Custom Feature, ~~if you have no deep knowledge of CSS~~, ~~please contact support and they will try to find the best solution for you~~.
	<br><br>		<br><br>
	<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">~~Free custom feature~~!</span>		<span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Безкоштовна настроювана функція!</span>
	<br><br>		<br><br>
	;~~How to use~~		;Як користуватися
	:1. ~~Enable this option on your Custom Features page~~.		:1. Увімкніть цю опцію на сторінці «Настроювані функції».
	[[File:Custom css enable path redesigned.png\|1200px\| center\|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png]]		[[File:Custom css enable path redesigned.png\|1200px\| center\|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png]]
	<br><br>		<br><br>
	:2. ~~Click on "Settings" for this feature~~.		:2. Натисніть «Налаштування» для цієї функції.
	[[File:Custom css settings path redesigned.png\|1200px \| center\|link=https://help.simplybook.me/images/3/35/Custom_css_settings_path_redesigned.png]]		[[File:Custom css settings path redesigned.png\|1200px \| center\|link=https://help.simplybook.me/images/3/35/Custom_css_settings_path_redesigned.png]]
	<br><br>		<br><br>
	:3. ~~Add the code~~(s) ~~to adjust the styles to "Booking pages CSS" tab if you wish to edit the booking page~~<br>		:3. Додайте код (коди) для налаштування стилів на вкладку «CSS сторінок бронювання», якщо ви хочете редагувати сторінку бронювання<br>
	:~~or "Widget CSS" if you are editing widget on your website~~.		:або «CSS віджета», якщо ви редагуєте віджет на своєму веб-сайті.
	[[File:Custom css tabs redesigned.png\|1200px\| center\|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]		[[File:Custom css tabs redesigned.png\|1200px\| center\|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]
	<br><br>		<br><br>
	'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS\| ~~See most common requests how to remove elements with~~ CSS ~~here~~ (~~phone~~, ~~email fields~~, ~~social tabs~~, ~~our time, etc~~)]]'''		'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS\| Дивіться найпоширеніші запити щодо видалення елементів за допомогою CSS тут (поля телефону, електронної пошти, вкладки соціальних мереж, наш час тощо)]]'''
	<br><br>		<br><br>
	~~</div>~~

Admin: Created page with "|description=Персоналізуйте свою сторінку бронювання за допомогою власного CSS. Налаштуйте елементи дизайну відповідно до вашого бренду. Почніть персоналізацію вже сьогодні!"

2025-05-19T14:41:18Z

Created page with "|description=Персоналізуйте свою сторінку бронювання за допомогою власного CSS. Налаштуйте елементи дизайну відповідно до вашого бренду. Почніть персоналізацію вже сьогодні!"

New page

<languages/>
{{#seo:
|title=Custom Features - SimplyBook.me
|description=Персоналізуйте свою сторінку бронювання за допомогою власного CSS. Налаштуйте елементи дизайну відповідно до вашого бренду. Почніть персоналізацію вже сьогодні!
|titlemode=append
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, CSS, adjusting design, adjusting colors, adjusting font, adjusting look, CSS coding
}}

 
[[File:Custom css new icon.png ‎|left]]

<div lang="en" dir="ltr" class="mw-content-ltr">
Make your own booking interface with this CSS Custom Feature. It allows to change the styles of different elements, hide them, change fonts, colors, font-sizes, etc. If you know CSS coding, please use tools of browser to find identifiers of elements and write rules in the settings of Custom Feature, if you have no deep knowledge of CSS, please contact support and they will try to find the best solution for you.
 
Free custom feature!
 
;How to use
:1. Enable this option on your Custom Features page.
[[File:Custom css enable path redesigned.png|1200px| center|link=https://help.simplybook.me/images/9/93/Custom_css_enable_path_redesigned.png]]
 
:2. Click on "Settings" for this feature.
[[File:Custom css settings path redesigned.png|1200px | center|link=https://help.simplybook.me/images/3/35/Custom_css_settings_path_redesigned.png]]
 
:3. Add the code(s) to adjust the styles to "Booking pages CSS" tab if you wish to edit the booking page 
:or "Widget CSS" if you are editing widget on your website.
[[File:Custom css tabs redesigned.png|1200px| center|link=https://help.simplybook.me/images/1/1c/Custom_css_tabs_redesigned.png]]
 
'''[[Special:MyLanguage/Remove_Elements_from_booking_page#Removing_with_Custom_CSS| See most common requests how to remove elements with CSS here (phone, email fields, social tabs, our time, etc)]]'''
 
</div>