Ctrlk
For the complete documentation index, see llms.txt. This page is also available as Markdown.

How to integrate Calcumate to Framer

Step 1: Create a Calculator

  • Start by creating a new calculator from your Calcumate dashboard (login here 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 <div> 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:

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 <body> tag" or click in the "show advanced option" and paste it in "Start of <body> tag".

Step 4: Publish/Update your website

PreviousStep 7 - Publish to your websiteNextHow to integrate Calcumate to Wix

Last updated

Was this helpful?