Page tree
Skip to end of metadata
Go to start of metadata

All Widgets

  • Page:
    Account Payment Detail Widget Renders the payment detail information in the body of the various Account Payment confirmation emails. Information includes (but is not limited to) the order number, account number, invoice, and amount paid.
  • Page:
    Account Payment Paid FAIL Widget Renders information regarding failed payments on the Account Payment page. Relevant information could include response codes and validation messages, for example.
  • Page:
    Account Payment Paid OK Widget Renders confirmation details after a user successfully pays an invoice.
  • Page:
    Account Payment Widget Renders the list of the customer's outstanding invoices on the Account Payment page template.
  • Page:
    Account Select Widget — Displays a list of all of the user's accounts, along with a search facility. The user can select from the list to switch between accounts when logged in. The widget can also be used within the cart to allow users to switch accounts for their current order.
  • Page:
    Account Summary Widget Renders the account enquiry selector on the Account Summary page template.
  • Page:
    Add Product To Order Template Widget Renders the 'Add To Order Template' button on the product detail page. This allows the user to add a product to a new or existing order template, without having to navigate to the shopping cart first.
  • Page:
    Alerts Email List Widget — Renders the list of alerts in the system-generated Alerts email to users.
  • Page:
    Alerts Email Message Widget — Renders the greeting text in the system-generated Alerts email to users.
  • Page:
    Alerts Popup Widget Displays alerts to the user in a modal window on login to the site. Useful for communicating important or time-sensitive information. The user can be asked to acknowledge each alert, and can also opt to be reminded later. Alerts can link to document files, or other page templates within the site.
  • Page:
    Alternate Product Substitute Widget — Places the 'Substitute' button on products in the Alternates Popup.
  • Page:
    Alternates Order Line Widget Used in alternate product substitution functionality, places a 'Show Alternates' button against unavailable products in the cart.
  • Page:
    Alternates Popup Widget — Used in alternate product substitution functionality, where a popup window launches after the user clicks a 'Show Alternates' button.
    The popup displays alternate products, which the user can elect to substitute for the item currently in the cart.
  • Page:
    APR Auto Approval Notification Widget Where Auto Part (B2B) Registration + automatic approval functionality is in use, renders the message content to the admin to advise that a new user is in the process of being automatically approved.
  • Page:
    APR Verification Required Widget Where Auto Part (B2B) Registration + automatic approval functionality is in use, renders the message content to the new user, advising that they must verify their email address in order to be approved.
  • Page:
    Article Date Widget Renders the posted date on the article detail page (when zoned layout is in use).
  • Page:
    Article Field Widget Renders the contents of a database field on the article detail page (when zoned layout is in use). The field can be an existing one from the Article table, or a custom field created specifically for articles.
  • Page:
    Article Image Widget Renders the main image on the article detail page (when zoned layout is in use).
  • Page:
    Article List All Widget — Displays all available articles of a specified type. Non-zoned layout will display the Article name, date, summary, image and a link to read the full article. The zoned layout is more configurable with regards to fields displayed in the list.
  • Page:
    Article List Article Date Widget Renders the Article posted date in the list of articles when zoned layout is in use.
  • Page:
    Article List Article Detail Button Widget Renders the 'Read Full Article' button in the list of articles when zoned layout is in use.
  • Page:
    Article List Article Image Widget Renders the Article thumbnail image in the list of articles when zoned layout is in use.
  • Page:
    Article List Article Summary Widget Renders the Article Summary text in the list of articles when zoned layout is in use.
  • Page:
    Article List Article Title Widget Renders the Article Title ('Description' field in Article Maintenance) in the list of articles when zoned layout is in use.
  • Page:
    Article List Field Widget Renders the contents of a database field in the Article list (when zoned layout is in use). The field can be an existing one from the Article table, or a custom field created specifically for Articles.
  • Page:
    Article List Page Totals Widget — Displays the number of articles being shown on the current page.
  • Page:
    Article List Pagination Widget — Renders pagination when the amount of content exceeds the display settings for the Article List page.
  • Page:
    Article List Results Per Page Widget Displays the results per page selector on the Article List page. This allows the user to set and update the number of articles shown on each page, where paging is in use.
  • Page:
    Article List Widget — Displays articles in list format, allowing for a list title and icon, as well as other configuration options such as a toggles and content hyperlinks.
  • Page:
    Article Slider Widget Displays the Article list in a sliding format, similar to a product campaign or banner slider. The user can swipe or scroll across to view the various articles available.
  • Page:
    Article Text Widget — Displays the text of an article on the Article detail page (when Zoned Article Page layout is in use).
  • Page:
    Article Title Widget Renders the title text on the article detail page (when zoned layout is in use).
  • Page:
    B2B Registration Approval Required Message Widget Renders the message text on the Administrator's email after a user has submitted an Auto Part Registration request.
  • Page:
    B2B Registration Submitted Message Widget Renders the thank you message on the confirmation email to the user after they have gone through Auto Part Registration.
  • Page:
    B2B Registration Successful Message Widget Renders the confirmation message on the email to the user once their login has been activated.
  • Page:
    Banner Slider Widget — Creates a slideshow of banner images, which scroll automatically, or as the user manually cycles through.
  • Page:
    BPAY Payment Detail Widget Renders BPAY payment information, such as biller codes and references, in the BPAY Payment Detail email.
  • Page:
    Breadcrumb Widget — Displays the breadcrumb trail for all pages, including static content, products and categories.
  • Page:
    Budget Expiry Message Widget — In the Budget Expiry Warning email, this widget renders the content and message text which advises the user that their budget is nearing expiry and details the amount remaining in their budget.
  • Page:
    Budget Remaining Message Widget — In the Budget Remaining email, this widget renders the content and message text which advises the user of the amount remaining in their customer budget.
  • Page:
    Campaign Slider Widget Displays the products from a nominated Campaign in your chosen layout. Slider mode (default) is a traditional carousel in which product tiles scroll across the page. Alternatively, you can choose from Grid or List mode, both of which are static (no sliding behaviour).
  • Page:
    Cart Buttons Widget The set of buttons displayed in the cart, used for performing actions such as updating an order or emptying the cart.
  • Page:
    Cart Cancel Quote Button Widget — Renders the 'Cancel Quote' button in the cart and during checkout (once the user has added items and opted to 'Request Quote'). Clicking this will remove the items from the cart and cancel the quote request.

    Note - this functionality only applies when the site's Order Quoting Mode is set to 'Pronto approved' and the role has quotes enabled.

  • Page:
    Cart Checkout Button Widget Places the 'Checkout' button in the shopping cart. This navigates the user from the cart to the next step of their order, the delivery address details.
  • Page:
    Cart Fast Order Entry Widget Adds input lines to the cart so that users can add products directly to the order. This can be achieved by entering product codes and quantities, or using a search function.
  • Page:
    Cart Freight Estimator Widget Displays a freight estimate widget, whereby users can obtain a freight quote based on their cart contents and postcode.
  • Page:
    Cart Order Summary Totals Widget Displays a summary of charges and discounts for the current order.
  • Page:
    Cart PayPalExpress Button Widget Places the 'PayPal Checkout' button in the shopping cart. This allows the user to checkout via PayPal Express, bypassing the usual delivery address and payment screens of the ordering process.
  • Page:
    Cart PayPalExpress Page Button Widget Places the 'PayPal Checkout' button at the bottom of the landing page, after the user has logged into PayPal from their shopping cart.
  • Page:
    Cart Promotional Code Entry Widget Used for the entry of promotion codes in the shopping cart. The user enters the code and clicks to apply it to their order.
  • Page:
    Cart Quote Button Widget Places the 'Request Quote' button in the shopping cart. This submits the order as a quote, rather than proceeding through checkout and completing payment.
  • Page:
    Cart Summary Widget — Provides a summary by displaying the total cost of all items in the cart, as well as the number of items in the cart. This widget can also act as a link to the shopping cart.

    From version 3.87, a preview option is available in which more cart detail is displayed on hover.

  • Page:
    Catalogue Select Widget Provides access to the user's valid catalogues, with a drop-down selector to switch between them.
  • Page:
    Category Banner Widget — Displays a banner on category or product pages, with options to include a title, description, and image.
  • Page:
    Category Field Widget — Outputs the data from any field in the category table.
  • Page:
    Category List Category Title Widget Displays the title of each category in the list. The title can be hyperlinked to the product category, or displayed as plain text only.
  • Page:
    Category List Image Widget Displays the image for each category in the list. The image can be hyperlinked to the product category or static only.
  • Page:
    Category Menu Widget — Renders the top level product categories from a dropdown style button. The subcategories are then displayed on the sidebar, changing as the user hovers over different categories in the list.
  • Page:
    Change Order Account Widget — Changes the account code for the current order.
  • Page:
    Checkout Continue Button Widget Places the 'Continue To Payment' button on the delivery address page of the checkout process.
  • Page:
    Checkout Field Groups Widget Displays a pre-defined field group at checkout in order to collect additional, perhaps specialised information from users.
  • Page:
    Checkout Gift Card Payment Widget — Places the CSS gift card widget on the checkout page, enabling users to pay with a gift card or redeem part of their gift card balance.
  • Page:
    Checkout Messages Widget — Triggers any relevant Checkout Message(s) to appear once the user proceeds from the shopping cart to checkout or quote.
  • Page:
    Checkout Payment Options Widget Displays the available payment options to the user at checkout.
  • Page:
    Checkout Review Addresses B2B Widget Displays billing and delivery address information for the B2B user to review prior to payment.
  • Page:
    Checkout Review Addresses B2C Widget Displays billing and delivery address information for the B2C user to review prior to payment.
  • Page:
    Checkout Review Summary Widget Displays a summary of the order for the user to review before proceeding to payment.
  • Page:
    Checkout Steps Widget Displays a visual representation of the checkout process, and indicates the user's progress through the various stages.
  • Page:
    Clear Favourites Widget Renders a button via which the user can clear all current products from their favourites list.
  • Page:
    Cluster Line Is Compulsory Widget Renders an icon and text to indicate compulsory products in a cluster.
  • Page:
    Cluster Line Suggested Qty Widget Renders a prompt plus numeric value to indicate the suggested purchase quantity for products in a cluster.
  • Page:
    Consolidated Note Line Description Widget When consolidated note lines are enabled, this widget renders the line notes within the product description line in Live Order Search.

    Based on the setting of the "Consolidate note lines" option in the Track Order Widget, the individual product notes will either be displayed in their own note line per product, or consolidated into a single note line.
  • Page:
    Contact Details Widget Renders map and contact information, as is commonly used on Contact Us or Store Locator pages.
  • Page:
    Contact Link Widget Renders contact information in the form of address details, mailto: links, and/or links to Contact Us pages on the website.
  • Page:
    Contract Item Filter Widget Renders filter options for Contract items at the top of a product list (e.g. search results, favourites, category display). B2B users can elect to view only their contract products, non-contract products, or all products.
  • Page:
    Country Select Widget Renders a modal window in which users can select their country, enabling the display of region-specific information ($USD, for example).
  • Page:
    Cross Sell / Up Sell Widget — Displays a list of cross-sell or up-sell products, also know as Alternates and Accessories. You can place this widget on the product detail page to encourage sales of accessory products, or display more upmarket alternatives to the product the user is viewing.
  • Page:
    Current Order Account Switch Message Widget Displays the message text in the popup when Enhanced Order Switching is in use and the user switches accounts while compiling an order. If the user has items in the cart of their destination account, they are given the option to remove them, place them on hold, or merge with current cart items.
  • Page:
    Customer Contact Details Widget Renders contact information (such as address, phone, and email) on the PDF generated via the Flyer Creator.
  • Page:
    Customer Logo Widget Renders the customer logo (for the logged in customer) on the PDF generated via the Flyer Creator.
  • Page:
    Dashboard Account Status Widget — Displays a list of the user's customer account status, including balance owing and payment terms, as well as links to statements and the account payment page.
  • Page:
    Dashboard Articles Widget — Displays a list of the site's news articles, with an image, title, a 'read more' link, and the article expiry date.
  • Page:
    Dashboard Back Orders Widget — Displays a list of the user's backorders with links to the order detail page.
  • Page:
    Dashboard Product Favourites Widget — Displays a list of the user's top 5 favourite products, with links to each product page, as well as an add to cart button.
  • Page:
    Dashboard Recent Invoices Widget — Displays the logged in user's 5 most recent invoices, with a link to each invoice in detail, as well as a 'View All' option.
  • Page:
    Dashboard Widget — Displays the user's account pages and profile information in a tiled format.
  • Page:
    Delivery Address B2B Widget Renders the relevant B2B address input fields during checkout.
  • Page:
    Delivery Address B2C Widget Renders the relevant B2C billing and delivery address input fields during checkout.
  • Page:
    Delivery Method Widget Renders a selector for the user to nominate a delivery method on a per-order basis. This selection determines the freight calculation method, which could be one of the following:
    • Delivery method charge
    • Standard Freight charge
    • Standard Freight - restricted by carrier code
    • Tiered charging based on a specified quantity
  • Page:
    Delivery Options - Click And Collect Widget Allows the user to select either the Delivery or Pickup option while still in the shopping cart. Intended for sites using Click and Collect functionality.
  • Page:
    EFT Account Payment Detail Widget Renders EFT (direct deposit) payment information, such as BSB and account numbers, plus invoice details, in the body of the EFT Account Payment email. This email is sent to users who pay invoices or pay down their account balance using EFT.
  • Page:
    EFT Payment Detail Widget Renders EFT (direct deposit) payment information, such as BSB and account numbers, in the EFT Payment Detail email.
  • Page:
    Email Company Information Widget Renders company contact information in email output.
  • Page:
    Email Delivery Instructions Widget — Renders delivery instructions and related order information in email output.
  • Page:
    Email Order Address Offline Order Widget — Renders the order's address information on Order Confirmation and Order Shipped emails for non-web ('offline') orders.
  • Page:
    Email Order Address Widget Renders the order's address information in email output.
  • Page:
    Email Order Approval Buttons Widget Renders either the Approve & Reject buttons, or a link to the website on the 'Order Requires Approval' email.
  • Page:
    Email Order Approval Log Information Widget Renders order approval / rejection log details on the email to the submitting user. Includes time stamps and actions of the approving user. Please note - this information will only render when 'Show Approval Details' is enabled on the Track Order Widget.
  • Page:
    Email Order Comments Widget — Renders order comments in email output.
  • Page:
    Email Order Details Information Widget Renders additional order information (such as the user's order reference, email address, and customer code) in email output.
  • Page:
    Email Order Summary Widget — Renders the order lines and dollar totals in email output.
  • Page:
    Email Order Track Details Widget — Renders order Track & Trace information in email output.
  • Page:
    Email Style Sheet Widget Sets the background colours for the email template.
  • Page:
    Email Title Offline Order Widget Displays the email title or heading on Order Confirmation and Order Shipped emails for non-web ('offline') orders.
  • Page:
    Email Title Widget — Displays the email title or heading.
  • Page:
    eWay Fraud Alert Message Widget Renders a warning message on the Fraud Alert email, advising of possible fraudulent activity as flagged by eWay. Message content will also include eWay's fraud error codes.
  • Page:
    Flyer Creator Widget Renders the actual Flyer Creator interface and determines preferences such as Profit Calculation method and the ability to override addresses. This widget also allows you to customise the various button and field labels on the Flyer Creator page.
  • Page:
    Flyer Price Widget Renders the product price on the Flyer PDF.
  • Page:
    Flyer Product List Grid Widget Renders the product section of the PDF flyer. The contents of this section are determined by the flyer layout selected, and the item configuration used by that layout.
  • Page:
    Forgot Password Widget — Presents the user with a password reset facility.
  • Page:
    Forward Orders Widget — Renders the Forward Order options at Step 1 of checkout. Via this widget, the user can select their preferred delivery date, and leave contact information for the order.
  • Page:
    Freight Options Widget Presents the various shipping methods available to the user during checkout. Each option and its associated cost is displayed, so that the user can make their selection before proceeding to payment.

    The widget is also used to present pickup locations where Store Pickup functionality is enabled.

  • Page:
    Guest Checkout Expand Button Widget Renders the Guest Checkout button on the login page, which acts as a toggle to expand all of the guest checkout fields on click.
  • Page:
    HTML Snippet Widget — Renders HTML code such as embed / tracking code, or third party scripts.

    Please note - for content involving lists, tables, or formatted text (for example), the Static Content widget may be a better choice, as it supports your site's Style Guide.
  • Page:
  • Page:
    Invoice Reprint Widget Renders the invoice search and reprint functionality on the Invoice Reprint page.
  • Page:
    Kit Component Display Widget — Displays component information (or 'Bill of Materials') for kit-based products.
  • Page:
    Layers — Layers are used by all widgets to filter or restrict the widget's content to a particular audience. A layer can be based on conditions such as the user's authentication status (logged in vs. public), their role, and/or their customer code, just to name a few.
  • Page:
    List Layout Switch Widget — Gives the user various layout options to choose from when viewing a list.
  • Page:
    Login / Logout Link Widget — Displays the 'Login' link when the user is logged out, and the 'Logout' link when the user is logged in.
  • Page:
    Login / Logout Popup Widget Renders login functionality in a modal window, rather than navigating the user to a login page.
  • Page:
    Login Page Message Widget Displays a specific warning message when a user attempts to use an expired password reset link.
  • Page:
    Login Widget — Displays user login functionality.
  • Page:
    Logo Widget Displays the website logo, which links to the home page.
  • Page:
    Mega Menu Widget — Renders the category mega menu, in which each top level category is displayed as a menu item, with subcategories expanding beneath.
  • Page:
    Messages Widget — Displays user messages on various pages within the application.
  • Page:
    Mobile Menu Widget Enables the mobile menu, which flies out to the right of the mobile device screen when the user taps the menu link. The primary page slides to the left and dims slightly.
  • Page:
    Mobile Menu Zoned Widget — Allows for a zoned Mobile Menu instead of the standard Mobile Menu, which adds flexibility to the menu's content and layout. With a zoned mobile menu, additional widgets can be added, such as images or HTML snippets.

    A 'Menu' button is displayed in the mobile header, which slides the menu out to the right on click.

  • Page:
    Most Popular Products Widget Renders a list of 'most popular' products on any product list page. The list content is populated via Baynote algorithms, meaning a Baynote account and export template must be in place prior to implementation.
  • Page:
    Navigation Button Widget The Navigation Button widget is used to add a styled button which can link to either the previous page, home page, or shopping cart.
  • Page:
    Navigation Menu Widget Renders the product category menu, in which all categories expand from one top level menu item.
  • Page:
    Newsletter Widget Renders the Newsletter subscribe box, which integrates to MailChimp.
  • Page:
    Notify Me When In Stock Button Widget Renders the 'Notify Me' button on out of stock products in the product list view.
  • Page:
    Order Approval New Approver Message Widget Renders the message content, including the reason for change of approver, in the Order Approval New Approver email.

    This email is triggered when the initiating user selects a new approver for an order that is still on status 'Awaiting Approval'.

  • Page:
    Order Approval Replaced Approver Message Widget Renders the message content (including the new approver's name and the reason for change of approver), in the Order Approval Approver Replaced email.

    This email is triggered and sent to the original approver when the initiating user selects a new approver for an order that is still on 'Awaiting Approval' status.

  • Page:
    Order Approval Status Message Widget Acts as a messaging widget for the various 'Process Order Approval_...' standard page templates. When the user is directed to one of these pages, this widget displays the appropriate approval message.
  • Page:
    Order Approver Proxy Approved Email Message Widget Renders the message content (including the proxy approver's name and customer code), in the Order Approver Proxy Approved email.

    This email is triggered and sent to the original approver when the order has been approved by a proxy and no longer requires action.

  • Page:
    Order Confirmation Address B2B Widget Displays the B2B user's address and delivery information on the Order Confirmation page.
  • Page:
    Order Confirmation Address B2C Widget Displays the B2C user's address and delivery information on the Order Confirmation page.
  • Page:
    Order Confirmation Message Widget Displays messages to the user on the Order Confirmation page.
  • Page:
    Order Confirmation Payment Info Widget Renders EFT or BPAY details on the Order Confirmation page where the bank receipt number is not required from the user.
  • Page:
    Order Confirmation Promotional Code Widget Displays a message to the user regarding newly created promotion codes, for use in conjunction with Monthly Promotion Code types.
  • Page:
    Order Documents Widget Enables users to upload documents to their order via the Cart. The documents are stored on the server and can be accessed via a link on an email template (such as the Order Placed email).
  • Page:
    Order Import Widget Renders Order Import functionality on the Order Import page template. This allows users to import order data directly to the cart, either via CSV file, or by pasting data into an import window. The data is then validated and feedback given to the user.
  • Page:
    Order Line Additional Info Static Widget Renders additional product information (such as bonus items and product charge lines) in static scenarios such as the Order Confirmation page and email.
  • Page:
    Order Line Additional Info Widget Renders additional product information (such as bonus items and product charge lines) in dynamic scenarios such as the cart and checkout page.
  • Page:
    Order Line Availability Static Widget Displays product availability at the order line level in static scenarios such as the order confirmation page.
  • Page:
    Order Line Availability Widget Displays product availability at the order line level in dynamic scenarios such as the cart.
  • Page:
    Order Line Click And Collect Static Widget Displays product availability at the order line level in static scenarios such as the Order Confirmation page. This version is used for sites with Store Availability / Click and Collect functionality, in lieu of the standard 'Order Line Availability Static' widget.
  • Page:
    Order Line Click And Collect Widget Displays product availability at the order line level in dynamic scenarios such as the cart. This version is used for sites with Store Availability / Click and Collect functionality, in lieu of the standard 'Order Line Availability' widget.
  • Page:
    Order Line Cluster Is Compulsory Widget Renders an icon and text to indicate compulsory products in the shopping cart.
  • Page:
    Order Line Cluster Suggested Qty Widget Renders a prompt plus numeric value to indicate the suggested purchase quantity for products in the shopping cart.
  • Page:
    Order Line Cost Centre Widget — Renders the cost centre input field on products in an order template. Can also be used in the Order Lines Info template for the cart, which will give the user 2 input fields on each line.

    Note - this widget only renders if Cost Centres have been enabled at the role level, via the 'Use Cost Centres' flag.

  • Page:
    Order Line Description Static Widget Renders the product description at the order line level in static scenarios such as the order confirmation email.
  • Page:
    Order Line Description Widget Renders the product description at the order line level in dynamic scenarios such as the cart.
  • Page:
    Order Line Field Static Widget Renders an additional product or order line field in static scenarios such as the order confirmation page and email.
  • Page:
    Order Line Field Widget Renders an additional product or order line field in dynamic scenarios such as the cart.
  • Page:
    Order Line Price Break Indicator Widget Advises the user of the next price break quantity level for products in their cart.
  • Page:
    Order Line Product Code Static Widget Renders the product code at the order line level in static scenarios such as the order confirmation email.
  • Page:
    Order Line Product Code Widget Renders the product code at the order line level in dynamic scenarios such as the cart.
  • Page:
    Order Line Promo Code Static Widget Displays promotional information (such as promo description) at the order line level in static scenarios such as the order confirmation page.
  • Page:
    Order Line Promo Code Widget Displays promotional information (such as promo description) at the order line level in dynamic scenarios such as the cart.
  • Page:
    Order Line Qty On Back Order Widget Displays the quantity of product currently on backorder for the logged in customer. Applicable to the cart view.
  • Page:
    Order Line Unit Description Widget Renders the product's unit of issue in order line scenarios such as the Cart or Order Templates page.
  • Page:
    Order Lines Widget Displays the products in the user's current order.
  • Page:
    Order Rejected Reason Widget Renders the Approver's rejection notes on the Order Rejected email sent to the user.
  • Page:
    Order Restriction Filter Widget Where Order Restrictions are in use, allows users to filter a list of products to see all products, purchasable products only, or restricted products only.
  • Page:
    Order Summary And Lines Static Widget Renders the order summary and lines in static scenarios such as the order confirmation page.
  • Page:
    Order Template Notes Widget — Renders the notes input field on product lines in an Order Template. Note that this widget only displays where Notes have been enabled at the role level, via the 'Enable Order Line Notes' flag.
  • Page:
    Order Template Sequence Widget Enables drag and drop sequencing of Order Template lines on desktop and tablet browsers.
  • Page:
    Order Templates Widget — Displays the lines of the saved order template.
  • Page:
    Orders Approval Order Summary Widget Renders order summary information on the Orders Approval Order Sub Template.
  • Page:
    Orders Approval Widget Renders order approval functionality on the Process Orders Approval page. This includes the ability to view, update, approve, and reject orders placed by other users.
  • Page:
    Orders Awaiting Payment List Widget Renders a list of orders for which payment is outstanding. From this list, the user can view the order, or proceed to pay as per the standard 'Pay Account' process.
  • Page:
    Orders On Hold Widget Renders a list of the user's held orders, as well as a Search facility. From here, the user can search for, view, delete, or resume their held orders.
  • Page:
    Outstanding Tasks Display Widget Renders a count of orders the user has yet to action in some way. This could include Orders Awaiting Payment, Orders On Hold, and Orders Requiring Approval. By default, this count is displayed in the user's Dashboard menu.
  • Page:
    Page In Development Widget Renders a popup window at the bottom of the page, advising users that the page or template is still under construction.
  • Page:
    Page Title Dynamic Widget — Dynamically renders the page description from the menu record. Use of this widget in the Theme Layout may negate the need for the 'Page Title' widget on individual page templates.
  • Page:
    Page Title Widget — Displays the page title text. It can be used in any zone of a template, but recommended use is once at the top of a page.

     

  • Page:
    Password Reset Widget Renders the password reset message and link in the context of the 'forgot password' email.
  • Page:
    Payment Cancelled Widget — Renders relevant messages and response codes on the 'Payment Cancelled' page (where a user lands after cancelling a PayPal payment, for example).
  • Page:
    Payment Icons Widget — Displays the logo of various payment options.
  • Page:
    PayPal Express Button Widget Renders the PayPal Express button on the Product Detail page so that users can go straight through checkout via PayPal Express, bypassing the usual Delivery Address and Payment pages.
  • Page:
    PDF Flyer Style Sheet Widget Acts as the 'theme layout' for PDF flyers generated via the Flyer Creator. The style sheet sets the header and footer colours, logo placement, and contact details layout.
  • Page:
    Phone Number Widget Renders phone number information which can also be made into 'tap to call' links for mobile users.
  • Page:
    Populate Favourites Widget Renders a button via which the user can populate their favourites list with prior purchases.
  • Page:
    Postcode Entry Popup Widget Displays a modal window to allow the user to set the postcode for their order. This launches automatically on the user's first navigation to the cart, or can be accessed later via a link in the site header.
  • Page:
    Pricing Information Widget — Renders a price-check function to query pricing for products by customer. The resulting matrix displays the price rules in effect, discounts, and pricing method used.

    This functionality is designed for internal users, Reps, and others who do not have direct access to the ERP.
  • Page:
    Print Button Widget Renders a print button.
  • Page:
    Print Order Widget Determines options to include within the Print Order page template.
  • Page:
    Product Add To Cart Widget Renders the 'Add To Cart' button on the product detail page. This widget is used instead of (or possibly in addition to) the Product Purchase Details widget, to allow for customisation of button placement on the page.
  • Page:
    Product Afterpay Summary Widget Renders the Afterpay information on the product detail page. This widget is used instead of (or possibly in addition to) the Product Purchase Details widget, to allow for customisation of placement on the page.
  • Page:
    Product Availability Widget Renders stock availability status (text and icon) on the product detail page. This widget is used instead of (or possibly in addition to) the Product Purchase Details widget, to allow for customisation of placement on the page.
    Products with 1+ available are considered 'In Stock', and those with 0 available are considered 'Out of Stock'.
  • Page:
    Product Bonus Stock Widget Displays information regarding free bonus items on the product detail page (for applicable roles).
  • Page:
    Product Category List Static Widget Renders the product category list as a cached version, for purposes of speed enhancement.
  • Page:
    Product Category List Widget Dynamically renders the product category list.
  • Page:
    Product Click And Collect Widget Displays the availability of the product on the product detail page. This widget is intended for sites with Click and Collect functionality implemented, and should be used in lieu of the standard 'Product Availability' widget.
  • Page:
    Product Compare Widget Renders the product comparison grid in modal window format.
  • Page:
    Product Cost Centre Widget Renders the Cost Centre label, help text, and input field on the product detail page. This widget is used instead of the Product Purchase Details widget, to allow for customisation of placement on the page.
  • Page:
    Product Detail Download Button Widget Renders the 'Download' button on the product detail page for products where 'Allow Download' has been enabled. On click of the button, a new tab / window is launched with the URL of the linked document file.
  • Page:
    Product Documents Widget Renders the document list and download links on the product detail page.
  • Page:
    Product Favourite Button Widget Renders the 'Favourite' button on the product detail page for logged in users. Use of this widget replaces the 'Show Favourites Button?' flag on the Product Purchase Details widget.

    With the Product Favourite Button widget, the button text can be customised based on the product's favourite status. The button's placement on the page can also be customised.

  • Page:
    Product Field Widget — Outputs the data from a field in the product table.
  • Page:
    Product Gallery Widget — Renders the product gallery, which can include images as well as videos.
  • Page:
    Product Item Widget Renders product information in a Product List page. The Product Item widget is employed where 'zoned' product layout is not in use.
  • Page:
    Product List Add All To Cart Widget Renders an 'Add All To Cart' button for products in a cluster or product list. All products that have a quantity entered are added to the cart on click of the button.
  • Page:
    Product List Add To Cart Widget Renders an 'Add To Cart' button on products in a list, such as search results, a product category, or the favourites page. Only applies to products using the zoned layout.
  • Page:
    Product List Add To Favourites Widget Renders the 'Add to Favourites' button on products in a list (for logged in users). Once a product has been added to the user's favourites, the button will change state accordingly.
  • Page:
    Product List Alternates and Accessories Widget — Displays a message on products which have alternates and/or accessories available. The text is rendered in a product list view where the zoned layout is in use.

    The message text is hyperlinked to the product detail page, where alternate and accessory products can be displayed in detail.

  • Page:
    Product List Availability Widget Displays the availability of products in the zoned product list view. The data is shown in icon format, with text prompts for each status.
  • Page:
    Product List Clear All Selected Widget Renders a 'Clear all selected products' option in a cluster or product list. All products that have a quantity entered are reset to zero on click of the button.
  • Page:
    Product List Click And Collect Widget Displays the availability of products in the zoned product list view. This version is used for sites with Store Availability / Click and Collect functionality, in lieu of the standard 'Product List Availability' widget.
  • Page:
    Product List Compare Widget Renders the 'Add to Compare' tickbox and prompt on products in the zoned list view.
  • Page:
    Product List Cost Centre Widget Renders the cost centre input field on products in the zoned list view. This widget only applies where Cost Centres have been enabled at the role level, via the 'Use Cost Centres' flag, and will only display when the user is viewing products in a List layout (rather than Grid).
  • Page:
    Product List Download Button Widget Renders the 'Download' button on the product list page for products where 'Allow Download' has been enabled. On click of the button, a new tab / window is launched with the URL of the linked document file.
  • Page:
    Product List Field Widget Renders a list on the product detail page, with the option to add hyperlinks to other content.
  • Page:
    Product List Filter Widget — Renders the 'Filter By' options on the product list page. Customers can filter their search or browsing results by metadata values such as Brand, Size, Colour, and so forth.
  • Page:
    Product List Grid Widget — Renders a product (or category) list. Contents are displayed either in a list or grid format. Also displays the 'we're sorry' message for searches that return no results.
  • Page:
    Product List GST Widget Renders the 'inc' or 'ex' tax label on products in the zoned list view.
  • Page:
    Product List Image Switcher Widget Renders an image switcher for presenting alternate views of products in a list. Rather than selecting a variant for an individual product and having the image switch, this widget will update the image for all products in the list at once (provided they have alternate images loaded).
  • Page:
    Product List Image Widget Renders the default image of products in the zoned list view.
  • Page:
    Product List Layout Switch Widget — Gives the user various layout options to choose from when viewing a list of products.
  • Page:
    Product List Notes Widget — Renders the Notes input field on each zoned tile in a product list. Please note, this field only displays when the products are viewed in List layout (rather than Grid).
  • Page:
    Product List Page Totals Widget — Indicates the number of products displayed on the current page, relative to the total number of products.
  • Page:
    Product List Pagination Widget — Displays a facility to navigate between multiple pages of products in a list.
  • Page:
    Product List Price Ex Widget Designed for use with the Tax Toggle widget, the Product List Price Ex widget renders the GST-exclusive price of a product in a zoned layout when the toggle is set to the ex-GST view. This widget takes the place of the Product List Price Widget (which would be employed when the Tax Toggle widget was not in use).
  • Page:
    Product List Price Inc Widget Designed for use with the Tax Toggle widget, the Product List Price Inc widget renders the GST-inclusive price of a product in a zoned layout when the toggle is set to the inc-GST view. This widget takes the place of the Product List Price Widget (which would be employed when the Tax Toggle widget was not in use).
  • Page:
    Product List Price Widget Renders the price of products in the zoned list view.
  • Page:
    Product List Product Code Widget Renders the stock code of products in the zoned list view.
  • Page:
    Product List Product Field Widget — Outputs the data from a field in the product table, in the zoned list view.
  • Page:
    Product List Product Title Widget Renders the product title for products in the zoned list view.
  • Page:
    Product List Qty Box Widget — Renders the quantity input box with plus & minus buttons on products in the zoned list view.
  • Page:
    Product List Qty Breaks Widget Renders quantity break information for products in the zoned list view.
  • Page:
    Product List Qty On Back Order Widget Displays the quantity of product currently on backorder for the logged in customer. Applicable for list views (i.e. search results, product categories, favourites page).
  • Page:
    Product List Quick View Button Widget Renders the 'Quick View' button on products in the category summary list. The button is displayed in lieu of Live pricing and availability data, which is retrieved on demand when the user clicks 'Quick View'.
  • Page:
    Product List Rating Widget Displays the average star rating of an item in the product list view. Where no ratings have been submitted, a hyperlink will show instead.
  • Page:
    Product List Results Per Page Widget Displays the results per page selector on the product list page. This allows the user to set and update the number of records shown on each page, where paging is in use.
  • Page:
    Product List RRP Widget Renders the recommended retail price (RRP) for products in the zoned list view.
  • Page:
    Product List Sort Mobile Widget — Renders the 'Sort By' selector for the product list on mobile devices.
  • Page:
    Product List Sort Widget Renders the 'Sort By' selector for the product list.
  • Page:
    Product List Title Widget Displays the page title for a product list, such as search results, favourites, or product category lists.
  • Page:
    Product List Unit Description Widget Renders the unit description for products in the zoned list view.
  • Page:
    Product List Unit Of Measure Widget Renders a unit of measure selector for products in the zoned list view so the user can switch between available pack quantities. This is used in scenarios where the same product is sold in varying units (e.g. available as Each or in a Carton).
  • Page:
    Product List Variant Options Widget Renders the list of product options (variants) in the zoned product list view. From here, the user can edit quantities and add to cart.
  • Page:
    Product List Variant Selector Widget Renders the product options (attributes) in drop-down format on the zoned product list view. Using the drop-down selector(s), the user can configure options before adding the product to cart.
  • Page:
    Product List View Product Button Widget — Renders a 'View Product' button on product tiles in a List. On click of the button, the product detail page loads. This widget could be used instead of the Quantity Box and Add to Cart button widgets, so that users are navigated to the product detail page before purchasing.
  • Page:
    Product Notes Widget Renders the note input field on the product detail page. This widget is used instead of the Product Purchase Details widget, to allow for customisation of placement on the page.
  • Page:
    Product PayPal Express Button Widget Renders the PayPal button on the Product Detail page, allowing users to go straight through checkout via PayPal Express (bypassing the usual Delivery Address & Payment pages). This widget is used instead of (or possibly in addition to) the Product Purchase Details widget, to allow for customisation of placement on the page.
  • Page:
    Product PDF Download Widget Renders a download button linked to a PDF file. The PDF is a customised version of the product detail page.
  • Page:
    Product Price Ex Widget Renders the ex-tax price on the product detail page when the Tax Toggle is in use. Pair this widget with the Product Price Inc widget on the Product Detail template.
  • Page:
    Product Price Inc Widget Renders the inc-tax price on the product detail page when the Tax Toggle is in use. Pair this widget with the Product Price Ex widget on the Product Detail template.
  • Page:
    Product Price Widget Renders the product price on the product detail page. This widget is used instead of the Product Purchase Details widget, to allow for customisation of placement on the page.
  • Page:
    Product Purchase Details Widget Renders the purchasing details for a product, such as price, availability, and quantity in cart, as well as the Add to Cart and Add to Favourites buttons.
  • Page:
    Product Qty Box Widget — Renders the quantity input box with plus & minus buttons on the product detail page. This widget is used instead of (or possibly in addition to) the Product Purchase Details widget, to allow for customisation of placement on the page.
  • Page:
    Product Qty On Back Order Widget Displays the quantity of product currently on backorder for the logged in customer. This widget is used on the product detail page instead of the Product Purchase Details widget, allowing for customisation of placement on the page.
  • Page:
    Product Quantity Breaks Widget Renders Quantity Break data on the product detail page. Use of this widget replaces the 'Show Quantity Breaks?' flag on the Product Purchase Details widget. With the this widget, the placement of quantity breaks on the page can be customised.
  • Page:
    Product Quantity In Cart Widget Renders the quantity currently in the user's cart on the product detail page. This widget is used instead of the Product Purchase Details widget, to allow for customisation of placement on the page.
  • Page:
    Product Quick View Popup Widget Renders the 'Quick View' button on products in a list. Clicking the Quick View button launches a pop-up with product detail and an add to cart button. (Pop-up content is widget-based and configurable).
  • Page:
    Product Rating Widget — Displays a product's current star rating, along with links for the user to read and write reviews. Please Note - this widget should be implemented in conjunction with the Product Reviews widget.
  • Page:
    Product Reviews Widget — Displays a product's current reviews, along with a link for the user to submit a new review.
  • Page:
    Product RRP Ex Widget Renders the RRP ex-tax price on the product detail page when the Tax Toggle is in use. Pair this widget with the Product RRP Inc widget on the Product Detail template.
  • Page:
    Product RRP Inc Widget Renders the RRP inc-tax price on the product detail page when the Tax Toggle is in use. Pair this widget with the Product RRP Ex widget on the Product Detail template.
  • Page:
    Product RRP Widget Renders the product's RRP on the product detail page. Use of this widget replaces the 'Show RRP?' flag on the Product Purchase Details widget. Using the Product RRP widget, the placement of RRP data on the page can be customised.
  • Page:
    Product Search Widget Renders an input field and search button, allowing the user to conduct product searches. The widget can be customised to offer search term suggestions, or product suggestions.
  • Page:
    Product Search With Category Widget — Allows the user to perform a product search while giving the option to specify that results be returned from within a particular category. Failure to select a category option will return standard search results from all categories.
  • Page:
    Product Technical Specifications Widget — Outputs technical specification data, which is drawn from the product's metadata. If you maintain your metadata in the CMS, this refers to Product Features data.
  • Page:
    Product Title Widget — Renders the product title and subtitle. Usually placed at the top of the page, in the Title zone.
  • Page:
    Product Unit Of Measure Widget Renders a unit of measure selector on the product detail page so the user can switch between available pack quantities, where applicable. This is used in scenarios where the same product is sold in varying units (e.g. available as Each or in a Carton).
  • Page:
    Product Variant Grid Widget Renders 2-dimensional style / colour / size options for a product in a compact grid layout, instead of using the Product Attribute List display method. With the attribute grid, options are presented in a matrix where the user can enter quantities against multiple options and add their selections to the cart.
  • Page:
    Product Variant List Widget Renders the list of product options (variants) on the product detail page. From here, the user can edit quantities and add to cart.
  • Page:
    Product Variants Widget Renders the dropdown list / radio buttons for users to select variant options on the product detail page. This widget is used instead of (or possibly in addition to) the Product Purchase Details widget, to allow for customisation of placement on the page.
  • Page:
    Product Video Widget — Displays a video on the product detail page, outside of the image gallery. The video is added to the product in Product Maintenance, and displayed by this widget on the product detail page.
  • Page:
    Product Zip Summary Widget Renders the Zip product summary information on the Product Detail page. Use this widget if you're using a zoned Product Detail layout, and would prefer an alternate placement to that provided by the Product Purchase Details widget.
  • Page:
    Quantity In Cart Widget Renders the quantity currently in the user's cart on the zoned product list tile (search results, products in a category, favourites, etc.).
  • Page:
    Questionnaire Results Title Widget Displays the title or heading for the Questionnaire results email.
  • Page:
    Questionnaire Results Widget Renders the user-entered questionnaire data (a 'Contact Us query, for example) in an email template.
  • Page:
    Questionnaire Widget Renders questionnaire fields as an editable form on the page, along with a 'captcha' validation image.
  • Page:
    Quick Order Form Lines Widget Renders Quick Order Entry lines on a page, in a configurable format.
  • Page:
    Quote Order Switch Button Widget Renders the 'Change Order to Quote' or 'Change Quote to Order' button on the delivery address page of checkout. This widget is used with enhanced quoting functionality, in which users can change the contents of their cart to a Quote request, and back to an order again.
  • Page:
    Quote Submitted Message Widget Renders the message text in the body of the Quote Submitted email, which gets sent to the site Administrator when a customer requests a quote on their shopping cart.
  • Page:
    Receipting Information Email Message Widget Renders the message text (including customer name and code) in the Receipting Information email.
  • Page:
    Receipting Information Email Receipt List Widget Renders the list of customer sales orders which have not been fully receipted in the Receipting Information email.
  • Page:
    Recently Viewed Products Widget — Displays a list of products that the user has recently viewed on the website, allowing them to return quickly and easily to an earlier product selection.
  • Page:
    Refurbished Products Widget Renders a collapsible section on the Product Detail page where refurbished products can be listed. These are generally products that have been returned or have open packaging, and are sold at a reduced price compared to their new counterpart.
  • Page:
    Register Widget Shows the user registration form and allows a new user to enter their details and create an account.
  • Page:
    Return Confirmation Address Widget Where product Returns functionality is in use, renders the pickup address details on the confirmation page after the user submits their return request.
  • Page:
    Return Confirmation Message Widget Where product Returns functionality is in use, renders messages to the user on the confirmation page to advise that their return is in progress + next steps.
  • Page:
    Return Confirmation Return Info Widget Where product Returns functionality is in use, renders the return details (reason, number of parcels) on the confirmation page after the user submits their return request.
  • Page:
    Return Confirmation Summary and Lines Static Widget Where product Returns functionality is in use, renders the return order lines (product, quantity, price, etc.) on the confirmation page after the user submits their return request.
  • Page:
    Return Information Widget — Where product Returns functionality is in use, renders the details input section (reason, number of parcels) on the returns entry page.
  • Page:
    Return Lines Widget Where product Returns functionality is in use, renders the return order lines (product, quantity, price, etc.) on the return entry page.
  • Page:
    Role Select Widget Allows the user to select their role through the use of a drop down menu
  • Page:
    Section Menu Widget — Renders the children elements of a specific menu item.
  • Page:
    Select Approver Widget Renders the approval options for orders which can't be submitted directly, but must first be submitted for approval within the user's organisation.
  • Page:
    Session Expired Message Widget — Renders the expired session message text.
  • Page:
    Single Sign-on Registration Fields Widget Renders the Registration / Link User fields (depending on configuration) on the Login page after a user signs in with a social network.
  • Page:
    Social Links Widget Inserts social media icons that link to the business's social media pages.
  • Page:
    Social Sharing Plugin Widget — Acts as a placeholder to output customised javascript based on content from Add This (social network Share buttons, for example).
  • Page:
    Social Sharing Plugin Widget — Acts as a placeholder to output customised javascript based on content from Add This (social network Share buttons, for example).
  • Page:
    Statements Available Message Widget Renders the message text (including your company name and a login link) in the Customer Statements Available email.
  • Page:
    Static Content Widget — Renders static content on the page (text, tables, links), with support for your site's Style Guide.
  • Page:
    Stock Availability List Widget — Displays a list of products the user has requested to be notified of once they arrive back into stock.
  • Page:
    Stock Availability Popup Widget — Displays a button in the cart next to out of stock products. The button launches a popup window so the user can elect to be notified when products are back in stock.
  • Page:
    Store Availability Locator Widget — Displays the 'My Store' locator widget for sites where product availability is enabled based on a user's selected store. The user enters a postcode or suburb and selects a store from the results returned.
  • Page:
    Sub Category List Widget Renders a list of subcategories for the selected parent category. The user can select an item on the list to drill down to the required category level.
  • Page:
    Sub Template Widget — Renders one template within another. This can be particularly useful when upgrading to BPD from an older version of CSS. Legacy templates with data sources and specific caching methods can be inserted into existing templates without recreating the content.
    (In the simple example below, the template 'FooterCopyright' has been inserted as a Sub Template into the Product Detail template.)
  • Page:
    Subcategory Top Products Widget Renders a subset of products in a campaign slider format for each category level. The product list is populated on a regular basis via stored procedure, and requires custom implementation.
  • Page:
    Switch Account Widget Displays the user's current account, as well as a link to change accounts (where applicable).
  • Page:
    Tax Toggle Widget Renders a toggle button to allow the user to switch between inc & ex-tax for the primary product price display.
  • Page:
    Third Party Delivery Widget Replaces the Freight Options widget during checkout, where Third Party Delivery has been enabled for a role or customer. The widget displays notifications and delivery charge information.
  • Page:
    Track Order Widget — Displays a list of the user's previous orders, with order date, account code, dollar value, and order status information.
  • Page:
    Update Password Widget Allows users to update their password after following the reset email link, or navigating to the dashboard.
  • Page:
    User Approval Granted Message Widget  Renders the message content in the User Approval Granted email. This email is triggered when a new B2B user is approved for web access.
  • Page:
    User Approval Rejected Message Widget  Renders the message content in the User Approval Rejected email. This email is triggered when a new B2B user is NOT approved for web access.
  • Page:
    User Approval Request Message Widget  Renders the message content in the User Approval Request email. This email is triggered when a new B2B user requests web access. The email is sent to the designated approver for that user's account.
  • Page:
    User Approval UnRejected Message Widget  Renders the message content in the User Approval Unrejected email. This email is triggered when a previously rejected B2B user is subsequently approved for web access. The email is sent to the designated approver for that user's account.
  • Page:
    User Debtor New User Details Widget  Renders the message content in the User Debtor New User email. This email is triggered when User Debtor 2-way Integration has been implemented on the website and a new online user is created against an ERP customer account.
  • Page:
    User Debtor Warning / Error Widget Renders the message content in the User Debtor Warning / Error email. This email is triggered when User Debtor 2-way Integration has been implemented, and a conflict is detected between the ERP and the web. The actual content of the email is hardcoded, depending on the error message returned.
  • Page:
    User Name Widget — Renders the username or email address.
  • Page:
    User Registration Widget Used in email templates to provide a newly registered user with details regarding their login information, as well as a link to the site's login page.
  • Page:
    Value Propositions Widget — Renders a styled horizontal bar with 3 distinct sections (each referred to as a "proposition"). Each proposition consists of customisable logo and a text which can be linked to any URL (within your site or external to it). On mobile devices, one proposition is displayed at a time, fading into the next and then cycling through in sequence.
  • Page:
    Video Widget — Displays a video on any page of the website, with correct styling to ensure the video is responsive across all devices. Both YouTube and Vimeo formats are supported.
  • Page:
    Warranty Claim Checkout Field Group Widget Displays the Fault Information section of the Warranty Claim entry form. The actual fields here are determined by what's in your site's 'Warranty Claim Entry Field Group'.
  • Page:
    Warranty Claim Lines Widget Renders the content on the Warranty Claim entry form. This includes lines, field prompts, tooltips, and notifications to the user.
  • Page:
    Warranty Claim Reset Button Widget Renders the Reset button on the Warranty Claim entry form. Clicking this will reset all fields to blank (or back to their default values).
  • Page:
    Warranty Claim Start New Button Widget Renders the Start New Claim button on the confirmation page. The user sees this page once they have successfully submitted their claim; this button allows them to proceed straight to the next claim entry.
  • Page:
    Warranty Claim Submit Button Widget Renders the Submit button on the Warranty Claim entry form.
  • Page:
    Web Browser Feature Support Widget Renders a footer overlay advising users of browser incompatibility. The message is only rendered when the widget detects a lack of access to Local Storage.
  • Page:
  • Page:
    Widget option search — Now whenever you edit a widget, you can enter a search term to bring up related options, text, and help info.   

Implementation Guides

  • Page:
    Add To Order Template from Product Pages Order Templates are used (primarily) by B2B users to save frequently ordered products. For example, a monthly stationery order can be saved as a template for easy re-ordering. Order Templates can even be shared across companies, so that all users attached to the Customer Code have access.

    Traditionally, to add a product to an Order Template, it would first be added to the cart. Once in the cart, the user could then add the product to an order template.

    From version 3.88+, the Add to Template function can be implemented on the Product Detail page, allowing the user to add a product to a template and keep browsing. This saves on page loads and prevents the user being redirected to the cart before they're ready.

  • Page:
    Alternate Product Substitution In conjunction with Best Practice Design, CSS offers an Alternate Product Substitution feature, whereby out of stock items in the cart can be substituted at the user's request.

    This feature could also be used to showcase higher quality or higher margin products compared to those your customer has selected. 

  • Page:
    Article List - Zoned layout With BPD, your site's news article list can be presented in a variety of layouts. Similar to a product list, article summary tiles can be presented in a grid, list, or slider format. Users select a tile to drill down into the detailed article page view.

    Using the standard layout, the fields on these article tiles can be customised to an extent, but for greater flexibility, a zoned layout allows you to include custom fields, filter content by layer, and rearrange widgets on the template.

  • Page:
    Article Page - Zoned layout You probably already know that BPD websites come equipped with a clean, well-organised news article layout right out of the box.

    But what if you've got additional content to display in your articles? Or what if you'd prefer a customised page layout, completely unique to your site?

    That's where the zoned layout option comes in! By using a zoned article layout, you can present your article in the layout of your choice, with content arranged as you please.

  • Page:
    Attaching Documents to Orders If you allow customisation or personalised items in your product offering, you may encounter scenarios where you require extra information from your ordering customer. Perhaps you need an image file or PDF from them before you can fill their order. In these instances, it's immensely helpful to offer a file upload facility in the shopping cart.

    The Order Documents widget does just that - users can attach files to their order, which are then submitted with their cart. These files are stored on the server and can be accessed by administrators via a link on the Order Placed email.

  • Page:
    Authority To Leave Offer users 'Authority To Leave' functionality at checkout. This feature allows users to grant authority and nominate a designated location for their order to be left, in the event they are unavailable at the time of delivery. Authority To Leave information is then mapped to the Delivery Instructions field on the PRONTO sales order at integration.
  • Page:
    Back In Stock Notifications Customer Self Service features 'Notify Me' functionality, whereby users can elect to be emailed when unavailable products return to stock.
  • Page:
    Backorder Quantity Display From time to time, your B2B customers may have products on backorder with you.

    Browsing your site, they might be inclined to place another order for these items, forgetting that stock is already due to be delivered from you. While another order placed is good for business, a costly return when the customer realises they've over-ordered is not.

  • Page:
    BPD Questionnaires Customer Self Service Questionnaires are a flexible way to create and present forms and collect user information. Some common uses include:
    • Contact Us
    • Returns
    • Warranties
    • Feedback 
  • Page:
    Buy Now, Pay Later — Giving your customers another way to pay for purchases can make shopping easier and remove barriers to purchasing. It can also translate to increased sales for you.

    BPD websites have the ability to offer interest-free Buy Now, Pay Later options to your customers, such as zipPay / zipMoney & Afterpay.

    Along the same lines as old fashioned Lay-by, the customer pays for their purchase in installments over a period of time. The difference with Buy Now, Pay Later is that they get their goods now, rather than waiting until the purchase is paid off.

  • Page:
  • Page:
  • Page:
  • Page:
    Buy X, Get Y for just $Z Promo Code — Have you ever ordered pizza online and and been offered garlic bread for $1 when you buy 2 or more pizzas? Well that's essentially how this one works.

    You can specify that when a customer orders product X (in the quantity you specify), they can also order product Y at a discounted price, using your promo code.

  • Page:
  • Page:
    Cart Preview on Hover The Cart Summary link can produce a pop-up window previewing the contents and cost of of the user's shopping cart. This is useful for allowing the user a quick look at their shopping basket, without navigating them away from the products they're currently browsing.
  • Page:
    Click & Collect Customer Self Service's Click & Collect functionality allows users to order products online and collect them at a store location convenient to them. Click & Collect can be a valuable sales driver, as it allows the customer to avoid shipping costs and receive their order on the same day in some cases.
  • Page:
    CMS Category Maintenance — The product categories on your website are initially integrated from your ERP, but if it suits your business processes, you can bypass PRONTO category integration and opt for complete online maintenance.
  • Page:
    CMS Product Maintenance — The products on your website are all integrated from your ERP, but did you know there's a host of product information that can also be maintained via the CMS, completely independent of ERP systems such as PRONTO?
  • Page:
    Contract Item Filtering in BPD For sites on version 3.88+, Contract items can be highlighted via filtering on any product list page (where contract items are present). B2B users can choose to display only their contract items, only non-contract items, or all products in the list.
  • Page:
    Country Selection & Multi-currency Support From version 3.82+, websites using BPD are able to implement country-based geocoding and multi-currency support. This enables the display of region-specific information (product prices in $USD, for example).
  • Page:
    Creating CMS Users — The Commerce Vision CMS features new layout templates, widgets, and web-based product and category maintenance for sites using Best Practice Design (BPD). It also links to all of the legacy administration pages, such as Settings, Menu Editor, and Preferences.

    User maintenance in the CMS is split between 2 groups: Website users & CMS users. This article will guide you through creating a new CMS user for your website.

  • Page:
  • Page:
    Dashboard counters for outstanding tasks — The Outstanding Tasks Display widget allows you to display a quick indicator for your B2B users. At a glance, they can see how many orders are on hold, require approval, or are awaiting payment.
  • Page:
    Displaying Kit Components Kit items are defined in the ERP by an Item Type 'K' and a Bill Of Materials (BOM). The BOM is the list of all the items which make up that kit. It's often beneficial to list the components of a kit on your website, especially if they are not detailed in the product description. A Kit Component Display widget is available to list the components / BOM on the product detail page. This guide details its implementation.
  • Page:
    Facebook Sign-In for BPD — Facebook Sign-In is a secure (OAuth 2.0) login method that aims to reduce friction and "login fatigue" for your users. Instead of signing in to your website with an email address and password, your customers can login using their Facebook account.
  • Page:
    Flyer Creator Do your customers distribute products on your behalf? Would you like to give them a way to advertise those products on the fly? Perhaps Sales Reps would appreciate a 1-page flyer they can leave with their customers. Or they'd like to include marketing material in the cartons leaving their warehouse.

    Allow us to introduce Flyer Creator! You can now give your customers the tools to produce simple product flyers directly from your website. Content is generated in seconds and output in PDF format.

  • Page:
    Footer Section Menus The site footer is a popular location for resources such as Customer Service, FAQ, and Contact Us links. It can be helpful to users if similar links are grouped together under one heading. On BPD sites, using a Section Menu in the footer can achieve this.
  • Page:
  • Page:
  • Page:
  • Page:
    Google Sign-In for BPD — Google Sign-In is a secure (OAuth 2.0) login method that aims to reduce friction and "login fatigue" for your users. Instead of signing in to your website with an email address and password, your customers can login with their Google account — the same account they already use for Gmail, Docs, Google+, and other Google services.
  • Page:
    Guest Checkout Guest Checkout functionality allows users to checkout without logging in or creating a user account. Most commonly used for a B2C audience, the feature allows the user to input all delivery and payment info at checkout. They can choose to create an account during this time, or remain a guest.
  • Page:
    Home Page Banners - BPD — Large banner images are a common feature of many home pages, allowing a hero image (or several) to catch the user's eye and direct them to a promotion, highlighted products, or call to action.

    Loading several banners gives your users the option to scroll through, with each image linked to its own content.

  • Page:
    How To Add Custom Fields To Products and Categories — Information-rich product pages can help drive sales, but in some cases, not all data is captured by your ERP.  Luckily, CSS websites can include custom fields as part of standard web product maintenance. 
  • Page:
  • Page:
    Infinite / Endless Scrolling Entering a search term on a website can often yield hundreds of results. For sites with an extensive product list or vast categories, infinite scrolling (or endless scrolling) can be used to load products automatically as the user reaches the end of the page. This saves the user navigating through paging, and can provide a more seamless browsing experience. This guide details its implementation.
  • Page:
    Keep Me Logged In From version 3.78+, websites using Best Practice Design can be configured with 'Keep Me Logged In' functionality. This presents users with the option to remain logged in, overriding the usual session timeout period.  A user who ticks this option won't need to log back in with their credentials next time they visit the site, unless they've exceeded the maximum period determined by you.
  • Page:
  • Page:
    Layers — Layers are used by all widgets to filter or restrict the widget's content to a particular audience. A layer can be based on conditions such as the user's authentication status (logged in vs. public), their role, and/or their customer code, just to name a few.
  • Page:
    Layout Creator — The Layout Creator in the CMS allows you to create custom layouts for various pages throughout your site. You can even create a custom Theme, if you choose.

    The layout creator essentially lets you add rows to a layout, and then divide those rows up into columns. Each row can be made up of one column, or many.

    The guide below will show you how to create your own page layouts quickly and easily; there's even a video demonstration at the end of the article.

  • Page:
    MailChimp eCommerce MailChimp is a leading email marketing platform which enables businesses to send automated marketing messages and targeted campaigns. From version 3.80+, Commerce Vision CSS features seamless integration with MailChimp, pushing sales data to your member profiles for use in MailChimp's eCommerce functionality.
  • Page:
    Managing Product Reviews — Product Review functionality allows your customers to submit feedback about a product. These ratings and reviews are displayed on the product detail page, and can influence and inform other users during their own buying process.  Displaying genuine user reviews is a great way to build trust with your current and potential customers.

    As you can imagine, it's important for customer-submitted content to be vetted by an Administrator prior to display on the website. Holding product reviews for an Administrator to approve or reject allows the opportunity to filter out spam or other inappropriate content.

  • Page:
  • Page:
    Metadata visibility — Some products have a LOT of metadata. Sure, it's valuable information that needs to be displayed in some scenarios, but it might not make sense in others.
  • Page:
    Modal Window Login Instead of a dedicated login page, your site's login functionality can be presented in a modal window. This gives the user a focused context for login, without navigating away from the page they were on.
  • Page:
    Most Popular Products For customers using Baynote personalisation software, a Most Popular Products feature can be implemented in BPD which displays a targeted list of products and recommendations to users on your site.

    The feature can be enabled in the CMS, and the widget added to various pages throughout the website. The widget then renders a list of products in a slider format, based on the data returned from Baynote.

  • Page:
  • Page:
    Online Gift Cards — CSS supports online Gift Cards via the implementation of the Gift Card widget
  • Page:
  • Page:
  • Page:
  • Page:
    PayPal Express Checkout With PayPal's Express checkout, users are able to complete their purchase in fewer steps. Customers can use the delivery and billing information they have stored with PayPal, rather than re-entering it all again on your website. This makes checkout quicker and easier, thereby increasing conversion rates.
  • Page:
    Personalisation How To — Everyone loves it when something is customised just for them. Now, you can tailor the content on your website to the individuals who use it. With your users' preferences in mind, you can display promotions, targeted messaging, and product suggestions.

    Offering relevant content through personalisation builds loyalty, strengthens customer relationships, and can drive sales. This guide will walk you through Personalisation in the Commerce Vision CMS.

  • Page:
    Product Campaigns Product Campaigns are a simple way to feature a group of products on a website. Campaign products might be sale items, top sellers, highlighted brands, or any other criteria you fancy. 
  • Page:
    Product Category Quick View To optimise speed in scenarios where live pricing calls are made to PRONTO, Quick View functionality can be enabled. With Quick View, product pricing and availability is not shown on initial page load. Instead, these calls are made to the server on demand when the user clicks 'Quick View'. That data is then cached for the user, thereby improving speed and performance.
  • Page:
    Product Compare Functionality Product Compare functionality gives your customers the ability to compare the features of every product on your website.  

    The user selects up to 3 products to be compared, and the features are presented side-by-side in a pop-up window. The user can add the products to their cart here (assuming the product is available for purchase), or they can close the window and browse for further products to compare. 

  • Page:
  • Page:
    Product Documents — Offer your customers more in-depth product information with a document download! You can now upload a variety of file types in the CMS, giving your customers the ability to download tech specs, shiny brochures, or safety data sheets. And all without cluttering up that sleek product detail page you've so carefully crafted.

    This article will show you how.

  • Page:
  • Page:
  • Page:
    Product Quick View — Give your customers the ability to see product details instantly with a Quick View popup. As users shop your site, they can check product pricing and availability, then add the product to their cart, all without navigating away from the page they're browsing. 
  • Page:
    Product Reviews — Commerce Vision BPD websites offer Product Review functionality via widgets.  

    Reviews are submitted by online users and feature a star rating, title, and summary text.

  • Page:
    Product Variants Product Variants are best explained with a Colour / Size scenario.

    Imagine that product CV149 is a High-vis Safety Vest. It's available in several different sizes and colours:

    • 'CV149SMYY' might represent size small, colour yellow
    • 'CV149MDYY' is size medium, colour yellow.
    • In fact, when you list all the possible colour and size combinations, you might have upwards of 20 SKUs just for this one product.

    But uploading and maintaining 20+ variations for dozens of products on your site isn't very efficient. The end result would probably overwhelm your customers, too. That's where Product Variants come in.

    Instead of putting all 20+ variations on the web, you can display one product (the 'master') online, and then allow your customers to select from available variants (the 'child' products).

  • Page:
  • Page:
    Recently Viewed Products The Recently Viewed Products widget can be used to display a list of products the user has previously browsed. The fields shown on these product tiles are customisable thanks to the zoned layout template.
  • Page:
  • Page:
    Sliding Filter for Product Features — The ability to display numeric product features as sliding filters is available from version 3.96+ (with additional options from version 4.00+). Similar to a price range filter, you can elect to display numeric features in a sliding range interface (for example, PSI rating, age range, or flow rate).
  • Page:
    Splitting Campaigns — Have you ever wanted to split the display of campaign products over different sections of the page? Perhaps you'd like to group one subset of products under a particular heading, then another few products under an alternate heading.

    Well, now you can! From version 3.95+, the Campaign Slider widget has an option to split one campaign across multiple widgets.
  • Page:
  • Page:
    Targeting Banners by Device — Good news! From version 3.84+, banners can be configured to display on all devices, or targeted specifically for desktop or mobile only.

    Even better, from version 4.02+, you can also target banners to your tablet users. This can be done on the banner image itself, as well as on the Banner Slider Widget.

  • Page:
  • Page:
  • Page:
    Variant Tags — If you're using Style/Colour/Size functionality for product codes in your ERP, you might integrate your variant data (rather than maintain it online).

    However, in the CMS you can still associate tags with your variants, allowing you to take advantage of image switching on your website. 

  • Page:
    Warranty Claims — For businesses that handle warranty claims, the process has traditionally been manual and full of paperwork. But not anymore.

    BPD websites now offer the ability to enter warranty claims, integrating them to your ERP as returns or credit requests.

  • Page:
  • Page:
  • Page:
    Widget-Based Email Templates — On implementation of a Best Practice Design (BPD) website, several email templates are configured for use out of the box. These include: 
    • Order Confirmation
    • Order Shipped
    • Password Recovery
    • New User Registration