Moments
JS SDK (for Websites)
Theme Customizer
11 min
introduction to give you full control over customizing your theme visually, without manual code editing, we provide a theme customizer this tool allows you to build and tailor your theme according to your preferences, helping you organize and customize your themes to represent your brand effectively available features theme management seamlessly handle and switch between multiple themes precise control fine tune single and multi offer units with exacting detail view themes across desktop and mobile platforms instant previews view real time updates as you make changes navigation options to learn how to navigate to the theme customizer and explore its capabilities, follow the demo provided alternatively, you can access the theme customizer directly by clicking here customization options offer unit property description availability background color defines the background color of the entire o ffer unit mou, sou, perkswall corner radius specifies the radius of each corner of the offer unit, starting from the top left and moving clockwise mou, sou, perkswall shadow adds a shadow effect to the offer unit with a customizable color mou, sou, perkswall tile radius sets the border radius of the offer unit mou, perkswall border thickness specifies the thickness (in pixels) of the border around the offer unit mou tile gap defines the spacing (in pixels) between tiles in a multi offer unit default is 6px mou border color determines the border color for offer containers in mou mou, perkswall tile background color sets the background color for all tiles in a multi offer unit (mou) mou tile background hover color sets the background color that appears when a user hovers over a tile in a multi offer unit (mou) mou background hover color sets the background color that appears when a user hovers over the entire offer unit container mou, perkswall header and footer true false 163,381false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type macros allow you to dynamically insert information about the order into critical components of the offer unit this capability enhances the customer experience by providing transaction details and helps optimize momentscience offers for better performance to ensure macros work correctly, the corresponding parameters must be included in the payload for example, when using the {{first name}} macro, make sure to pass a value for the first name parameter in the payload implementing macros offer text true false 196,396false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type theme settings true false 184,480false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type false unhandled content type managing different the mes momentscience allows you to manage multiple themes, each of which can be customized independently every theme is assigned a unique slug id, which serves as its identifier you can pass the slug id in the theme id field within the payload or in the sdk using window\ adpxuser passing theme id in the sdk window\ adpxuser = { // customer information properties here theme id "replace this with your slugid", }; for more details on how to pass payload values, refer to the documentation here π’ if you're running into any issues while going through the integration process, feel free to contact us at help\@m omentscience com