Configuring Site Settings

You can configure settings specific to your website in your Site Settings, such as passwords, custom domains, and more.

Site Settings

You can enter your Site Settings by clicking on settings button on the top right corner of your project. We offer a variety of settings, such as the ability to add in custom code, configure passwords for your site, and add social images.

Note: Any setting configured on the site level will act as the default setting for every page on the website. Any setting configured on the page level will override what is added on the site level.

Adding Custom Code

You can insert custom code at the start or end of the <head> and <body> tag of your site. Custom code and scripts will be added to every page across the published site. These changes will not be visible in your preview, only in the published site.

In order to insert custom code, click on the name of the project to access the Site Settings and scroll down to the Custom Code section.

HTML, CSS, and Javascript are supported. The following tags are allowed: <link>,<script> ,<meta>, and <style>. You will not be able to integrate any server-side languages, such as Perl, PHP, Python, or Ruby.

Note: We do not validate custom code for you, so make sure to check your code before publishing.

Custom Code Use Cases

You can use the custom code feature to integrate lots of services, such as analytics, real time chat, localisation tools and much more. Here are some examples of snippets that you can use to integrate third party services into your Framer website by pasting the code into the head and body sections.

- Google Analytics

- Google Tag Manager

- Hotjar

- Facebook Pixel

- Segment

- Optimizely

- Google Optimize

- Addthis

- Intercom

- Chatwoot

- Localize

Note: Make sure to include the opening and closing <script> tags.

Adding Password Protection

You can add a password to your website to protect your content from any unwanted visitors. You can add a password to your website by toggling Password Protection on in your Site Settings after publishing. A password will automatically be generated for you. You can use this password, or edit the password to fit your needs.

Once a password has been set, any visitor entering your website through any of the domains will receive a prompt to type in the password before they can access any content.

Adding Social Images

You can add social images to each page of your website by uploading images in your Site Settings. This is the image viewers will see when your website is shared on a social media platform.

Simply go to your Site Settings, navigate to the page you want to add the image to, and upload the image in the Page Social Image section. The recommended image size is 1200 x 630 px.

Configuring Site Settings

You can configure settings specific to your website in your Site Settings, such as passwords, custom domains, and more.

Site Settings

You can enter your Site Settings by clicking on settings button on the top right corner of your project. We offer a variety of settings, such as the ability to add in custom code, configure passwords for your site, and add social images.

Note: Any setting configured on the site level will act as the default setting for every page on the website. Any setting configured on the page level will override what is added on the site level.

Adding Custom Code

You can insert custom code at the start or end of the <head> and <body> tag of your site. Custom code and scripts will be added to every page across the published site. These changes will not be visible in your preview, only in the published site.

In order to insert custom code, click on the name of the project to access the Site Settings and scroll down to the Custom Code section.

HTML, CSS, and Javascript are supported. The following tags are allowed: <link>,<script> ,<meta>, and <style>. You will not be able to integrate any server-side languages, such as Perl, PHP, Python, or Ruby.

Note: We do not validate custom code for you, so make sure to check your code before publishing.

Custom Code Use Cases

You can use the custom code feature to integrate lots of services, such as analytics, real time chat, localisation tools and much more. Here are some examples of snippets that you can use to integrate third party services into your Framer website by pasting the code into the head and body sections.

- Google Analytics

- Google Tag Manager

- Hotjar

- Facebook Pixel

- Segment

- Optimizely

- Google Optimize

- Addthis

- Intercom

- Chatwoot

- Localize

Note: Make sure to include the opening and closing <script> tags.

Adding Password Protection

You can add a password to your website to protect your content from any unwanted visitors. You can add a password to your website by toggling Password Protection on in your Site Settings after publishing. A password will automatically be generated for you. You can use this password, or edit the password to fit your needs.

Once a password has been set, any visitor entering your website through any of the domains will receive a prompt to type in the password before they can access any content.

Adding Social Images

You can add social images to each page of your website by uploading images in your Site Settings. This is the image viewers will see when your website is shared on a social media platform.

Simply go to your Site Settings, navigate to the page you want to add the image to, and upload the image in the Page Social Image section. The recommended image size is 1200 x 630 px.

Configuring Site Settings

You can configure settings specific to your website in your Site Settings, such as passwords, custom domains, and more.

Site Settings

You can enter your Site Settings by clicking on settings button on the top right corner of your project. We offer a variety of settings, such as the ability to add in custom code, configure passwords for your site, and add social images.

Note: Any setting configured on the site level will act as the default setting for every page on the website. Any setting configured on the page level will override what is added on the site level.

Adding Custom Code

You can insert custom code at the start or end of the <head> and <body> tag of your site. Custom code and scripts will be added to every page across the published site. These changes will not be visible in your preview, only in the published site.

In order to insert custom code, click on the name of the project to access the Site Settings and scroll down to the Custom Code section.

HTML, CSS, and Javascript are supported. The following tags are allowed: <link>,<script> ,<meta>, and <style>. You will not be able to integrate any server-side languages, such as Perl, PHP, Python, or Ruby.

Note: We do not validate custom code for you, so make sure to check your code before publishing.

Custom Code Use Cases

You can use the custom code feature to integrate lots of services, such as analytics, real time chat, localisation tools and much more. Here are some examples of snippets that you can use to integrate third party services into your Framer website by pasting the code into the head and body sections.

- Google Analytics

- Google Tag Manager

- Hotjar

- Facebook Pixel

- Segment

- Optimizely

- Google Optimize

- Addthis

- Intercom

- Chatwoot

- Localize

Note: Make sure to include the opening and closing <script> tags.

Adding Password Protection

You can add a password to your website to protect your content from any unwanted visitors. You can add a password to your website by toggling Password Protection on in your Site Settings after publishing. A password will automatically be generated for you. You can use this password, or edit the password to fit your needs.

Once a password has been set, any visitor entering your website through any of the domains will receive a prompt to type in the password before they can access any content.

Adding Social Images

You can add social images to each page of your website by uploading images in your Site Settings. This is the image viewers will see when your website is shared on a social media platform.

Simply go to your Site Settings, navigate to the page you want to add the image to, and upload the image in the Page Social Image section. The recommended image size is 1200 x 630 px.