SpreadsheetConverter lets you create web pages with live formulas. One example is when sales tax is added to a sale. You create your formula-driven web page directly in Excel, with the skills you already have. The resulting web page may be simple, but very promising.
In this example, a calculating web page is created in a few minutes. We start with a very simple Excel spreadsheet, and create a web page that looks the same and calculates the same. We’ll then publish the web page on the web and add the calculator to an existing web page in WordPress.
For European visitors, we have also provided a version of this tutorial for value-added tax (VAT).
It is a simple spreadsheet that takes a user entered price and tax rate, and displays the sales tax amount and the total price with sales tax.
The formulas are:
sales tax in dollars = price_without_tax * sales tax rate in %
total price = price_without_tax + sales tax in dollars
If you don’t want to practice using the product,
The settings for layout and formatting in Excel are carried over to the converted web page. To create this example, do the following:
These are the settings you need to make in SpreadsheetConverter:
In Excel, look for the SpreadsheetConverter tab at the right end of the menu ribbon. Click the tab to switch to the SpreadsheetConverter ribbon.
Your SpreadsheetConverter Preferences determine where the results of your conversions are stored. Open the Preferences menu.
Select “Browsers and Conversion Path Option”.
Click on the button to the right under Choose folder to store webpage and navigate to where you want SpreadsheetConverter to store the web pages it creates. All converted web pages are stored in this folder, even if the source spreadsheets are in different folders. Each converted calculator or form will be enclosed in its own subfolder.
Select what browsers you wish to verify the result of each conversion in – click once to activate a browser, click once again to deactivate. Your converted web pages will open in all selected browsers directly after conversion.
In the SpreadsheetConverter ribbon, select Properties > Show so that the SpreadsheetConverter task pane becomes visible.
By default, SpreadsheetConverter shows only the active worksheet. If your spreadsheet contains more than one worksheet, use these settings to make additional worksheets visible or hidden in the converted web page.
In the SpreadsheetConverter task pane, select the Workbook tab so that the Workbook Settings become visible.
In the Workbook Settings, locate the Layout settings. This is where you select how you want the converted web page to appear. Select “Tabs” to give each worksheet its own tab in the web page, just like in Excel. When you start to make complex web forms, you may prefer one of the more advanced options here, e.g. to show the form as a wizard, where each worksheet is a separate step.
In the Workbook Settings, locate the Input Cells settings. In Excel, all cells are unlocked by default, and can be modified by the user. In the web page, we only want to open a few of the cells for input. In the “Auto” mode, SpreadsheetConverter automatically unlocks cells that are referenced in formulas, and cells that contain a Text Field widget. You can also mark cells for input by giving them a unique background color, or by unlocking them.
Before you convert the spreadsheet to a web page, remember to save it in Excel.
If you closed the spreadsheet, open it again so that it is visible in Excel.
SpreadsheetConverter can generate the web page in different formats, depending on your needs. You may later want to convert your own spreadsheets for other environments, e.g. for iPhone or Android smartphones. Select Html for this tutorial.
To start the conversion, click Convert in the SpreadsheetConverter ribbon.
SpreadsheetConverter creates the web page in the folder you previously specified, and opens the resulting web page in the browsers you selected.
The webpage is self-contained. You can upload it to a web server, or send it as an e-mail to a customer. Everyone with a web browser can use it.
SpreadsheetConverter offers click-to-publish sharing with Publish to Cloud, a built-in cloud service. Publish to Cloud offers free 7-day test publishing for all users and permanent production publishing for paid users.
Once you’ve converted a spreadsheet to web format you can make it immediately available on the web by clicking on the Publish to Cloud button on the SpreadsheetConverter ribbon inside the Sharing group.
Click on the Upload and get test link for 7 days button (light blue) if you need to test the calculator further, or click on the Upload and get Production link button (golden yellow) to replace the production version of the page.
If you’re unfamiliar with Publish to Cloud, you may want to read the help page for Publish to Cloud before you continue.
With the help of an iframe, we can now show our calculator in almost any other web or blog page. The iframe is like a ”viewport” that imports the content of another web page.
When the upload to Publish to Cloud finishes, the options to open or copy the calculator link and other things should appear at the bottom of the window. Click on the Copy iframe… link and it should copy the iframe code of published calculator to your clipboard so that you can paste it anywhere.
In the iframe code, we may need to adjust the height and width of the iframe to avoid scrolling. The iframe statement finally looked like this:
<iframe src='https://ssccust1.spreadsheethosting.com/1/59/226a21cef25ec5/Sales_tax_calculator/Sales_tax_calculator.htm' width='960' height='720' border='0' frameborder='0'> <p>Your browser does not support iframes.</p> </iframe>
This technique works even if you have uploaded the converted web page to another web server. Just replace the calculator URL in the example above with a link to your web calculator.
For this example we will publish the calculator on the web with WordPress. If you use another web design environment, please check the links below. Perhaps there is a better tutorial for your particular environment. Otherwise please let us know and we’ll help you.
In WordPress, we inserted the iframe source code directly in the HTML view. It is important to click Update before you return to the Visual view, because otherwise WordPress may remove the iframe.
SpreadsheetConverter can take just about any spreadsheet with formulas and all, and convert it to a live web page that still does all the calculations exactly the same as in Excel. SpreadsheetConverter also includes the tools required to publish the converted calculator on the web.
To test the calculator, change the price and press the Tab key. The price including sales tax will be updated immediately. Test the sales tax calculator here!
Converting spreadsheets to web format makes it very easy to import them into your blog or website. Here are tutorials on how to do this in various popular environments: