Where can I edit my Custom Reward Points Popup Modal?
If you are using the Custom Event Reward Points option with your store's Rewards Program (available on Plus Plans and Higher; including the Free End-to-End eCommerce Plan), your store will have a small button at the bottom of the frame that is labeled "Earn Rewards!"
When this button is clicked, the visitor will see a popup modal that offers them various enticements to earn bonus reward points.
The popup modal itself will appear differently depending on the circumstances of its appearance.
We've taken care of the design of the modals but they can be further edited if you wish. There are several areas that control the design, so please use the following as a reference to help you.
Please understand that - regardless of how simple or complex the changes may be - HTML changes and troubleshooting fall outside the scope of our support department. The Shift4Shop support team is neither trained, qualified, nor allowed to make these changes for you. The boundary of our scope in this matter is limited to providing these instructions and helping you reset the template if the changes don't work as you wanted.
If you are uncomfortable with making changes to your site's HTML, please contact your sales representative and inquire about our HTML and design services which can make these changes for you.
Thank you for your understanding
Some aspects of the popup modal are hard-coded onto the HTML template itself. Therefore, you will need to go into your store's common folder and retrieve the template to make your own changes to it.
As mentioned, the template is located in your store's common folder. It is called rewardmodal.html
As an example of the text that is hard-coded to this template, please refer to the following image:
Some of the labels on the modals can be edited in your shop's Store Language section. You can access the store language section by taking the following steps:
This page contains nearly every label found on your online shop. You will see three columns:
Please refer to the following image to see the sections of the modal that can be edited via Store Language
As mentioned at the start of this article, the initial button labeled "Earn Rewards!" is clicked to open up the modal. To change the wording/label of the button, you can look in Store Language as well. The Label is called "details-earn" and it is found in the "rewards" area.
The module itself contains certain settings like the number of points that are awarded to the user for completing an action. These are values inserted into the modal automatically. The following image will show you these values for your reference.
The Store Database
Finally, some bits of information are added by the store's database. These are marked below.
For Advanced Users
Here's an image showing all sections at once for further reference.