|
|
| Line 1: |
Line 1: |
| <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 or Javascript code. | | 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 |
| </p> | | </p> |
| <p> | | <p> |
| Line 16: |
Line 16: |
| </p> | | </p> |
| <h2><br> | | <h2><br> |
| Personal-level vs. Organization-level CSS | | Personal-level vs. Organization-level CSS (paid plan only) |
| </h2> | | </h2> |
| <p> | | <p> |
| Line 55: |
Line 55: |
| <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>
| |
| <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.simplymeet.me/profile/edit Account Settings.]
| |
| </p>
| |
| <p>
| |
| 2. Head to the Custom JavaScript section to get started.
| |
| </p>
| |
| <p>
| |
| [[File:Simplymeet account js path.png|1200px|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.simplymeet.me/organization/settings Organization settings.]
| |
| </p>
| |
| <p>
| |
| 2. Head to the
| |
| <strong>Custom JavaScript</strong> section to get started.
| |
| </p>
| |
| <p>
| |
| [[File:Simplymeet organization js path.png|1200px|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> | | </p> |