> For the complete documentation index, see [llms.txt](https://help.calcumate.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.calcumate.co/calculator-setup-and-customization/how-to-integrate-calcumate-to-framer.md). # How to integrate Calcumate to Framer **Step 1: Create a Calculator** * Start by creating a new calculator from your Calcumate dashboard (login [here](https://calcumate.co/login) if you haven't already). * You can also copy an existing calculator if you've already set one up before.
**Step 2: Publish the Calculator** * Go to the Confirm step. * Click Publish to generate the code snippet.
**Step 3: Copy the generated code snippet**
## Approach 1 **Step 4: Add the embed** * Go the insert menu, in the "Utility" category find the "Embed" item and drag it to the website.
**Step 5: Add the generated snippet to the embed** * Select the embed item * Scroll down on the properties and find the "embed" section * Click on the HTML button * Paste the code snippet
**Step 6: Add a style to the code snippet** * In the \
tag, insert the property style with this value `style="width: calc(100vw - 40px);max-width: calc(100vw - 40px);"` The code snippet should look like this now: 
<div
  id="calcumate-root"
  data-integration="ready-layout-272806.framer.app"
  data-integration-2=""
  data-ref="AQICAHhReAOexSsfBeJ/FMNVdjLFzyMEhuepXqwRfRaqckbrnAHuaOBBjQ0oYfYSZfPPpQhwAAAAgzCBgAYJKoZIhvcNAQcGoHMwcQIBADBsBgkqhkiG9w0BBwEwHgYJYIZIAWUDBAEuMBEEDJFfnjyHj8ipzqKqhAIBEIA/fZFsqE7ThBq1XcFkpUmHAa4sm07+g98Vlyv0XHqZdaAvxWx+GDSwGfVXySu6deP1uBaczPeFHD6ayG6d4N3P"
  data-int="112a234c-0ca3-4f07-981c-a1845d0bfa7c"
  style="width: calc(100vw - 40px);max-width: calc(100vw - 40px);"
></div>
<script defer src="https://production.calcumate.co/static/js/main.js"></script>
**Step 7: Publish/Update your website**
## Approach 2 **Step 4: Add the code to framer** * On the edit view, click on the settings button
* Select the page in which you want to embed the calculator and scroll down to the "custom code" section and paste in "End of \ tag" or click in the "show advanced option" and paste it in "Start of \ tag".
**Step 4: Publish/Update your website**