Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
merchant:existing_merchant:selfcare_system:settings:pay_pages [2019/05/15 16:28] robinc [Pay Pages] added code html for Level 3 |
merchant:existing_merchant:selfcare_system:settings:pay_pages [2022/03/18 11:51] (current) lezlieh edits for secure token |
||
|---|---|---|---|
| Line 20: | Line 20: | ||
| The Hosted Pages can have images included on them, but these image files must be hosted on the merchants website. This way, the URL image can be used in the Payment Page styling. | The Hosted Pages can have images included on them, but these image files must be hosted on the merchants website. This way, the URL image can be used in the Payment Page styling. | ||
| - | In the screen above, if you click on **Add Template** or select **Edit** for one of the templates listed, you will arrive at the template real-time editor. Note that the Style Editor provides the ability to scroll through many different parameter settings for your payment screen. On the right side of your screen is a real time preview of the payment screen as it would appear with the current parameter selections if the **auto update** box is checked. The payment page parameters may be individually selected for a Hosted Payment Page, Secure Card and Subscription screens. | + | In the screen above, if you click on **Add Template** or select **Edit** for one of the templates listed, you will arrive at the template real-time editor. Note that the Style Editor provides the ability to scroll through many different parameter settings for your payment screen. On the right side of your screen is a real time preview of the payment screen as it would appear with the current parameter selections if the **auto update** box is checked. The payment page parameters may be individually selected for a Hosted Payment Page, Secure Token and Subscription screens. |
| <WRAP center round important 100%> | <WRAP center round important 100%> | ||
| Line 40: | Line 40: | ||
| data/media/merchant/existing_merchant/selfcare_system/settings_pay_pages3-nu.png"/></html> | data/media/merchant/existing_merchant/selfcare_system/settings_pay_pages3-nu.png"/></html> | ||
| - | Advanced mode allows you to directly edit the CSS of the page and also the HTML of the Header and Footer. It is recommended not to use Auto Update in this mode. | + | Advanced mode allows you to directly edit the CSS of the page and also the HTML of the Header and Footer. It is recommended not to use Auto Update in this mode. The @import CSS tag is blocked for HPP customization. |
| Because of the custom CSS that cannot be reverted to the same constraints as the Basic Mode, once you have entered Advanced mode you cannot go back to Basic Mode styling. | Because of the custom CSS that cannot be reverted to the same constraints as the Basic Mode, once you have entered Advanced mode you cannot go back to Basic Mode styling. | ||
| Line 52: | Line 52: | ||
| If you are using enhanced data, more specificaly, Level 3 enhanced data, your transactions might have items. If you want them to be visible for your customer, you should mark **Display Enhanced Data** or manually add the following piece of style to your template. | If you are using enhanced data, more specificaly, Level 3 enhanced data, your transactions might have items. If you want them to be visible for your customer, you should mark **Display Enhanced Data** or manually add the following piece of style to your template. | ||
| - | <code html> | + | <code css> |
| a#enhancedDataLink { | a#enhancedDataLink { | ||
| color: #0000ff; | color: #0000ff; | ||