Customize your scheduling page - Revision history

Admin at 11:49, 16 March 2026

2026-03-16T11:49:25Z

← Older revision		Revision as of 11:49, 16 March 2026
Line 37:		Line 37:
	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.)!		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.)!
	</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 Appearance]''' page.		1. Go to '''[https://secure.simplymeet.me/panel/appearance Appearance]''' page.

Admin at 13:58, 4 December 2023

2023-12-04T13:58:35Z

← Older revision		Revision as of 13:58, 4 December 2023
Line 11:		Line 11:
	<h2>Personal-level vs. Organization-level Appearance</h2>		<h2>Personal-level vs. Organization-level Appearance</h2>
	<p>		<p>
	1. Go to the [https://secure.simplymeet.me/appearance Appearance] page.		1. Go to the [https://secure.simplymeet.me/panel/appearance Appearance] page.
	</p>		</p>
	<p>		<p>

Admin at 09:19, 20 July 2023

2023-07-20T09:19:40Z

← Older revision		Revision as of 09:19, 20 July 2023
Line 1:		Line 1:
			__FORCETOC__
	<p>		<p>
	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 ~~some customization~~ built right into Appearance settings that can be customized without changing the code and our default CSS.~~ ~~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		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
			can be customized without changing the code and our default CSS.
			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.
	</p>		</p>
	<p>		<p>
	This article covers all of the customization options scheduling page offers.		This article covers all of the customization options scheduling page offers.
	</p>		</p>
	<h2>Appearance ~~editor~~</h2>		<h2>Personal-level vs. Organization-level Appearance</h2>
	<p>		<p>
	1. Go to the [https://secure.simplymeet.me/appearance Appearance] page.		1. Go to the [https://secure.simplymeet.me/appearance Appearance] page.
	</p>		</p>
	<p>		<p>
	2. The user-friendly editor will open where you can change the colours of the personal scheduling page,~~ ~~no custom coding necessary.		2. The user-friendly editor will open where you can change the colours of the personal scheduling page, no custom coding necessary.
	</p>		</p>
	<p>		<p>
	[[File:~~Simplymeet~~ appearance settings.png\|1200px\|center]]		3. You can upload your company logo, avatar, banner image and disable SimplyMeet.me branding(paid plans only).
			</p>
			<p>
			[[File:Example. appearance settings.png\|1200px\|center\|link=https://help.simplymeet.me/images/a/a5/Example._appearance_settings.png]]
			</p>
			<p>
			4. For the organization level simply select '''Organization account''' tab there, make the necessary adjustments and save settings.
	</p>		</p>
	<h2><br>		<h2><br>
Line 19:		Line 29:
	</h2>		</h2>
	<p>		<p>
	Organization-level CSS will be loaded when you open~~ any ~~teammates scheduling link in your organization or the organization scheduling page.		Organization-level CSS will be loaded when you open teammates scheduling link in your organization or the organization scheduling page.
	</p>		</p>
	<p>		<p>
	<span style="font-weight: normal;">Personal-specific CSS gets loaded only on the personal scheduling page.</span>		<span style="font-weight: normal;">Personal-specific CSS gets loaded only on the personal scheduling page.</span>
	</p>		</p>
	~~<h3> Use custom CSS (Cascading Style Sheets)</h3>~~
	<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.)!		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.)!
	</p>		</p>
	~~<h4> Personal scheduling page-specific custom CSS</h4>~~
	~~<p>~~
	~~1. Go to~~
	~~[https://secure.simplymeet.me/profile/edit Account Settings.]~~
	~~</p>~~
	~~<p>~~
	~~2. Head to the <strong>Custom CSS</strong> section to get started.~~
	~~</p>~~
	~~<p>~~
	~~[[File:Simplymeet profile css path.png\|1200px\|center]]~~
	~~</p>~~
	<p>		<p>
	~~ 3~~.~~ Just add your CSS using the ~~		1. Go to '''[https://secure.simplymeet.me/panel/appearance Appearance]''' page.
	~~<strong>Custom CSS<~~/~~strong> field~~. ~~This CSS will automatically apply to your personal scheduling~~ page.
	</p>		</p>
	~~<h4>Organization scheduling page-specific custom CSS</h4>~~
	<p>		<p>
	1. Go to ~~[https://secure.simplymeet.me/organization/settings Organization settings~~.]		2. Select '''Personal account''' or '''Organization account''' tab depending on the scheduling page you wish to customize.
	</p>		</p>
	<p>		<p>
	2. ~~Head~~ to the ~~'''~~Custom CSS~~'''~~ section to get started.		3. Scroll the page to the <strong>Custom CSS</strong> section to get started.
	</p>		</p>
	<p>		<p>
	[[File:~~Simplymeet organization~~ css path new.png\|1200px\|center]]		[[File:Sm custom css path new.png\|1200px\|center\|link=https://help.simplymeet.me/images/8/82/Sm_custom_css_path_new.png]]
	</p>		</p>
	<p>		<p>
	~~ 3. ~~Just add your CSS using ~~the ~~Custom CSS~~ ~~field. This CSS will automatically apply to your ~~organization ~~scheduling page.		Just add your CSS using
			<strong>Custom CSS</strong> field. This CSS will automatically apply to your personal scheduling page.
	</p>		</p>

Admin at 14:23, 23 November 2021

2021-11-23T14:23:35Z

← Older revision		Revision as of 14:23, 23 November 2021
Line 7:		Line 7:
	<h2>Appearance editor</h2>		<h2>Appearance editor</h2>
	<p>		<p>
	1. Go to the [https://~~app~~.simplymeet.me/appearance Appearance] page.		1. Go to the [https://secure.simplymeet.me/appearance Appearance] page.
	</p>		</p>
	<p>		<p>
Line 31:		Line 31:
	<p>		<p>
	1. Go to		1. Go to
	[https://~~app~~.simplymeet.me/profile/edit Account Settings.]		[https://secure.simplymeet.me/profile/edit Account Settings.]
	</p>		</p>
	<p>		<p>
Line 45:		Line 45:
	<h4>Organization scheduling page-specific custom CSS</h4>		<h4>Organization scheduling page-specific custom CSS</h4>
	<p>		<p>
	1. Go to [https://~~app~~.simplymeet.me/organization/settings Organization settings.]		1. Go to [https://secure.simplymeet.me/organization/settings Organization settings.]
	</p>		</p>
	<p>		<p>

Admin at 15:19, 17 November 2021

2021-11-17T15:19:19Z

← Older revision		Revision as of 15:19, 17 November 2021
Line 37:		Line 37:
	</p>		</p>
	<p>		<p>
	[[File:Simplymeet ~~account~~ css path.png\|1200px\|center]]		[[File:Simplymeet profile css path.png\|1200px\|center]]
	</p>		</p>
	<p>		<p>
Line 48:		Line 48:
	</p>		</p>
	<p>		<p>
	2. Head to the Custom CSS~~ ~~section to get started.		2. Head to the '''Custom CSS''' section to get started.
	</p>		</p>
	<p>		<p>
	[[File:Simplymeet organization css path.png\|1200px\|center]]		[[File:Simplymeet organization css path new.png\|1200px\|center]]
	</p>		</p>
	<p>		<p>
	3. Just add your CSS using the Custom CSS field. This CSS will automatically apply to your organization scheduling page.		3. Just add your CSS using the Custom CSS field. This CSS will automatically apply to your organization scheduling page.
	</p>		</p>

Admin at 15:08, 17 November 2021

2021-11-17T15:08:52Z

@@ Line 1: / Line 1: @@
 <p>
-	 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 some customization built right into Appearance settings that can be customized without changing the code and our default CSS.&nbsp;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 or Javascript code.&nbsp;
+	 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 some customization built right into Appearance settings that can be customized without changing the code and our default CSS.&nbsp;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
 </p>
 <p>
@@ Line 16: / Line 16: @@
 </p>
 <h2><br>
-  Personal-level vs. Organization-level CSS
+  Personal-level vs. Organization-level CSS (paid plan only)
 </h2>
 <p>
@@ Line 55: / Line 55: @@
 <p>
 	 &nbsp;3.&nbsp;Just add your CSS using the&nbsp;Custom CSS&nbsp;field. This CSS will automatically apply to your organization&nbsp;scheduling page.
 </p>

Admin at 14:39, 25 October 2021

2021-10-25T14:39:45Z

← Older revision		Revision as of 14:39, 25 October 2021
Line 7:		Line 7:
	<h2>Appearance editor</h2>		<h2>Appearance editor</h2>
	<p>		<p>
	1. Go to the [https://app.~~harmonizely~~.~~com~~/appearance Appearance] page.		1. Go to the [https://app.simplymeet.me/appearance Appearance] page.
	</p>		</p>
	<p>		<p>
Line 13:		Line 13:
	</p>		</p>
	<p>		<p>
	[[File:~~Design visual editor~~.png\|1200px\|center]]		[[File:Simplymeet appearance settings.png\|1200px\|center]]
	</p>		</p>
	<h2><br>		<h2><br>
Line 31:		Line 31:
	<p>		<p>
	1. Go to		1. Go to
	[https://app.~~harmonizely~~.~~com~~/profile/edit Account Settings.]		[https://app.simplymeet.me/profile/edit Account Settings.]
	</p>		</p>
	<p>		<p>
Line 37:		Line 37:
	</p>		</p>
	<p>		<p>
	[[File:~~Custom~~ css ~~box~~.png\|center]]		[[File:Simplymeet account css path.png\|1200px\|center]]
	</p>		</p>
	<p>		<p>
Line 45:		Line 45:
	<h4>Organization scheduling page-specific custom CSS</h4>		<h4>Organization scheduling page-specific custom CSS</h4>
	<p>		<p>
	1. Go to		1. Go to [https://app.simplymeet.me/organization/settings Organization settings.]
	[https://app.~~harmonizely~~.~~com~~/organization/settings Organization settings.]
	</p>		</p>
	<p>		<p>
Line 52:		Line 51:
	</p>		</p>
	<p>		<p>
	[[File:~~Custom~~ css ~~organization box~~.png\|center]]		[[File:Simplymeet organization css path.png\|1200px\|center]]
	</p>		</p>
	<p>		<p>
Line 70:		Line 69:
	<h4>Personal scheduling page-specific custom JavaScript</h4>		<h4>Personal scheduling page-specific custom JavaScript</h4>
	<p>		<p>
	1. Go to		1. Go to [https://app.simplymeet.me/profile/edit Account Settings.]
	[https://app.~~harmonizely~~.~~com~~/profile/edit Account Settings.]
	</p>		</p>
	<p>		<p>
Line 77:		Line 75:
	</p>		</p>
	<p>		<p>
	[[File:~~Custom javascript personal~~.png\|center]]		[[File:Simplymeet account js path.png\|1200px\|center]]
	</p>		</p>
	<p>		<p>
Line 86:		Line 84:
	<p>		<p>
	1. Go to		1. Go to
	[https://app.~~harmonizely~~.~~com~~/organization/settings Organization settings.]		[https://app.simplymeet.me/organization/settings Organization settings.]
	</p>		</p>
	<p>		<p>
Line 93:		Line 91:
	</p>		</p>
	<p>		<p>
	[[File:~~Custom javascript~~ organization.png\|center]]		[[File:Simplymeet organization js path.png\|1200px\|center]]
	</p>		</p>
	<p>		<p>
	3. Just add your JavaScript code using the Custom JavaScript field. This JavaScript will automatically apply to your organization scheduling page.		3. Just add your JavaScript code using the Custom JavaScript field. This JavaScript will automatically apply to your organization scheduling page.
	</p>		</p>

Admin at 09:15, 23 August 2021

2021-08-23T09:15:37Z

← Older revision		Revision as of 09:15, 23 August 2021
Line 31:		Line 31:
	<p>		<p>
	1. Go to		1. Go to
	~~<a href="~~https://app.harmonizely.com/profile/edit~~" target="_blank">~~Account Settings.~~</a>~~		[https://app.harmonizely.com/profile/edit Account Settings.]
	</p>		</p>
	<p>		<p>
Line 93:		Line 93:
	</p>		</p>
	<p>		<p>
	[File:Custom javascript organization.png\|center]		[[File:Custom javascript organization.png\|center]]
	</p>		</p>
	<p>		<p>
	3. Just add your JavaScript code using the Custom JavaScript field. This JavaScript will automatically apply to your organization scheduling page.		3. Just add your JavaScript code using the Custom JavaScript field. This JavaScript will automatically apply to your organization scheduling page.
	</p>		</p>

Admin: Created page with "
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 some cust..."

2021-08-13T08:03:35Z

Created page with "<p> 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 some cust..."

New page

<p>
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 some customization built right into Appearance settings that can be customized without changing the code and our default CSS. 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 or Javascript code. 
</p>
<p>
This article covers all of the customization options scheduling page offers.
</p>
<h2>Appearance editor</h2>
<p>
1. Go to the [https://app.harmonizely.com/appearance Appearance] 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.
</p>
<p>
[[File:Design visual editor.png|1200px|center]]
</p>
<h2><br>
Personal-level vs. Organization-level CSS
</h2>
<p>
Organization-level CSS will be loaded when you open any teammates scheduling link in your organization or the organization scheduling page.
</p>
<p>
<span style="font-weight: normal;">Personal-specific CSS gets loaded only on the personal scheduling page.</span>
</p>
<h3> Use custom CSS (Cascading Style Sheets)</h3>
<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.)!
</p>
<h4> Personal scheduling page-specific custom CSS</h4>
<p>
1. Go to
<a href="https://app.harmonizely.com/profile/edit" target="_blank">Account Settings.</a>
</p>
<p>
2. Head to the <strong>Custom CSS</strong> section to get started.
</p>
<p>
[[File:Custom css box.png|center]]
</p>
<p>
 3. Just add your CSS using the 
<strong>Custom CSS</strong> field. This CSS will automatically apply to your personal scheduling page.
</p>
<h4>Organization scheduling page-specific custom CSS</h4>
<p>
1. Go to
[https://app.harmonizely.com/organization/settings Organization settings.]
</p>
<p>
2. Head to the Custom CSS section to get started.
</p>
<p>
[[File:Custom css organization box.png|center]]
</p>
<p>
 3. Just add your CSS using the Custom CSS field. This CSS will automatically apply to your organization scheduling page.
</p>
<h2>Personal-level vs. Organization-level JavaScript</h2>
<p>
Organization-level JavaScript will be loaded when you open any teammates scheduling link from your organizations overview page or the organization scheduling page but not on the individual personal scheduling pages.
</p>
<p>
Personal-specific JavaScript gets loaded only on the personal scheduling page.
</p>
<h3>Use custom JavaScript</h3>
<p>
You can add custom Javascript code at both the personal and organization scheduling page level. This can be any custom JavaScript code like Hubspot tracking code or something else.
</p>
<h4>Personal scheduling page-specific custom JavaScript</h4>
<p>
1. Go to
[https://app.harmonizely.com/profile/edit Account Settings.]
</p>
<p>
2. Head to the Custom JavaScript section to get started.
</p>
<p>
[[File:Custom javascript personal.png|center]]
</p>
<p>
 3. Just add your JavaScript code using the Custom JavaScript
<span style="font-weight: normal;"> field. This </span>JavaScript<span style="font-weight: normal;"> will automatically apply to your</span> <span style="font-weight: normal;">personal scheduling page.</span>
</p>
<h4>Organization scheduling page-specific custom JavaScript</h4>
<p>
1. Go to
[https://app.harmonizely.com/organization/settings Organization settings.]
</p>
<p>
2. Head to the
<strong>Custom JavaScript</strong> section to get started.
</p>
<p>
[File:Custom javascript organization.png|center]
</p>
<p>
3. Just add your JavaScript code using the Custom JavaScript field. This JavaScript will automatically apply to your organization scheduling page.
</p>