Button Images

pay now button image the default pay now image is available in the “pay now image” field on the payment record you can use this image to create a clear call to action for your customers, encouraging them to complete their payments you can display this field on your payment page layouts or use it in other salesforce configurations to show the “pay now” button to your customers customize the pay now image personalize your customer's payment journey by using your own “pay now” image the process to use a custom image is now simpler you no longer need to create formula fields the displayed image width is fixed at 150 pixels the height will adjust according to your uploaded image’s aspect ratio ensure your image renders correctly within this space go to setup > static resources click new in the name field, enter paynowimage this name is case sensitive and must be exactly as written the customization will not work with any other name click choose file and upload your desired image file set cache control to public click save go to setup > custom settings click manage next to unaric payments settings click edit (or new , if you have not configured settings before) locate the use custom pay now image setting (the exact label may vary slightly in your salesforce org) select the checkbox to enable this setting click save to finish your custom image named paynowimage will automatically appear in the pay now image field on your payment records benefits of the simplified process this updated method simplifies the process of customizing your “pay now” image you no longer need to create formula fields or manage image urls manually personalize your customer's payment experience easily by uploading a static resource with the correct name and enabling a custom setting for previous formula field users if you previously used a formula field, you can now remove it it is no longer necessary to display a custom “pay now” image the system now automatically handles the image display using the static resource and custom setting plain text url a plain text url field is available for the ecommerce/pay now link on both payments and authorisations this url, without html tags, simplifies integration into email templates to use this feature, add the asp04 ecommerce link c field to your desired email templates this field contains the plain text url, ready to be inserted directly into your email content add payment method button image to simplify the process of collecting customer payment information, unaric payments provides a default "add payment method" button image this pre built image can be used immediately, eliminating the need for custom image creation requesting payment method details is a frequent task this pre built button streamlines the customer experience, making it easier for them to provide their card details or set up a bank mandate how it works a default add payment method button image is included this image (which can be replaced with your own) is displayed in the authorisation image field on the authorisation record determine the best way to present this image to your customers to encourage them to provide their authorisation details with minimal clicks customize the add payment method button while the default image is readily available, you can use a custom image if desired to do so navigate to setup > static resources upload your custom image the recommended width is 150 pixels; the height will be determined by the uploaded image keep this in mind for proper image rendering go to setup > custom settings and select unaric payments settings check use custom auth image create a custom formula field on the unaric payments authorisation object the formula should generate a hyperlink that includes your custom image the following example provides a starting point, but you can adjust it to meet your specific needs if( asp04 ecommerce url c != null, hyperlink( "https //" + $setup asp04 asperatoonesettings c asp04 server url c + "/pmweb1?pmref=" + asp04 customer id c + "\&aid=" + id + "\&locale=" + text(asp04 language c) +"\&dit=" + asp04 data integrity token c , if( $setup asp04 asperatoonesettings c asp04 use custom pay now image c , image("/resource/yourcustomimagename", "add payment method", 1, 150), // replace yourcustomimagename image("https //live protectedpayments net/donationline/images/auth img png", "add payment method", 1, 150) // default image ) ), null ) in this formula asp04 ecommerce url c checks if an ecommerce url exists hyperlink( ) creates a link to the authorisation page $setup asp04 asperatoonesettings c asp04 server url c retrieves the server url from custom settings asp04 customer id c, id, asp04 language c, asp04 data integrity token c include necessary parameters in the url $setup asp04 asperatoonesettings c asp04 use custom pay now image c checks if the custom image setting is enabled image( ) displays either the custom image (if enabled) or the default image remember to replace yourcustomimagename with the actual name of your static resource after completing these steps, your custom image will be displayed on the unaric payments authorisation record in the custom field you can toggle between the default and custom images using the custom setting