What is Order Experience Builder? (Page 1)

Overview

Order Experience Builder is the front-end builder and designer for the Paytronix Online Ordering product that allows you to customize the guest experience to your brand.

Paytronix provides a library of pre-built experiences (templates) you can use to get started quickly. You adjust the fonts, colors, and images to align with your brand standards. You no longer need expensive designers and web developers to build a custom frontend. Order Experience Builder is designed to be self-service for our customers, reducing cost of ownership and effort required to build and maintain the guest experience.

Order Experience Builder is provided in two (2) modules: Builder Edition and Agency Edition. Builder Edition is built to allow online ordering admins and marketing managers to quickly set up a simple guest experience that aligns with your brand. Agency Edition is designed with advanced configurations for clients who have more experienced technical resources available and who are used to independently using low code web design builders (similar to web design tools like WordPress, Webflow Wix, etc.).

We recognize not all clients have access to the technical resources to customize their guest order & delivery flow and the article below outlines how you can use the pre-built experiences we provide in the Builder Edition to quickly construct an exceptional online guest ordering experience.

How do I access Order Experience Builder?

From the top navigation of the Paytronix Ordering Platform, click  Order Experience Builder as seen below. . 

The Order Experience Builder landing page will display a list of custom experiences, if any have been built.

How do I create a new experience?

To create a new experience, click on the  Let’s get started! button at the bottom of the page.

1. Select a Template

Select one of the existing templates.

Review the template in full screen mode, then click  Select Template in the upper right. if you’d like to use this template.

You have the option to use the default settings for the template or customize one of our color schemes to fit your brand.

2. Customize Color Scheme

Select the primary, secondary and/or background color to customize it by picking your color or adding your HEX code.

Select  Show advanced color settings to further customize your color palette.  Click on Continue in the lower right corner of the screen to move on.

3. Set Typography

You now have the option to choose the typography for your theme.  Once you have customized your fonts, click on  Continue in the lower right corner of the screen to move on.

Next, you can choose to upload any relevant imagery, add a mobile-overlay icon or add animations for key actions to further brand your guests' experience.