Only show these results:

Scheduler Quickstart guide


Sign up for your Nylas developer account, and follow our guide to set up your Nylas Sandbox and authorize your first account. When you complete this guide, save your <ACCESS_TOKEN> for later.

Step 1: Create an HTML file

Save the code sample below in a new HTML file. Any file name works, for example scheduler-example.html.

HTML code sample

<!DOCTYPE html>
<html lang="en-US">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nylas Scheduler Simple Example</title>

<!-- Import the Nylas Schedule Editor script -->
<script src="" type="text/javascript"></script>


<!-- Create a button and give it an ID to reference later -->
<button type="button" id="schedule-editor">Open Schedule Editor</button>

var btn = document.getElementById('schedule-editor');
btn.addEventListener('click', function() {
// Prompt the Schedule Editor when a user clicks on the button{
auth: {
// Account <ACCESS_TOKEN> with active calendar scope
accessToken: "<ACCESS_TOKEN>",
style: {
// Style the Schedule Editor
tintColor: '#32325d',
backgroundColor: 'white',
defaults: {
event: {
title: '30-min Coffee Meeting',
duration: 30,



Step 2: Authorization

Replace the <ACCESS_TOKEN> in the HTML file with the value you saved from prerequisites.

Step 3: Open HTML file

Navigate to the new HTML file and open it in your web browser.

Step 4: Open schedule editor

Click the Open Schedule Editor button to launch.

That's it! Now you have access to the Schedule Editor and can create your own Scheduling Page.