Skip to main content
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.
If someone else manages your website, send them this page. They’ll need the embed code below and your website’s domain added to Allowed Origins (see the next section).

Getting your embed code

Go to Settings → Embed Code. You’ll see a snippet that looks like this:
<funeral-estimator data-tenant="your-slug"></funeral-estimator>
<script src="https://widget.funeralestimatorpro.com/estimator.js" defer></script>
The data-tenant value is unique to your account — don’t change it.

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

1

Edit the page

In your WordPress admin, open the page where you want the estimator to appear.
2

Add a Custom HTML block

In the block editor, click the + button to add a new block and search for “Custom HTML”. Select it.
3

Paste the embed code

Paste your embed code into the Custom HTML block.
4

Publish or update the page

Click Update (or Publish if it’s a new page). Visit the page to confirm the estimator loads.

Adding to other platforms

Squarespace

Edit the page in Squarespace, add an Embed block or Code block, and paste the embed code into it.

Wix

In the Wix editor, add an Embed HTML element from the Add menu, then paste the embed code.

Custom HTML site

Paste the code directly into your page’s HTML at the point where you want the estimator to appear.

Other platforms

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.

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.
If the estimator shows a blank space or doesn’t load at all, the most common cause is a missing domain in your Allowed Origins settings. Go to Settings → Allowed Origins and make sure your website’s domain is listed. See the Allowed Origins page for details.