fbpx
Search
Close this search box.

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

Share

Facebook
Twitter
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.

Facebook
Twitter
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.
5/5

– 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.

Weighted Average in Excel with Percentage Weights

Weighted Average in Excel [Formulas]

Learn how to calculate weighted averages in excel using formulas. In this article we will learn what a weighted average is and how to Excel’s SUMPRODUCT formula to calculate weighted average / weighted mean.

What is weighted average?

Wikipedia defines weighted average as, “The weighted mean is similar to an arithmetic mean …, where instead of each of the data points contributing equally to the final average, some data points contribute more than others.”

Calculating weighted averages in excel is not straight forward as there is no built-in formula. But we can use SUMPRODUCT formula to easily calculate them. Read on to find out how.

7 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

  4. Levi says:

    Great summary!

    Perhaps also worth noting that this is limited to the personal version of OneDrive. Hopefully it gets expanded to the business version at some point - and maybe it is already possible somehow but does not appear to be the default at least.

  5. Westy says:

    This is great. But big question about not allowing Locked Cells to be Selectable. This works as intended when embeding a spreadsheet as the entire workbook, but this protection is lost when limiting to embedding a limited range. Embedding just a small range is great, but need to make the Locked Cells un-selectable. Thoughts?

  6. Pedro Wave says:

    Since a few days in the embed workbook example the bottom right buttons do not function when you click them:
    ?? Download
    ?? Refreshing the workbook
    ?? Microsoft Feedback
    ?? Information about the workbook
    ?? Open in a new window

    The same happens in the Excel embedded in my blog, for example:
    https://pedrowave.blogspot.com/2021/03/randomly-overflowed-dates-in-excel.html

  7. Dennis says:

    I have not uploaded my website yet as I want to make sure everyything is workink!
    I have uploaded my excel interative worksheet to my wordpress webpage.
    The page uploads but does not retain my protected cells.

    Just need your help and recommendationss!

    Thank you for your time!

Leave a Reply