What is the EROL HTML Editor
The EROL HTML Editor allows you to perform unlimited, standard HTML editing on any editable field in EROL. The HTML Editor provides all the quick-touch HTML buttons required for novices and non-coders to perform most basic web design tasks, along with a WYSIWYG preview window so that you can see your changes as you make them.


Launching the HTML Editor
The HTML Editor can be launched for any field where you see the 'Launch HTML Editor' button at the base of the field.

The HTML you create in the HTML Editor will only be applied to the field from where it was launched.


Build area and Preview area
The HTML Editor is split into two panes, the Build Area and the Preview Area.

The Build area - where you add, edit and paste your HTML - is the left-hand pane

The WYSIWYG Preview is the right hand pane. This browser preview will update as you make your changes.


Using the HTML tools
The HTML Tools along the top of the Build Area allow you to perform most basic web design tasks. The functionality of these buttons is not dissimilar to those used in familiar web editing packages such as FrontPage Express.


Inserting a Currency Selector dropdown
At any point in your store you can give users the ability to select their own currency and view all product prices in that chosen currency. Additionally the order form will also reflect the user's choice of currency.

To insert a currency selector dropdown, click the 'Insert Currency Dropdown' button.

The options populating the currency selector dropdown are set in the 'Additional Currencies and their Exchange Rates' panel on the Currency tab in the Basket tree view.

The exchange rates governing the currencies can either be manually set by you, or can be fed in via a live currency feed from the EROL server.


Inserting a Search field
At any point in your store you can give users the ability search your store for any particular product by inserting a search box.

To do this:
1. Insert a Display Item
2. Select a template that displays 'Description' only
3. Activate the HTML editor by clicking the <…> below the 'Description' field
4. Click the 'Insert Search Box' button
5. Set up the width, default value and button alignment for your search box
6. Click 'OK'

To discover how to set up your search results page, please refer to the Search Engine chapter.

Inserting a Form Field
Any Product Item can have form element(s) associated with it allowing the customer to input customer-defined options. These customer-defined values will get carried through to the order form and sent along with the order.

The form elements you can add to a product item are:
- Text box
- Check box
- Radio button
- Combo box

To insert a form element:
1. Launch the EROL HTML editor (this can be done in the 'description' field as well as in the Template Editor for any Product Item).
2. Click the 'Insert Form Element' button
3. Select the form element you wish to add, and assign it a name and a value
4. Click 'OK' to insert it

There is no limit to the number of form elements you can add to any single Product Item.

Note: Form elements are only intended for use with Product Items. Although EROL will allow you to add form elements to Display and Link items, they will have no effect on what gets sent to the order form.

Creating a Navigation Dropdown
Navigation dropdown menus provide an excellent method for customers to quickly move from one area of your store to another.

You can add navigation dropdowns anywhere in your store. To do this:
1. Insert a Display Item and select a 'description only' template
2. Launch the EROL HTML editor by clicking the <…> button below the description field
3. Click the 'Insert Navigation Dropdown' button
4. Create your list of links to populate the dropdown
5. Click 'OK' to insert it