Explanation:
To add the Afterpay logo to your website’s product page and footer, follow the steps outlined below:
1. Add Afterpay Logo to Product Page
- The Afterpay logo on product pages is provided by the Afterpay On-Site Messaging App and is enabled by default through the WooCommerce Afterpay plugin. If needed, you can manually adjust its placement using hooks.
-
Action:
- Go to your WordPress Admin Dashboard.
- Navigate to Plugins > Installed Plugins and click Settings next to the Afterpay Gateway for WooCommerce.
- Under the Payment Info on Individual Product Pages section, enable the checkbox to display Afterpay messaging and logo on the product page.
- Ensure the correct hook is used (e.g., woocommerce_before_add_to_cart_form) to position the logo correctly under the product price.
2. Add Afterpay Logo to Footer
- To display the Afterpay logo in your website's footer, you can manually add it to your footer template or use a widget.
-
Action:
- Navigate to Appearance > Widgets in the WordPress Admin Dashboard.
- Add an Image widget to your footer area.
- Upload the Afterpay logo image and link it to the Afterpay website or relevant payment information page.
- If your theme doesn’t support widgets in the footer, you may need to add the logo directly to your footer.php file using HTML. This can be done by adding the logo image tag in the appropriate location in your theme’s footer template.
Important Notes:
If you're manually adding the logo through code, make sure that the HTML and CSS are configured correctly so the logo displays properly and matches your website's design. You may need to adjust the size and placement using CSS to fit your theme.