> ## Documentation Index
> Fetch the complete documentation index at: https://help.funeralestimatorpro.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding the Estimator to Your Website

> How to embed your estimator on your funeral home website.

Once you've configured your estimator, the final step is adding it to your website. This is typically a one-time task. If someone else manages your website, a web designer or agency, you can forward this page to them.

<Info>
  If someone else manages your website, send them this page. They'll need the embed code below. Your website's domain will already be configured as part of your setup, see [Allowed Origins](/going-live/allowed-origins) if you need to check or change it.
</Info>

## Getting your embed code

Go to **Settings → Embed Code**. You'll see a snippet that looks like this:

```html theme={null}
<script src="https://widget.funeralestimatorpro.com/estimator.js" type="module"></script>
<funeral-estimator data-tenant="your-slug"></funeral-estimator>
```

The `data-tenant` value is unique to your account, don't change it. The script tag must come before the `<funeral-estimator>` element.

## Where to place the code

Add the embed code to any page on your website where you want the estimator to appear. Most funeral homes create a dedicated page called something like "Pricing", "Estimate Your Costs", or "Funeral Costs", a clear, unsurprising name that families will look for.

Place the code in the page body at the point where you want the estimator to render. The estimator will expand to fill the available width.

## Adding to WordPress

<Steps>
  <Step title="Edit the page">
    In your WordPress admin, open the page where you want the estimator to appear.
  </Step>

  <Step title="Add a Custom HTML block">
    In the block editor, click the **+** button to add a new block and search for "Custom HTML". Select it.
  </Step>

  <Step title="Paste the embed code">
    Paste your embed code into the Custom HTML block.
  </Step>

  <Step title="Publish or update the page">
    Click **Update** (or **Publish** if it's a new page). Visit the page to confirm the estimator loads.
  </Step>
</Steps>

## Adding to other platforms

<CardGroup cols={2}>
  <Card title="Squarespace" icon="square">
    Edit the page in Squarespace, add an **Embed** block or **Code** block, and paste the embed code into it.
  </Card>

  <Card title="Wix" icon="w">
    In the Wix editor, add an **Embed HTML** element from the Add menu, then paste the embed code.
  </Card>

  <Card title="Custom HTML site" icon="code">
    Paste the code directly into your page's HTML at the point where you want the estimator to appear.
  </Card>

  <Card title="Other platforms" icon="globe">
    Look for an "embed", "HTML", or "code injection" option. Most website platforms support this, contact your web developer if you're not sure where to find it.
  </Card>
</CardGroup>

## Testing after you add it

Once the code is on your page, visit that page in your browser and confirm the estimator loads and works correctly. Walk through a full estimate to make sure everything is displaying as expected.

<Warning>
  If the estimator shows a blank space or doesn't load at all, the most common cause is that your website's domain hasn't been added to your allowed list. See the [Allowed Origins](/going-live/allowed-origins) page for details, or contact us at [support@funeralestimatorpro.com](mailto:support@funeralestimatorpro.com).
</Warning>