Skip to main content
Skip table of contents

Txn Custom Fields

Custom fields can be added to the POS checkout screen or the side panel of invoices, enabling their use on both the front and back end. The usage of Txn custom fields allows for the entry of notes, reference numbers, and other transaction details on the transaction. Below is a guide on how to configure these custom fields, followed by instructions for displaying the fields in both the front and back end.

Txn Custom Feilds in the Frontend

  1. Open the POS.

  2. Click the Panel Editor button to open the panel configurations.

image-20241210-152328.png

  1. Select the panel on which to add the custom fields and click a new button to configure.

image-20241210-152714.png

  1. In the button fields that appear, select “Custom Feilds” from the widget dropdown.

image-20241210-152919.png

  1. Select “Transaction” as the Entity type.

image-20241210-153024.png

  1. Select the specific custom fields to be displayed in the POS side panel, from the dropdown menu.

image-20241210-153146.png

  1. Click “Save” at the top right to save the widget configurations.

image-20241210-153238.png

  1. To access, configure, or edit the custom fields, click “Manage Custom Feilds” and follow the guide for configuring these fields outlined at the end of the document.

image-20241210-153211.png

Txn Custom Feilds in the Backend

  1. Open Backoffice.

  2. Click “Transactions” in the Main Navigation menu and select “Create Invoice” from the scrollable dropdown menu.

2024-12-10_09-51-16-20241210-145117.gif

  1. Click the + button in the side panel header to add a widget.

image-20241210-150039.png

  1. Click “Add Widget” on the Custom Feilds card to add the widget.

image-20241210-150912.png

  1. Return to the invoice page and click the settings button in the side panel header.

image-20241210-151030.png

  1. Scroll and click the “Custom fields” card to configure the widget further.

image-20241210-151811.png

  1. Select “Transaction” as the Entity Type and select the specific custom fields to be displayed in the invoice side panel from the “Feilds To Show” dropdown.

image-20241210-151609.png

  1. Click “Save” at the top right to save changes.

image-20241210-151737.png

  1. To access, create, or edit custom fields, click “Manage Custom Fields” and follow the guide for configuring these fields outlined at the end of the document.

image-20241210-151720.png

Configure Txn Custom Feilds

  1. Enter the name/ title of the field in the “Label” space.

image-20250131-154618.png

  1. Enter text in the “Description” field to display a small message below the custom field.

image-20250131-154732.png

  1. Select the “Active” field to activate the custom field.

image-20250131-154511.png

  1. Select the field type from the designated dropdown menu. Options include “Text” for the usual text field, “Long Text” for displaying a larger text box to allow for longer text, a “Checkbox,” a “Switch” for a toggle switch, and more.

image-20250131-155154.png

  1. If the field type is set as a selector, enter the menu options in the “Options” field, separating multiple options with a comma.

image-20250131-155503.png

  1. Select the “Read Only” space to set the field as uneditable.

image-20250131-155931.png

  1. To set a specific number or text to be entered in the field by default, enter the text/ number in the “Default” field.

image-20250131-155958.png

  1. To enter text in the field as a placeholder, such as (Enter text here…) ( How much?), etc., input the placeholder text in the designated field.

image-20250131-160104.png

  1. Click “Save” at the top right to save configurations.

image-20250131-160135.png

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.