Perkswall
Perkswall Integration Page
16 min
overview the latest version of the perkswal l integration page simplifies the way you manage and customize your perkswall settings this dashboard gives you full control over various aspects of your perkswall, including styling customize the appearance to match your brand settings fine tune control options, including advanced configurations previews instantly view how your perkswall will look on both mobile and desktop devices with this enhanced version, managing your perkswall is easier and more intuitive, ensuring a seamless experience for both you and your customers navigation accessing the perkswall integration page is simple, just by clicking here or navigate from your dashboard by following these steps click on " integration " in the left sidebar of the dashboard then, click on " perkswall " you'll now find yourself on the perkswall integration page, where you can begin customizing your perkswall to suit your needs perkswall settings general settings favicon upload your brandβs favicon (16x16 pixels) to personalize your perkswall the favicon will appear in the browser tab when users visit your perkswall if you don't upload a favicon, the default momentscience logo will be used instead logo upload your companyβs logo to be displayed in the header of your perkswall page style settings customize the appearance of your perkswall header with one of the following options light keeps the header background in the default light theme of perkswall image upload a custom header image for the best display, ensure the image matches the recommended dimensions of 1440x130 px color set a solid background color for the header you can either enter a hex code or select a color from the palette custom you can fully customize the perkswall header, allowing you to adjust the layout and appearance of key elements, such as the logo, header text, and the overall container style this customization utilizes javascript for dynamic behavior and element manipulation, css for styling, and html for the foundational structure true false 197false 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 sample code snippt // access the logo container (publisher logo image) const logocontainer = document getelementbyid('adpx pub image container'); // create and append a "sponsored by " message inside the logo container const sponsormessage = document createelement('div'); sponsormessage innertext = 'sponsored by '; logocontainer appendchild(sponsormessage); // set the layout to display content in reverse order (row reverse) logocontainer style flexdirection = 'row reverse'; // access the header container (entire header section) const headercontainer = document getelementbyid('adpx perkswall headercontainer'); // modify the header container layout and alignment headercontainer style flexdirection = 'column reverse'; // reverse column order headercontainer style alignitems = 'flex start'; // align items to the left headercontainer style backgroundcolor = 'white'; // set background color to white headercontainer style padding = '0'; // remove padding // access the header text container const headertextcontainer = document getelementbyid('adpx mini desc'); // customize the header text container styling headertextcontainer style width = '100%'; // set full width headertextcontainer style textalign = 'left'; // align text to the left headertextcontainer style backgroundcolor = '#6e9eda'; // set background color headertextcontainer style padding = '12px'; // add padding // create and append a new \<span> with a nested \<a> tag inside the header text container const newspan = document createelement('span'); const newlink = document createelement('a'); newspan appendchild(newlink); headertextcontainer appendchild(newspan); text style true falsefalse 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 tile styles true false 171,121false 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 theme settings true false 161,133false 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 featured offers this tab is visible only when the "show featured offers" option is enabled in the theme settings tab true false 152,122false 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 featured offers to customize the featured offers carousel, click the manage featured offers button this opens a popup displaying all offers provisioned to your account selecting offers use the checkboxes to select offers you wish to feature you can select up to 15 offers at a time selected offers will appear in the featured offers in order of delivery list prioritizing featured offers to reorder the featured offers drag and drop any offer row to adjust its display priority offers at the top of the list are given higher priority and will be displayed first in the carousel the carousel displays up to 3 offers at a time, strictly following your defined priority and filtering out any offers that are not valid for the user use the handle icon (β‘) on the left of each row to drag offers smoothly into place π’ if you're running into any issues while going through the integration process, feel free to contact us at help\@momentscience com