Buttons to Sales Funnel Pages
If you wish to add multiple buy and decline offer buttons to your sales funnel pages, you will need to add the following <DIV>. There is no limit to the number of buttons you can add to your pages.
<div class="PayCafeButtonContainer"></div>
You also have the ability to style each additional button group using the styling within the original JavaScript. Once you have added the additional button groups, you will need to view the source of your page and find the button group name.
The numbering of the button groups starts at 0. If you have added 4 additional button groups to your page, and which to style the 3rd button group, the name of that group will be 'PayCafeUpseelButton_2' and 'PayCafeDeclineButton_2', respectively. Whereas the first button group would be 0, then 2nd would be group 1, and the 3rd group would be 2.
You may style them like this example:
<style type="text/css">
button#PayCafeUpsellButton_2 {
color:#ffffff !important;
border:none !important;
background:#388e3c !important;
letter-spacing:.5px !important;
user-select:none !important;
text-align:center !important;
border-radius:2px !important;
height: 36px !important;
line-height: 36px !important;
padding: 0 16px !important;
text-transform: uppercase !important;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2pxrgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
position:relative !important;
width:auto !important;
}
button#PayCafeDeclineButton_2 {
color:#ffffff !important;
border:none !important;
background-color:#b71c1c !important;
letter-spacing:.5px !important;
user-select:none !important;
text-align:center !important;
border-radius:2px !important;
height: 36px !important;
line-height: 36px !important;
padding: 0 16px !important;
text-transform: uppercase !important;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2pxrgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
position:relative !important;
}
</style>
If you have questions or need assistance with adding buttons to your sales funnels, please submit a support ticket through the merchant portal at https://merchant.paycafe.com/login .
We also welcome feedback from our merchants. Please send us your suggestions at suggestions@paycafe.com .