How to use

How to use the template

This is a page that shows the template features and short guides on how to customize them to your needs

Calendars

How to change calendly to cal.com

You have the alternative to use cal.com instead of calendly. Here's how you can do it.

Find the calendly section

Find the 'Version' in the right sidebar

Select cal.com instead of calendly

How to change calendly to cal.com

You have the alternative to use cal.com instead of calendly. Here's how you can do it.

Find the calendly section

Find the 'Version' in the right sidebar

Select cal.com instead of calendly

How to change calendly to cal.com

You have the alternative to use cal.com instead of calendly. Here's how you can do it.

Find the calendly section

Find the 'Version' in the right sidebar

Select cal.com instead of calendly

How to add your calendly link

Create a calendly event type and copy the link

Create a calendly even type

Copy the last part of the URL

Paste it in the Framer calendly component

How to add your calendly link

Create a calendly event type and copy the link

Create a calendly even type

Copy the last part of the URL

Paste it in the Framer calendly component

How to add your calendly link

Create a calendly event type and copy the link

Create a calendly even type

Copy the last part of the URL

Paste it in the Framer calendly component

How to add your cal.com link

Create a cal.com event type, then find it inside of Event Types

Create a cal.com event type

Copy the HTML embed code

Paste it inside the framer component

How to add your cal.com link

Create a cal.com event type, then find it inside of Event Types

Create a cal.com event type

Copy the HTML embed code

Paste it inside the framer component

How to add your cal.com link

Create a cal.com event type, then find it inside of Event Types

Create a cal.com event type

Copy the HTML embed code

Paste it inside the framer component

Case studies

How to add a case study

In the pages section on the left sidebar duplicate one of the existing case study

Duplicate one of the existing case study

Change the link on the homepage to the new project

Do the same for the see more and footer links

How to add a case study

In the pages section on the left sidebar duplicate one of the existing case study

Duplicate one of the existing case study

Change the link on the homepage to the new project

Do the same for the see more and footer links

How to add a case study

In the pages section on the left sidebar duplicate one of the existing case study

Duplicate one of the existing case study

Change the link on the homepage to the new project

Do the same for the see more and footer links

How to edit a case study

You can easily edit the structure of a project page to match the content of your case study by:

Duplicating sections (cmd+D keyboard shortcut)

Moving them around using the up and down arrow keys

Swap the layout by dragging and dropping elements

How to edit a case study

You can easily edit the structure of a project page to match the content of your case study by:

Duplicating sections (cmd+D keyboard shortcut)

Moving them around using the up and down arrow keys

Swap the layout by dragging and dropping elements

How to edit a case study

You can easily edit the structure of a project page to match the content of your case study by:

Duplicating sections (cmd+D keyboard shortcut)

Moving them around using the up and down arrow keys

Swap the layout by dragging and dropping elements