Explanation:
Below lists the two ways you can add Cash App Afterpay messaging to your website and will determine which steps to take to get Cash App Afterpay messaging properly rendering on your product pages:
- Cash App Afterpay On-site Messaging App
- Manually Add Cash App Afterpay Site Messaging to Theme
Action:
Cash App Afterpay Messaging via On-site Messaging App
Please follow the below steps:
- Please ensure the Cash App Afterpay messaging block has been added to all of your Shopify store’s product page templates by following the steps here.
- Please keep in mind that Cash App Afterpay messaging works on the product page template level. If you have several different product page templates, then you'll need to add messaging to each one separately.
Manually Add Cash App Afterpay Site Messaging to Theme
Please follow the below steps:
- When utilizing the Cash App Afterpay messaging code snippet, slight modifications to the code may be required for the messaging to display correctly.
- Once added, you will need to ensure the 'afterpay_product_selector' within the code snippet is targeting the product price block.
- For example, please find the below line of code in your snippet responsible for positioning Cash App Afterpay messaging near to the product price:
// var afterpay_product_integration_enabled = true;
// var afterpay_product_selector = '#product-price-selector';
- The recommendation is to “uncomment” (remove the “//”) these lines and update the value for var afterpay_product_selector. Some experimentation or testing may be required to ensure the correct selector is specified for the product pages in question.
- If the above steps are unfamiliar to you, it is best to involve a developer resource to help identify and test the correct value for var afterpay_product_selector.
Important Notes:
If utilizing the Cash App Afterpay messaging code snippet, it is recommended to involve a developer or technical resource to help configure the code snippet values correctly.