Branding/Images Specifications

This page provides all the specifications you need to help you design your branding/images.


On this page:


Business Logo

1. To upload your logo, login to backend Admin https://xm.eber.co.

2. Go to Channels > Web App > General > Basic > Upload logo > Save.

💡You can change your App Name. App name will reflect when saved on your mobile home screen.


Webapp Homepage

Creating homepage using individual webapp buttons (Refer Mockup A image).

1. Go to Channels > Web App > Menu & Home > Menu.

2. Click "+ Add Header Menu" to create new headers for homepage.

3. Upload webapp button image for each header menu. Specifications can be found in Mockup A below.

4. Input title, link image to respective url and click "Save".

5. Continue to build your homepage by repeating steps 2-4.

6. To add Webapp Header in homepage, go to Web App > Menu & Home > Theme

7. Upload image under "Header" section.

Creating homepage using single background image (Refer Mockup B image).

1. Go to Channels > Web App > Menu & Home > Theme.

2. Upload image in the "Background Image" section.

3. Next, go to Menu and click "+ Add Header Menu"

4. Input title, link image to respective url, select preferred icon and click "Save".

5. Continue to build your homepage by repeating steps 3 and 4.


Desktop Background

1. Go to Channels > Web App > Theme > Desktop View

2. Scroll down to "Desktop Browser Background" to upload your image and click "Save".


Digital Member Card Visuals

1. Go to Playbooks > Membership 

2. On the top right corner of the page, click Screenshot 2021-04-14 at 10.59.56 PM to create a new tier.

3. Upload member card image and "Save".

💡To replace a member card image, simply "Edit" the selected tier and upload new card image.

 


Reward Visuals

1. Go to Playbooks > Rewards > Click + Create button

2. Upload image and "Save".


Referral Visuals

1. Go to Playbooks > Referral

2. Upload "Referral Banner" and "Save".


Benefits Page

1. Go to Playbooks > Pages > Click "+ Create" button to create a new page

2. Choose any of these 7 templates to build your page.

3. 

 

StoreApp:

Step 1: Login to backend Admin https://xm.eber.co

Step 2: Go to Channels>StoreApp>Covers>+ Add>Select Orientation>Upload image>Save

Landscape view : 

  • 2048 pixel x 1536 pixel (recommended on iPad)
  • 1920 pixel x 1280 pixel  (recommended on 8" Android tablets)

Portrait view : 

  • 1280 pixel x 1920 pixel (recommended on Android Smartphones Portrait Version)

Backend Admin and View in StoreApp

Member Web App:

Businesses have three options to design the Web App background:

1.  Theme Background

Step 1: Login to backend Admin https://xm.eber.co

Step 2: Go to Channels > WebApp > Theme

a) Desktop Browser Background

Recommended image size to be in high resolution for:

iPads -  2048pixel x 1536pixel

Android 8" tablets -  1920pixel x 1280pixel

Android Smartphones (Portrait Version) -  1280pixel x 1920pixel

b) Menu Page Background Image

  1. For portrait image, the specifications are 640 pixel x 2000 pixel.
  2. For landscape image, any reasonable specifications is appropriate as the image will be displayed repetitively.

If you would like the member card image to be displayed at the top of the page (as shown below), you may tick the Show Member Card box.

 

 

3. Custom Menu Page

  • You may refer here to create your own custom menu page

Rewards:

Step 1: Login to backend Admin https://xm.eber.co

Step 2: To upload reward image, go to Playbooks >Rewards >Click on reward title >upload reward image >Save

No results found