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?
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
Got any other questions..?
Leave a comment and I will try to help you. Good luck with embedding Excel files on to your website.