SimplyMeet.me - Recent changes [en]

File:SM Branding CSS.png

Admin — Wed, 22 Jul 2026 18:44:07 GMT

Admin uploaded a new version of File:SM Branding CSS.png

New page

Customize your scheduling page

Admin — Wed, 22 Jul 2026 18:38:25 GMT

← Older revision		Revision as of 18:38, 22 July 2026
(15 intermediate revisions by the same user not shown)
Line 19:		Line 19:
	<p>		<p>
	</p>		</p>
	~~<br>~~
	<p>		<p>
	~~'''~~Personal Scheduling Page Branding~~'''~~		<h3>Personal Scheduling Page Branding</h3>

	</p>		</p>
Line 41:		Line 40:
	</p>		</p>
	<p>		<p>
	~~'''~~Organization Scheduling Page Branding~~'''~~		<h3>Organization Scheduling Page Branding</h3>
	</p>		</p>
	Changes apply to your organization scheduling page.		Changes apply to your organization scheduling page.
Line 57:		Line 56:
	</p>		</p>
	<p>		<p>
	[[File:~~Sm custom css path new~~.png\|1200px\|center\|link=https://help.simplymeet.me/~~images/8/82/Sm_custom_css_path_new~~.png]]		[[File:SM Branding Organization page.png\|1200px\|center\|link=https://help.simplymeet.me/index.php?title=File:SM_Branding_Organization_page.png]]
	</p>		</p>
	<h2><br>		<h2><br>
Line 63:		Line 62:
	</h2>		</h2>
	<p>		<p>
	~~Organization-level~~ CSS ~~will be loaded when~~ you ~~open teammates scheduling link in~~ your ~~organization or the organization scheduling~~ page.		Custom CSS allows you to customize almost every visual element of your booking page, including:
	</p>		</p>
			* fonts
			* spacing
			* borders
			* layouts
			* buttons
			* hidden elements
			* colors
			* advanced branding
			<br>
	<p>		<p>
	~~<span style="font-weight~~: ~~normal;">Personal-specific CSS gets loaded only on the personal scheduling page.</span>~~		To add Custom CSS:
	</p>		</p>
			<!-- (To apply custom CSS to a widget use: ".widget-theme" in your css code) -->
	<p>		<p>
	~~Add your own CSS by directly adding the stylesheets in the settings~~. ~~You can customize just about everything on your scheduling pages with do-it-yourself custom CSS (e~~.g. ~~change the font format, size, override defaults colours etc~~.)!		1. Go to '''[https://secure.simplymeet.me/panel/appearance Branding]''' page.
	</p>		</p>
	~~(To apply custom CSS to a widget use: ".widget-theme" in your css code)~~
	<p>		<p>
	1. ~~Go to~~ '''~~[https://secure.simplymeet.me/panel/appearance Branding]~~''' page.		2. Select either '''Personal account''' or '''Organization account''' tab.
			</p>
			<p>
			3. Scroll the page to <strong>Custom CSS</strong>.
	</p>		</p>
	<p>		<p>
	2. ~~Select '''Personal account''' or '''Organization account''' tab depending on the scheduling page you wish to customize~~.		4. Paste your CSS.
	</p>		</p>
	<p>		<p>
	3. ~~Scroll the page to the <strong>Custom CSS</strong> section to get started~~.		4. Save.
	</p>		</p>
	<p>		<p>
	[[File:~~Sm custom css path new~~.png\|1200px\|center\|link=https://help.simplymeet.me/~~images/8/82/Sm_custom_css_path_new~~.png]]		[[File:SM Branding CSS.png\|1200px\|center\|link=https://help.simplymeet.me/index.php?title=File:SM_Branding_CSS.png]]
	</p>		</p>
			<br>
			<p>'''Personal CSS'''</p>
			Personal CSS affects only your personal scheduling page.
			<p>'''Organization CSS'''</p>
			Organization CSS applies to organization booking pages and organization meeting types.
			'''Tip''': To style embedded widgets, use the .widget-theme selector in your CSS.

			<h2><br>
			Changing Fonts with Custom CSS
			</h2>
			One of the most common Custom CSS customizations is changing the font used on your scheduling page.
	<p>		<p>
	~~Just add your CSS using~~		'''Option 1 — Google Fonts (Recommended)'''
	~~<strong>Custom CSS</strong> field. This CSS will automatically apply to your personal scheduling page.~~
	</p>		</p>
			We recommend using '''Google Fonts''', most fonts are free to use, including commercially.
			Browse available fonts [https://fonts.google.com/ here].
			<!--
			<p>Example:</p>
			@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

			* {
			font-family: 'Oswald', sans-serif !important;
			}

			<p>Save the CSS and refresh your booking page.</p>
			-->
			<p>'''Option 2 — Your own hosted font'''</p>
			If your company has its own licensed font, you can reference it from your own hosting.
			<!--
			<p>Example:</p>
			@font-face {
			font-family: 'MyCompanyFont';
			src: url('https://your-domain.com/fonts/MyCompanyFont.woff2') format('woff2');
			}

			* {
			font-family: 'MyCompanyFont', sans-serif !important;
			}
			-->
			<br>
			<br>
			<p>'''Important'''</p>
			If you use fonts '''other than Google Fonts''':
			<p>
			* you are responsible for obtaining the appropriate font license;</p>
			<p>
			* you must host the font files yourself;</p>
			<p>
			* SimplyBook.me / SimplyMeet.me does not provide or host font files.</p>
			<p>Support can assist with simple CSS syntax and applying Google Fonts, but cannot '''source, upload, or host''' non-Google font files.</p>

File:SM Branding Organization page.png

Admin — Wed, 22 Jul 2026 17:58:44 GMT

Admin uploaded File:SM Branding Organization page.png

New page

Customize your scheduling page

Admin — Wed, 22 Jul 2026 17:57:20 GMT

← Older revision		Revision as of 17:57, 22 July 2026
Line 37:		Line 37:
	4. Click '''Save'''.		4. Click '''Save'''.
	</p>		</p>
	<br>		<p>
			[[File:SM Branding Personal page.png\|1200px\|center\|link=https://help.simplymeet.me/index.php?title=File:SM_Branding_Personal_page.png]]
			</p>
	<p>		<p>
	'''Organization Scheduling Page Branding'''		'''Organization Scheduling Page Branding'''
Line 54:		Line 56:
	4. Click '''Save'''.		4. Click '''Save'''.
	</p>		</p>
			<p>
			[[File:Sm custom css path new.png\|1200px\|center\|link=https://help.simplymeet.me/images/8/82/Sm_custom_css_path_new.png]]
			</p>
	<h2><br>		<h2><br>
	Custom CSS (Professional plan only)		Custom CSS (Professional plan only)

File:SM Branding Personal page.png

Admin — Wed, 22 Jul 2026 17:55:47 GMT

Admin uploaded File:SM Branding Personal page.png

New page

Customize your scheduling page

Admin — Wed, 22 Jul 2026 17:52:18 GMT

← Older revision		Revision as of 17:52, 22 July 2026
(9 intermediate revisions by the same user not shown)
Line 2:		Line 2:
	<p>		<p>
	Scheduling pages allow your invitees to book the meetings with you.		Scheduling pages allow your invitees to book the meetings with you.
	~~Out of the box~~, ~~organization~~ and ~~personal scheduling pages have a sleek and clean look with customizations built right into Appearance settings that~~		SimplyMeet.me offers two ways to customize their appearance:
	~~can be customized~~ without ~~changing the~~ code ~~and our default CSS~~.		* '''Branding''' – a user-friendly editor that lets you customize colors, images, branding, and other visual elements without writing any code.<br>
	~~If you want to customize your scheduling page further and match your brand seamlessly, put your team~~'s CSS ~~skills to work~~ and ~~create your own stylesheet~~.		* '''Custom CSS''' (Professional plan only) – for advanced customization such as changing fonts, spacing, layouts, hiding elements, and overriding the default styling.
			<br>
	</p>		</p>
			<h2>Personal vs. Organization Branding</h2>
	<p>		<p>
	~~This article covers all of~~ the ~~customization options scheduling~~ page ~~offers~~.		With Branding settings, you can customize:
			* Colors
			* Avatar
			* Company logo
			* Banner image
			* Welcome message
			* SimplyMeet.me branding (paid plans)
			SimplyMeet.me lets you customize Personal and Organization scheduling pages independently.
			<p>
			</p>
			<br>
			<p>
			'''Personal Scheduling Page Branding'''

			</p>
			Changes apply only to your Personal scheduling page.
			<p>
			1. Go to the [https://secure.simplymeet.me/panel/appearance '''Branding'''] page.
			</p>
			<p>
			2. Select the '''Personal account''' tab.
			</p>
			<p>
			3. Customize the colors, images, branding, and other available settings.
			</p>
			<p>
			4. Click '''Save'''.
	</p>		</p>
	<~~h2>Personal-level vs. Organization-level Appearance</h2~~>		<br>
	<p>		<p>
	~~1. Go to the [https://secure.simplymeet.me/panel/appearance Appearance] page.~~		'''Organization Scheduling Page Branding'''
	</p>		</p>
			Changes apply to your organization scheduling page.
	<p>		<p>
	2. ~~The user-friendly editor will open where you can change~~ the ~~colours of the personal scheduling~~ page~~, no custom coding necessary~~.		1. Go to the [https://secure.simplymeet.me/panel/appearance '''Branding'''] page.
	</p>		</p>
	<p>		<p>
	3. ~~You can upload your company logo, avatar, banner image and disable SimplyMeet.me branding(paid plans only)~~.		2. Select the '''Organization account''' tab.
	</p>		</p>
	<p>		<p>
	~~[[File:Example~~. ~~appearance settings~~.~~png\|1200px\|center\|link=https://help.simplymeet.me/images/a/a5/Example._appearance_settings.png]]~~		3. Make the necessary changes.
	</p>		</p>
	<p>		<p>
	4. ~~For the organization level simply select~~ '''~~Organization account~~''' ~~tab there, make the necessary adjustments and save settings~~.		4. Click '''Save'''.
	</p>		</p>

	<h2><br>		<h2><br>
	~~Personal-level vs. Organization-level~~ CSS (~~paid~~ plan only)		Custom CSS (Professional plan only)
	</h2>		</h2>
	<p>		<p>
Line 39:		Line 69:
	(To apply custom CSS to a widget use: ".widget-theme" in your css code)		(To apply custom CSS to a widget use: ".widget-theme" in your css code)
	<p>		<p>
	1. Go to '''[https://secure.simplymeet.me/panel/appearance ~~Appearance~~]''' page.		1. Go to '''[https://secure.simplymeet.me/panel/appearance Branding]''' page.
	</p>		</p>
	<p>		<p>

Pre-populate invitee information on the scheduling page

Admin — Wed, 22 Jul 2026 17:26:07 GMT

← Older revision		Revision as of 17:26, 22 July 2026
Line 72:		Line 72:
	1. Find the specific question in your Meeting Type // Questions and click '''Copy UUID.'''		1. Find the specific question in your Meeting Type // Questions and click '''Copy UUID.'''
	2. Add Custom CSS<br>		2. Add Custom CSS<br>
	To hide the pre-filled question from the booking interface, navigate to Settings // ~~Appearance~~ // Custom CSS and use the following syntax (replacing the ID with your specific UUID):		To hide the pre-filled question from the booking interface, navigate to Settings // Branding // Custom CSS and use the following syntax (replacing the ID with your specific UUID):
	<pre>		<pre>
	.question--e0585e89-c483-48f3-8ad2-2bba5802bb9e {		.question--e0585e89-c483-48f3-8ad2-2bba5802bb9e {

Booking Links

Admin — Wed, 22 Jul 2026 17:24:42 GMT

← Older revision		Revision as of 17:24, 22 July 2026
(2 intermediate revisions by the same user not shown)
Line 50:		Line 50:
	* Rename tabs (e.g. “Our Team”, “Quick Booking”) from Settings -> '''Custom translations.'''		* Rename tabs (e.g. “Our Team”, “Quick Booking”) from Settings -> '''Custom translations.'''
	* Hide tabs using '''Custom CSS''' from Settings -> Branding.		* Hide tabs using '''Custom CSS''' from Settings -> Branding.
	[[File:~~Sm custom css path newupd~~.png\|1200px\|center\|link=https://help.simplymeet.me/~~images/0/06/Sm_custom_css_path_newupd~~.png]]		<br>
			[[File:SM Branding CSS.png\|1200px\|center\|link=https://help.simplymeet.me/index.php?title=File:SM_Branding_CSS.png]]
	<br><br>		<br><br>
	Other available basic customization:<br>		Other available basic customization:<br>

File:SM Branding CSS.png

Admin — Wed, 22 Jul 2026 17:22:52 GMT

Admin uploaded File:SM Branding CSS.png

New page

Booking Links

Admin — Wed, 22 Jul 2026 17:19:57 GMT

← Older revision		Revision as of 17:19, 22 July 2026
Line 49:		Line 49:
	You can adapt the booking page to your brand:<br>		You can adapt the booking page to your brand:<br>
	* Rename tabs (e.g. “Our Team”, “Quick Booking”) from Settings -> '''Custom translations.'''		* Rename tabs (e.g. “Our Team”, “Quick Booking”) from Settings -> '''Custom translations.'''
	* Hide tabs using '''Custom CSS''' from Settings -> ~~Appearance~~.		* Hide tabs using '''Custom CSS''' from Settings -> Branding.
	[[File:Sm custom css path newupd.png\|1200px\|center\|link=https://help.simplymeet.me/images/0/06/Sm_custom_css_path_newupd.png]]		[[File:Sm custom css path newupd.png\|1200px\|center\|link=https://help.simplymeet.me/images/0/06/Sm_custom_css_path_newupd.png]]
	<br><br>		<br><br>
	Other available basic customization:<br>		Other available basic customization:<br>
	Go to '''Settings''' -> '''~~Appearance~~''' to update:		Go to '''Settings''' -> '''Branding''' to update:
	* Colors		* Colors
	* Logo		* Logo
	* Branding		* Branding

How to clone a teammate's settings

Admin — Wed, 22 Jul 2026 17:13:34 GMT

← Older revision		Revision as of 17:13, 22 July 2026
Line 5:		Line 5:
	<ul>		<ul>
	<li>Meeting Types (all personal including secret ones).</li>		<li>Meeting Types (all personal including secret ones).</li>
	<li>Scheduling page ~~appearance~~.</li>		<li>Scheduling page branding.</li>
	<li>Organization logo.</li>		<li>Organization logo.</li>
	</ul>		</ul>

Role administration

Admin — Wed, 22 Jul 2026 17:12:20 GMT

← Older revision		Revision as of 17:12, 22 July 2026
Line 78:		Line 78:
	\| style="border-bottom: 1px solid #e7ecf7; color: #ff3259; text-align: center;" \| ❌ <br>		\| style="border-bottom: 1px solid #e7ecf7; color: #ff3259; text-align: center;" \| ❌ <br>
	\|-		\|-
	\| style="border-bottom: 1px solid #e7ecf7; padding: 10px;" \| Manage organization ~~appearance~~		\| style="border-bottom: 1px solid #e7ecf7; padding: 10px;" \| Manage organization branding
	\| style="border-bottom: 1px solid #e7ecf7; color: #00d38b; font-size:24px; text-align: center; height: 30px;" \| ✔ <br>		\| style="border-bottom: 1px solid #e7ecf7; color: #00d38b; font-size:24px; text-align: center; height: 30px;" \| ✔ <br>
	\| style="border-bottom: 1px solid #e7ecf7; color: #06ADEF; font-size:28px; text-align: center; " \| ⚙ <br>		\| style="border-bottom: 1px solid #e7ecf7; color: #06ADEF; font-size:28px; text-align: center; " \| ⚙ <br>

How to disable SimplyMeet.me branding

Admin — Wed, 22 Jul 2026 15:50:22 GMT

← Older revision		Revision as of 15:50, 22 July 2026
(2 intermediate revisions by the same user not shown)
Line 6:		Line 6:
	</p>		</p>
	<ol>		<ol>
	<li>Go to [https://secure.simplymeet.me/panel/appearance Branding].</li>		<li>Go to [https://secure.simplymeet.me/panel/appearance '''Branding'''].</li>
	<li>Choose "Personal account" tab and scroll the page ~~down~~.</li>		<li>Choose '''"Personal account"''' tab -> '''Pictures''', and scroll down the page.</li>
	<li>Disable <strong>SimplyMeet.me Branding.</strong> </li>		<li>Disable <strong>SimplyMeet.me Branding.</strong> </li>
	<li>Click <strong>Save</strong> button.</li>		<li>Click <strong>Save</strong> button.</li>
	</ol>		</ol>
	<div class="intercom-container intercom-align-center">		<div class="intercom-container intercom-align-center">
	[[File:~~Sm disable~~ branding ~~new~~.png\|1200px\|center\|link=https://help.simplymeet.me/~~images/3/3f/Sm_disable_branding_new~~.png]]		[[File:SimplyMeet branding toggle.png\|1200px\|center\|link=https://help.simplymeet.me/index.php?title=File:SimplyMeet_branding_toggle.png]]

File:SimplyMeet branding toggle.png

Admin — Wed, 22 Jul 2026 15:47:31 GMT

Admin uploaded File:SimplyMeet branding toggle.png

New page

How to disable SimplyMeet.me branding

Admin — Wed, 22 Jul 2026 15:44:03 GMT

← Older revision		Revision as of 15:44, 22 July 2026
(One intermediate revision by the same user not shown)
Line 3:		Line 3:
	</p>		</p>
	<p class="intercom-align-left">		<p class="intercom-align-left">
	If you don't want to show SimplyMeet.me branding in your email notifications or on the scheduling page, you have to disable the SimplyMeet.me branding which is enabled by default.		If you don't want to show SimplyMeet.me branding in your email notifications or on the scheduling page, you have to disable the SimplyMeet.me branding toggle which is enabled by default.
	</p>		</p>
	<ol>		<ol>
	<li>Go to [https://secure.simplymeet.me/panel/appearance ~~Appearance~~].</li>		<li>Go to [https://secure.simplymeet.me/panel/appearance Branding].</li>
	<li>Choose "Personal account" tab and scroll the page down.</li>		<li>Choose "Personal account" tab and scroll the page down.</li>
	<li>Disable <strong>SimplyMeet.me Branding.</strong> </li>		<li>Disable <strong>SimplyMeet.me Branding.</strong> </li>

Company logo

Admin — Wed, 22 Jul 2026 15:40:10 GMT

← Older revision		Revision as of 15:40, 22 July 2026
(2 intermediate revisions by the same user not shown)
Line 5:		Line 5:
	</p>		</p>
	<div class="intercom-container">		<div class="intercom-container">
	[[File:~~Sm company logo path new~~.png\|1200px\|center\|link=https://help.simplymeet.me/~~images/8/82/Sm_company_logo_path_new~~.png]]		[[File:SM Branding navigation.png\|1200px\|center\|link=https://help.simplymeet.me/index.php?title=File:SM_Branding_navigation.png]]
	</div>		</div>
	<ol>		<ol>
			<br>
	<li>Go to [https://secure.simplymeet.me/panel/appearance Branding Settings].</li>		<li>Go to [https://secure.simplymeet.me/panel/appearance Branding Settings].</li>
	<li>To add your company logo, click on the <strong>upload box </strong>under the <strong>Company logo, </strong>select an image, and click <strong>Save</strong>.</li>		<li>To add your company logo, click on the <strong>upload box </strong>under the <strong>Company logo, </strong>select an image, and click <strong>Save</strong>.</li>
	<li>To replace an image, click on the <strong>upload box</strong> again select an image, and click <strong>Save</strong>.</li>		<li>To replace an image, click on the <strong>upload box</strong> again select an image, and click <strong>Save</strong>.</li>
	<li>To remove the company logo, select <strong>Remove company logo? </strong>checkbox, and click <strong>Save</strong>.</li>		<li>To remove the company logo, select <strong>Remove company logo? </strong>checkbox, and click <strong>Save</strong>.</li>
			<br>
	</ol>		</ol>
	<div class="intercom-container">		<div class="intercom-container">
	[[File:Simplymeet company logo client side.png\|1200px\|center]]		[[File:Simplymeet company logo client side.png\|1200px\|center]]
	</div>		</div>

File:SM Branding navigation.png

Admin — Wed, 22 Jul 2026 15:38:17 GMT

Admin uploaded File:SM Branding navigation.png

New page

Company logo

Admin — Wed, 22 Jul 2026 15:35:27 GMT

← Older revision		Revision as of 15:35, 22 July 2026
(One intermediate revision by the same user not shown)
Line 1:		Line 1:
	<p class="no-margin">		<p class="no-margin">
	You can upload a company logo in '''Settings''' -> '''~~Appearance~~''' and it will appear on your scheduling page		You can upload a company logo in '''Settings''' -> '''Branding''' -> '''Pictures''' and it will appear on your scheduling page
	</p>		</p>
	<p class="no-margin">		<p class="no-margin">
Line 8:		Line 8:
	</div>		</div>
	<ol>		<ol>
	<li>Go to [https://secure.simplymeet.me/panel/appearance ~~Appearance~~ Settings].</li>		<li>Go to [https://secure.simplymeet.me/panel/appearance Branding Settings].</li>
	<li>To add your company logo, click on the <strong>upload box </strong>under the <strong>Company logo, </strong>select an image, and click <strong>Save</strong>.</li>		<li>To add your company logo, click on the <strong>upload box </strong>under the <strong>Company logo, </strong>select an image, and click <strong>Save</strong>.</li>
	<li>To replace an image, click on the <strong>upload box</strong> again select an image, and click <strong>Save</strong>.</li>		<li>To replace an image, click on the <strong>upload box</strong> again select an image, and click <strong>Save</strong>.</li>

← Older revision		Revision as of 17:12, 22 July 2026
Line 78:		Line 78:
	\| style="border-bottom: 1px solid #e7ecf7; color: #ff3259; text-align: center;" \| ❌ <br>		\| style="border-bottom: 1px solid #e7ecf7; color: #ff3259; text-align: center;" \| ❌ <br>
	\|-		\|-
	\| style="border-bottom: 1px solid #e7ecf7; padding: 10px;" \| Manage organization ~~appearance~~		\| style="border-bottom: 1px solid #e7ecf7; padding: 10px;" \| Manage organization branding
	\| style="border-bottom: 1px solid #e7ecf7; color: #00d38b; font-size:24px; text-align: center; height: 30px;" \| ✔ <br>		\| style="border-bottom: 1px solid #e7ecf7; color: #00d38b; font-size:24px; text-align: center; height: 30px;" \| ✔ <br>
	\| style="border-bottom: 1px solid #e7ecf7; color: #06ADEF; font-size:28px; text-align: center; " \| ⚙ <br>		\| style="border-bottom: 1px solid #e7ecf7; color: #06ADEF; font-size:28px; text-align: center; " \| ⚙ <br>