Queue- Access the Order Queues page.
- Click Edit Order Form. The Manage Order Queue page displays.
- Make any necessary updates you need to the order steps or order actions.
- Access
the - the Order Queues
page- page.
- Click Order Forms.
Image Added
The Manage Order Forms page appears. - Click wizard.
Image Added
The Order Form Wizard page appears. - Make any necessary updates you need.
- Click Save Progress.
Image Added
The Advanced Editor provides greater control to the look and feel of the order form. Once an order form is generated using the Order Form Wizard, you can use the Advanced Editor to add, edit, remove, and rearrange any page or element. You can also add rules to individual elements, such as a required email format, and JavaScript.
Access the | Advanced Editor |
|---|
| Advanced Editor |
|---|
|
- Access the Order Queues
page- page.
- Click Order Forms.
Image Added
The Manage Order Forms page appears. - Click advanced for the order form you want to enhance.
Image Added
Adding Pages
- Access the Advanced Editor.
- Click Add Page.
Image Added
The Add Order Form Page page appears. - In the Page Name field, enter the name of the order form page.
- In the Template field, select the appropriate template to use for the page.
- Optionally, you can add elements, buttons and JavaScript to your page.
- Click Save or Save & New.
Image Added
Editing Pages
- Access
the - the Advanced Editor.
- Click edit for the page you want to change.
Image Added
The Edit Order Form Page page appears. - Make any necessary changes.
- Click Save.
Image Added
Deleting Pages
Deleting a page permanently removes it from the order form, along with all form elements that were included in it.
- Access
the - the Advanced Editor.
- Click delete for the page you want to delete.
Image Added
Rearranging Pages
- Access
the - the Advanced Editor.
- Click and drag the pages handle to the desired position.
Image Added
| Якорь |
|---|
| Adding Elements |
|---|
| Adding Elements |
|---|
|
Once the order form pages are defined, form elements need to be added, including all fields that the client will be expected to input, hidden fields, and any static text or HTML that should be displayed as part of the page.
- Access
the - the Advanced Editor.
- Click the page you want to add elements to.
Image Added
The selected page appears. - Click add element.
Image Added
The Add Order Form Element page appears.
- In the Element Type field, select the type of field.
- In the Field Name field, enter the name of the field.
- In the Label field, enter the text to display on the order form.
- In the Constant field, select Yes if you want your client to be able to change the input value.
- In the Page field, select the order form page the field belongs on.
Image Added
- Click the Extra Attributes tab.
- In the Attributes field, enter HTML or JavaScript to further define the element.
- In the Tooltip field, enter the text that appears when a client hovers their mouse over the filed.
Image Added
- Access
the - the Advanced Editor.
- Click the page you want to add buttons to.
Image Added
The selected page appears. - Click add button.
Image Added
The Add Order Form Button page appears.
- In the Button Type field, select the type of button.
- In the Button Name field, either enter the name of the button or select the appropriate name. This field is either a text entry or selection based on the button type.
- In the Label field, enter the text to display on the button.
Image Added
- Click the Extra Attributes tab.
- In the Attributes field, enter HTML or JavaScript to further define the button.
Image Added
- Access
the - the Advanced Editor.
- Click the page with the element you want to add a rule to.
Image Added
The selected page appears. - Click add rule for the element you want.
Image Added
The Add Order Form Rule page appears. - In the Rule Type field, select they type of rule you want to add to the element.
- In the Message field, type the message that displays to the client if they do not use the correct input.
- Click Save or Save & New.
Image Added
- Access
the - the Advanced Editor.
- Click the page with the element or button you want to edit.
Image Added
The selected page appears. - Click edit for the element you want.
Image Added
The Edit Order Form Element or Edit Order Form Button page appears. - Make any necessary updates you need.
- Click Update.
Image Added
- Access
the - the Advanced Editor.
- Click the page with the element or button you want to delete.
Image Added
The selected page appears. - Click delete for the element you want.
Image Added
The order of the elements and buttons in the page is the same order displayed on the order form.
- Access
the - the Advanced Editor.
- Click the page you want to arrange.
Image Added
The selected page appears. - Click and drag that element or button handle to the desired position.
Image Added
These are optional fields to add any custom JavaScript to a page. NOTE: See the JavaScript site for more information. https://developer.mozilla.org/en/JavaScript
- Access
the - the Advanced Editor.
- Create or access the page you want to add JavaScript to.
- Click the JavaScript tab.
- In the JavaScript field, enter any JavaScript to be used at the top of the page, such as defining any functions called by elements within the page.
- In the onLoad JavaScript field, enter any JavaScript to run when the page is loaded.
Image Added
Copying an order form makes a duplicate copy of a form, so you can use the same layout for a different plan without having to start from scratch.Access the Order Queue page
- Access the Order Queues page.
- Click Order Forms.
Image Added
The Manage Order Forms page appears. - Click copy.
Image Added
The Copy Order Form page appears. - In the Form Name field, enter the name for the new form.
- In the Order Queue field, select the order queue the new order form belongs to.
- Click Copy.
Image Added
Deleting an order form is permanent, and remove the ability for your clients to order it.
- Access
the - the Order
Queue page- Queues page.
- Click Order Forms.
Image Added
The Manage Order Forms page appears. - Click delete.
Image Added