Skip to content

Public forms

Jump to bottom
Jorrit Steetskamp edited this page Jul 7, 2020 · 7 revisions

Public forms are forms you can implement in a website outside the Nexxus application. There are two types of public forms: pickup forms and sales order forms.

Pickup form

Pickup objects are purchase orders that should be picked up by your organisation. When an order is a Pickup, extra details, like a logistics planning, can be added. In your corporate website, you can include the pickup form which can process pickup requests into Nexxus. The minimal setup for this is:

<!DOCTYPE html>
<html lang="nl">
  <head>
    <title>Nexxus pickup form test</title>
  </head>
  <body>
  
    <div id="pickupform"></div>
  
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://nexxus.eco/nsk/js/jquery.nexxus-pickup.js"></script>
    <script>
        $("#pickupform").nexxusPickup({
            recaptchaKey: 'YOURRECAPTCHAKEYASSUPPLIEDBYRECAPTCHA'
        });
    </script>
  </body>
</html>

All possible options and its default settings are:

{
 recaptchaKey: '6LdzW4QUAAAAANRAfkgl8Cz4-QNUcNEJomOj5wgX',
 orderStatusName: 'To plan and pickup',
 maxAddresses: 16,
 locationId: 1,
 origin: 'Copiatek',
 confirmPage: 'http://www.blabla.com/confirmpage.php'
}

Sales order form

The sales order form provides a way to implement a minimal webstore in minutes. The minimal setup for this is:

<!DOCTYPE html>
<html lang="nl">
  <head>
    <title>Nexxus order form test</title>
  </head>
  <body>
  
    <div id="orderform"></div>
  
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://nexxus.eco/nsk/js/jquery.nexxus-order.js"></script>
    <script>
        $("#orderform").nexxusOrder({
            recaptchaKey: 'YOURRECAPTCHAKEYASSUPPLIEDBYRECAPTCHA',
            products: [
              {
                name: 'Desktop computers',
                remark: null,
                price: 149
              },
              {
                name: 'Basis laptops',
                remark: '(langere levertijd)',
                price: 225
              },
              {
                name: 'Geavanceerde laptops',
                remark: '(bij einde voorraad leveren we een vergelijkbare kwaliteit)',
                price: 349
              },
              {
                name: 'Nieuwe laptops',
                remark: '(bij einde voorraad leveren we een vergelijkbare kwaliteit)',
                price: 549
              },
            ]
        });
    </script>
  </body>
</html>

All possible options and its default settings are:

{
 recaptchaKey: '6LdzW4QUAAAAANRAfkgl8Cz4-QNUcNEJomOj5wgX',
 products: [],
 orderStatusName: 'Products to assign',
 locationId: 1,
 confirmPage: 'http://www.blabla.com/confirmpage.php'
}

Both pickup and sales order forms are styled by Bootstrap 3.3. The Bootstrap library is loaded if not done yet by your parent page. Please feel free to override the standard Bootstrap styling as you like.

Clone this wiki locally