> 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/step-7-publish-to-your-website.md).

# Step 7 - Publish to your website

##

You have now created your calculator and ready to implement your code onto your web page.&#x20;

1. Go to the 'confirm' step on your calculator and press 'Yes, publish now'.<br>

   <figure><img src="/files/i3dsyAjR4gDPb89Mo3Hm" alt=""><figcaption></figcaption></figure>
2. Press 'copy to clipboard' and paste the code onto any page of your websites domain (it can be added to multiple pages within the sames domain). \
   \
   If you're using a website editor, you will want the 'custom html' or 'embed code' option. \
   Alternatively, if you're not using a website editor, a developer should be able to simply paste this code to the designated page. \
   \
   **Note**: we recommend pasting this code directly from the 'copy to clipboard' to prevent the code reformatting. <br>

   <figure><img src="/files/Ck6oSrgxaj3l116ZTSTa" alt=""><figcaption></figcaption></figure>

   <figure><img src="/files/ofYwDvV6RQprAV9xtPLa" alt=""><figcaption></figcaption></figure>
3. Need to make changes to your integration? No problem, simply [login](https://calcumate.co/login) to your account and make any changes that you need. Your website will automatically saves and updates as you make the changes in your dashboard.&#x20;

## Embedding with iframes

If you’re adding your integration through web editors like Wix or GoDaddy, then your Calcumate integration will likely be added inside an iframe. \
\
This shouldn’t impact the performance of either your website or your Calcumate integration, but you may need to manually set the height and width of the iframe in order for it to appear correctly on your website. \
\
Importantly, you’ll need to set the dimensions for both desktop and mobile devices.\
\
We recommend: \
Desktop: 980px x 800px\
Mobile: 350px x 850px

<figure><img src="/files/d8jNhAaAvvNDSHvnGda4" alt=""><figcaption></figcaption></figure>

## Domain Mismatch Error

This error message appears when the domain set for your Calcumate integration doesn’t match the one your integration has been embedded onto. Commonly this is because of either a spelling mistake or because of the way our database reads your domain.&#x20;

Either way, the good news is there’s a simple solution.

1. Copy the URL that our error message has recommended.
2. [Login](https://calcumate.co/login) to your Calcumate account and paste the URL in step 1 of the integration builder. The website URL in options 1 should match the domain you're pasting your code. \
   ![](/files/nYlpAAyg2XSTLIwADxEl)
3. Continue through the steps and re-publish your new integration code snippet.
4. Copy this new integration and use it to replace the existing code on your website.
5. Go to the right page and clear your cache, before completing a hard refresh of your browser


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.calcumate.co/calculator-setup-and-customization/step-7-publish-to-your-website.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
