How to embed Excel files, calculators on your website? – Step by step instructions


Share on facebook
Share on twitter
Share on linkedin

Here is an awesome way to enhance your website and impress clients. Embed an Excel calculator on your webpage. Check out below demo and if this is what you want, read on.

Live Excel Calculator - Embedded - DEMO

Say, you run a hardware supply business and want to share your up-to-date catalogue with clients. You can create an order price calculator like below 👇 and embed it. Your clients can use it to see what would be the total order price before placing an order by calling you. 

What you need for the web embeddable Excel file...?

How to get your Excel file on to your website?
Step-by-step Instructions

If you prefer these instructions by video, watch my YouTube tutorial here. For text + image instructions, read on.

Step 1: Open your Excel file and select the range you want to embed on your website. Give it a name using name box.

name your excel calculator range


Step 2: Save your file to onedrive

Using File menu, save your Excel file to your onedrive account. 

Note: This method requires having a onedrive account. If you do not have it, signup for one here.


Step 3: Open your file on onedrive. You can go to File menu in Excel, click on Info and use the “Open File Location” button.


save and open the file on onedrive


Step 4: Select your file on onedrive and click on “Embed”

customizing embed optionsembed options for excel files on onedrive

This will open “embed” options for your file. From here, you can customize how you want your Excel file to be embedded. Click on the link at the bottom that says “Customize how this embedded workbook will appear to others.”

Step 5: Customizing your embed options

We are nearly there.

In the next screen, adjust workbook embed options. See the list & screenshot below.

how to customize embed code for putting excel files on web

  1. Select the range from “What to show” list. This is same as the range you named in step 1 of this tutorial.
  2. Enable hide grid lines
  3. Disable download link, if you want.
  4. Enable “Let people type into cells” so that your website visitors can use the calculator.
  5. Optionally, specify a starting cell.
  6. Adjust dimensions of your embed, or leave it default.
  7. Finally, copy the embed code that is show here.

Step 6: Embed the code in your website

Go to your website and add the html code to the webpage you want. I am including instructions for wordpress below. For other website systems, refer to your website hosting / CMS help.

Instructions for wordpress for embedding html code of your Excel file:

  1. In your wordpress editor, click on + button to add a new block.
  2. Search for HTML
  3. Add HTML block and paste the code you have copied there.
  4. Save and publish.

Things to keep in mind when embedding Excel files

File embed is a great option in OneDrive. But it doesn’t work, if your Excel file has

  • Macros & VBA
  • Form controls, Active-x controls
  • Data model (?)

Also, embedded files are not suitable for display large volumes of data or images. In such cases, use formats like PDF or images.

My Excel file changed, how to update the webpage?

You don’t need to. That is the beauty of OneDrive. Just open Excel, make changes you need to and save it. OneDrive will push new version to cloud and when someone visits your webpage next time, they see updated version.

Other helpful tutorials & files

Got any other questions..?

Leave a comment and I will try to help you. Good luck with embedding Excel files on to your website.

Share on facebook
Share on twitter
Share on linkedin

Share this tip with your colleagues

Excel and Power BI tips - Chandoo.org Newsletter

Get FREE Excel + Power BI Tips

Simple, fun and useful emails, once per week.

Learn & be awesome.

Welcome to Chandoo.org

Thank you so much for visiting. My aim is to make you awesome in Excel & Power BI. I do this by sharing videos, tips, examples and downloads on this website. There are more than 1,000 pages with all things Excel, Power BI, Dashboards & VBA here. Go ahead and spend few minutes to be AWESOME.

Read my storyFREE Excel tips book

Excel School made me great at work.

– Brenda

Excel formula list - 100+ examples and howto guide for you

From simple to complex, there is a formula for every occasion. Check out the list now.

Calendars, invoices, trackers and much more. All free, fun and fantastic.

Advanced Pivot Table tricks

Power Query, Data model, DAX, Filters, Slicers, Conditional formats and beautiful charts. It's all here.

Still on fence about Power BI? In this getting started guide, learn what is Power BI, how to get it and how to create your first report from scratch.


Sorting values in Olympic Medal Table style [Quick Tip]

It is Olympic season. Everyone I know is tracking the games and checking their country’s performance. One thing that we notice when looking at medal tally is,

A single Gold medal is worth more than any number of Silver medals. Like wise, a single Silver medal is worth more than any number of Bronze medals.

So, when you look at the ranking of countries, you see countries with single Gold medal higher up than countries with lots of Silver and Bronze medals (but no Gold).

3 Responses to “How to embed Excel files, calculators on your website? – Step by step instructions”

  1. Scott says:

    Have you seen Grid? https://grid.is/
    It takes embedding Excel calculations into a website to a whole new level.

  2. Sachin says:

    Thanks for this post. Please give link of the webpage where this embedding is done and we can see how it looks like.

  3. Piotr says:

    Thank you Chandon for your nice tutorial on how to embed an XLS calculator in a blog.
    Do you know what i should do to allow pasting several values (an array) in the online calculator?
    It used to work several years ago, not anymore:-(
    Looking forward to read your advice
    I wish you well / Piotr

Leave a Reply