> For the complete documentation index, see [llms.txt](https://docs.aurinko.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.aurinko.io/scheduling/create-your-first-appointment-booking-page.md).

# Create your first appointment booking page

Create a personalized appointment booking page by connecting your Google or Office 365 calendar. Download scheduler.html for setup and API details.

First, create an account in the [Aurinko portal](https://app.aurinko.io/). 

Create your app, then сheck the **'Scheduler'** feature for your new app (Mailbox API will be activated too).

<div data-full-width="true"><figure><img src="https://3933352743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0ua36KLVlbUN5bA2bgiq%2Fuploads%2FPy37CoJQ91mwkL6DghdI%2Fimage.png?alt=media&amp;token=47bc48a5-e6e2-45ad-8d8a-44e774731504" alt=""><figcaption></figcaption></figure></div>

On your new app's dashboard go to the todo item **'Check out your appointment booking page!'**

<div data-full-width="true"><figure><img src="https://3933352743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0ua36KLVlbUN5bA2bgiq%2Fuploads%2F62Hvpy1mASJJxVFtxIsM%2Fimage.png?alt=media&amp;token=7ba918dc-4eee-4461-8b79-c2112123ad8c" alt=""><figcaption></figcaption></figure></div>

and click **'Authorize access to a calendar'** (in Google or Office 365 account that you own):

<figure><img src="https://3933352743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0ua36KLVlbUN5bA2bgiq%2Fuploads%2Fb1vO3C8ljwemWSpMdaxd%2Fimage.png?alt=media&amp;token=06d94679-fcd3-431a-9b4e-c902869e64da" alt="" width="375"><figcaption></figcaption></figure>

Once a mailbox account (with calendar access) is connected click '**Download html file'** to download your scheduler.html file.

Then open the scheduler.html file in your browser; this is your appointment booking page!<br>

<div data-full-width="true"><figure><img src="https://3933352743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0ua36KLVlbUN5bA2bgiq%2Fuploads%2FsiYwRK2KdI9gjiKYbHLy%2Fimage.png?alt=media&amp;token=cfad1e6b-3af1-42f4-bd06-cca31df12eed" alt="" width="563"><figcaption></figcaption></figure></div>

To continue building your appointment booking app set up your own OAuth details:\
\
[Google OAuth setup](/authentication/google-oauth-setup.md)

[Office 365 OAuth setup](/authentication/office-365-oauth-setup.md)

\
Then review [Booking API](/scheduling/booking-api.md) on how to create booking profiles.\
\
Check out our public Github repo [aurinko-workspace-apps](https://github.com/yoxel/aurinko-workplace-apps); the 'index.html' in the scheduler directory is essentially the scheduler.html that you've downloaded. It is quite simple.<br>

<div data-full-width="true"><figure><img src="https://3933352743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0ua36KLVlbUN5bA2bgiq%2Fuploads%2FFXjP2CW3Qep3Qf1PNEUh%2Fimage.png?alt=media&amp;token=bb64a562-ac17-4813-97b4-39f31a8d3bff" alt=""><figcaption></figcaption></figure></div>

You can host the the calendar page on your site, just specify your <mark style="color:red;">`AURINKO_CLIENT_ID`</mark> so that the widget knows your Aurinko app and looks for booking profiles in it.