The Digital Restaurant - Customer Support Portal

To set up the Loyalty Rewards Popup on the restaurant's WordPress website, log in to the admin using your username and password. Once you are in your admin dashboard go to Plugins and click Add New. In the search plugin option type "Popup Maker". On search results find "Popup Maker – Popup for opt-ins, lead gen, & more. By Popup Maker". Click on Install Now followed by Activate button. 

Now on the left side,  "Popup Make" will be there which we are going to use to create a Popup of the  Loyalty Rewards.  The  Loyalty Rewards Code must have been sent by the support team to use, If not request support for the Loyalty Rewards Code.

Once you mouse hover on "Popup Maker" you can find the option "Create Popup".  On clicking on the "Create Popup" option we will start to create the Popup for our Loyalty Rewards. 

On Create New Popup page add any Popup name ( e.g  Email Rewards ). Now Click the Text option ( refer to the Image below ) and add the Loyalty Rewards Code given by the support team. The code would look something like below.

"<form action="https://email.thedigitalrestaurant.com/subscribe" method="POST" accept-charset="utf-8">

......

.....

</form>". 

Now find the "Popup Settings", which will have an option "Triggers", in that find "Add New Trigger" on that. Click on the "Add New Trigger" button. There will be a Popup for settings for the new trigger,  find  "What kind of trigger do you want?" on that option dropdown and select "Time Delay / Auto Open". Next, there will be one option "Prevent popup from showing to visitor again using a cookie?" if you want to appear the popup multiple times across the pages deselect that option, we recommend selecting that option for a better user experience. Next, you can set the time delay for the popup to show once the page loads.

We recommend having a button on your top navigation or footer navigation to open the popup with a click of the button. To do that follow the below steps. 

Now find the "Popup Settings", which will have an option "Triggers", in that find "Add New Trigger" on that. Click on the "Add New Trigger" button. There will be a Popup for settings for the new trigger,  find  "What kind of trigger do you want?" on that option dropdown and select "Click Open". Deselect "Prevent popup from showing to visitor again using a cookie?" option. Next, screen you can see the instruction with the class name "popmake-xxx". Note down that the class name ( e.g popmake-xxx ), we will use that to trigger the popup. 

You may try to style the Popup using the "Display" under "Popup Settings". Go to "Appearance", and on the Popup, Theme dropdown select the "Light Box" option.

Now that we have our code and trigger settings done on that proceed to save the Popup, click the "Publish" button present on the right side of the page.

In order to add a button on your top navigation or footer navigation to open the popup with a click of the button, follow the below step. 

Click on "menus" under the "Appearance" tab.  Click on "Custom Links" on "Link Text" option type the text you want to appear as the button text ( e.g Join Rewards, Join VIP Club, Join Email List ), on "URL" option use "#" ( hashtag ) as URL  now click on "Add to Menu" button. Now you can see that menu appears along with other navigation options. Click on the arrow mark on that menu to set the class name for our trigger. Use the class name we got from our trigger option ( e.g popmake-xxx  ) on the "CSS Classes (optional)". Now that we have set the button which can trigger the popup we can save the navigation by clicking on the "Save Menu" button.

Now you can clear the cache for the website and can verify the popup appears fine, and the same for the popup trigger buttons as well.