You can customize the appearance of your ordering interface (colors, logo, images, etc.) directly from your back office, in the Customize tab.
Log in to the Obypay back office at pro.obypay.net.
In the menu on the left, click on the gear icon.
Click on the Customize tab.
Choose the sub-tab corresponding to what you want to modify (see below).
Make your changes, then click Save.
What's in each sub-tab ?
Theme colors : preset theme, main color, loyalty color, dark mode.
Logo : square logo and rectangular logo (including for dark background).
Images : all interface images (establishment, order, payment methods, decorative, loyalty).
External links : website, Facebook, Instagram, Google My Business.
Your Terms and Conditions of Sale : entry of your Terms and Conditions.
Support : contact email and message displayed to customers.
For details on each sub-tab and, most importantly, the exact image dimensions to follow, see the full guide below.
Full guide
Theme colors
Theme : choose a preset theme from the drop-down menu (Cream, Neutral, Green, Blue, Yellow, Red, Pink, Purple, Grey, Brown…).
Main color : color of the main buttons (price, dine-in / takeaway…), via the color picker or hexadecimal code (e.g.
#cc8248).Loyalty color : color of loyalty-related buttons (e.g. "+€1" bonus product), in hexadecimal (e.g.
#f7c362).Dark mode : turn on the toggle, then set the dark mode color.
Logo
Logo (square) : high-quality square logo, preferably 600 × 600 px.
Rectangular logo : high-quality rectangular logo, preferably 600 px in height.
Rectangular logo for dark background : same format, 600 px in height.
Images
Each slot has a "Choose a file" button.
Establishment and order images
Slot | Exact dimensions |
Image representing the establishment and for Click and Collect (portrait format) | 480 × 960 px |
Image representing the establishment and for Click and Collect (landscape format) | 960 × 480 px |
Order image (portrait format) | 480 × 960 px |
Order image (landscape format) | 960 × 480 px |
The image representing the establishment is also used as the visual for Click & Collect.
Upload both versions : portrait for mobile, landscape for desktop.
Payment method images
Message displayed: "Some payment method images can be customized. Upload the image you want to customize below."
Slots :
Kiosk mode : Card payment
Kiosk mode : Dine-in
Kiosk mode : Bankroll
Kiosk mode : Como Bankroll
Support | Dimensions |
Kiosks | 500 × 500 px |
Decorative images
Slots :
Account recovery page
Menu page
Click & Collect time slot selection page
Loyalty decorative images
Slots : Header · Footer · Background image · Top right · Top left · Bottom right
Support | Dimensions |
Mobile & desktop | 500 × 500 px |
For more details on each sub-tab and the exact image dimensions, see the full guide here.