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...?
- A website or webpage
- An already build Excel file
- Microsoft Onedrive Account
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.
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.
Step 4: Select your file on onedrive and click on “Embed”
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.
- Select the range from “What to show” list. This is same as the range you named in step 1 of this tutorial.
- Enable hide grid lines
- Disable download link, if you want.
- Enable “Let people type into cells” so that your website visitors can use the calculator.
- Optionally, specify a starting cell.
- Adjust dimensions of your embed, or leave it default.
- 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:
- In your wordpress editor, click on + button to add a new block.
- Search for HTML
- Add HTML block and paste the code you have copied there.
- 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
Check out these other tutorials and master your Excel craft.
Got any other questions..?
Leave a comment and I will try to help you. Good luck with embedding Excel files on to your website.
8 Responses to “How to embed Excel files, calculators on your website? – Step by step instructions”
Have you seen Grid? https://grid.is/
It takes embedding Excel calculations into a website to a whole new level.
Thanks for this post. Please give link of the webpage where this embedding is done and we can see how it looks like.
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
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.
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?
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
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!
According to Chandoo, embedding Excel files on your website can enhance user engagement and provide a seamless experience for users who need to access and manipulate data. With this guide, you'll learn the steps to easily embed your Excel file on your website and start enhancing user interactions today!"