# Application Designer

The Application Designer tab opens a GUI designer, also known as the Interface Editor, where business owners or team members can view all pages of the loyalty website.

The Application Designer in NextBee Insights Dashboard is a state-of-the-art tool that allows business owners or team members to easily create and update the content and design of their loyalty program website. This user-friendly interface editor allows for changes to be made to the static content of the pages, including the addition of new content, changes to font styles, colors, and images, and even the rearrangement of elements through a simple drag-and-drop feature.

# Page Editing

The pages can be edited using multiple methods, such as inline editing, using the kebab icon to open a dialog box with various editing options, and on-page buttons for adding or removing elements.

# Modifying Text Content

The NextBee Application Designer provides an intuitive way for users to edit the static content on their loyalty website. By simply clicking on the desired text, a blinking line will appear, indicating that the text has been converted into an inline editing form. The user can then type in their desired changes and see the updates reflect on the website in real-time. This feature allows for quick and effortless updates to be made without the need for technical knowledge or training.

To change the header style or text alignment within the Application Designer, users can click on the double kebab icon located to the left of the text. This will open a small tool window that displays header style and text alignment icons. Users can then simply select the desired header style or text alignment to apply the changes to the text. This feature provides users with a convenient and user-friendly way to make changes to the static content within the loyalty program website.

# Updating Lists

In the NextBee Application Designer, the ability to update list content is made simple and user-friendly. By clicking on the kebab menu icon, a dialog box will appear, providing users with options to add new elements to the list or remove existing ones. This feature is especially useful for updating items such as tabs, FAQs, rewards lists, or any other list items that need to be edited within the program. With just a few clicks, users can make changes to the list content, making it even more personalized and tailored to their needs.

# Adding/Removing Images and Icons

The user interface of the Application Designer allows for easy updating of images. To change an image, simply click on the "edit" icon as shown in the picture located in the top right corner of the image. This will open a dialogue box where the user can add a new photograph. The updated image will be displayed in real-time within the interface, allowing the user to see their changes before they are saved and deployed to the website. The user-friendly design of the Application Designer makes it a breeze to update images and keep the website looking fresh and up-to-date.

# Section Level Configuration

The Application Designer in the NextBee Insights Dashboard provides users with an easy way to edit the details of a section on their loyalty website. By clicking on the three dots located on the top right corner of the section, a sidekick form will open, allowing users to edit the configurations of that particular section. The intuitive design of the sidekick form ensures that even users without technical expertise can make the changes they need with ease.

# User-friendly Interface

The Application Designer interface provides an intuitive and user-friendly navigation experience for its users. The interface allows users to easily switch between different pages of the loyalty website, just like they would do on the actual website. To edit a specific page, users simply click on the menu item that corresponds to that page. The top navigation bar of the Application Designer also provides quick access to pages that do not have menu links on the website, such as the login, registration, and forgot password pages.

The interface also offers a convenient drag-and-drop feature to rearrange the order of content on a page. Users can edit the content of a page by clicking on the text, which will convert into an inline editing form. The kebab menu icon provides additional editing options, such as adding or deleting objects, changing header styles and text alignments, and more.

Overall, the Application Designer interface is designed to be user-friendly, allowing users to easily make changes to their loyalty website with minimal training required.

# Page Navigation

Users can navigate between pages by clicking on any of the menu items, just like on the real website, and then edit the page.

For editing pages that do not have menu links on the website, such as Login, Registration, Forgot Password, and Home, the menu links are given in the top navigation bar of the editor.

# Updating Changes

The Application Designer provides a user-friendly interface for updating the content and design of the Business Owner's loyalty program website. Once the necessary changes have been made, the user can easily apply these changes by clicking on the "Update" button. This will initiate a backend process that deploys the changes onto the server and updates the website in just a matter of minutes. This feature makes it easy for the business owner or team member to make changes to the website as needed, without having to rely on technical expertise or wait for extended periods of time for updates to be applied.

In summary, the Application Designer is an essential tool for business owners to have a user-friendly and efficient way to manage their loyalty program website, and make the necessary updates and changes to improve the user experience and drive engagement.