Return to previous page

Custom Footer Layout, insert buttons in boxes instead of using images, and Custom Product Page

This topic has 4 replies, 2 voices, and was last updated 5 days, 5 hours ago ago by Luca Rossi

Allen Diginet

Participant

June 10, 2025 at 03:38

I would like to change the QR code here to buttons that will pop up a large floating window of QR codes for customers to scan more easily.
I would also like to add a custom checkout button that will bring the customer to a third-party shopping platform, if they prefer. (such as Amazon, eBay, Newegg)

Content is visible for topic creator and
support staff only.

Files is visible for topic creator and
support staff only.

#446728 Copied

3 Answers

Luca Rossi

Support staff

June 10, 2025 at 09:14

Dear @Allen Diginet,

We hope this message finds you well.

1. Regarding the modal/popup containing the QR codes, we kindly recommend reviewing the following article: https://elementor.com/academy/create-a-button-to-trigger-an-onclick-popup-in-wordpress/. It provides guidance on how to create a trigger button, which you can place below the “Add to Cart” form within the Single Product Builder template.

2. For integrating payment options such as Amazon and eBay, we suggest trying the following plugin:

– https://wordpress.org/plugins/woocommerce-gateway-amazon-payments-advanced/

Should you have any further questions or require additional assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

#446751 Copied

Allen Diginet

Participant

June 12, 2025 at 06:40

To avoid any misunderstandings, I would like to add a button on the product page that directs the customer to the third-party platform hosting the same product, rather than a checkout gateway. In some regions, the shopping platform will offer a better customer experience than our dedicated website.
The button I mentioned for social media, or QR code, is for the footer. I would like to replace the current QR code layout in my footer with some buttons that will pop up a modal that presents a bigger image of the QR code, for simpler designs.

#446940 Copied

Luca Rossi

Support staff

June 12, 2025 at 08:08

Dear @Allen Diginet,

Thank you for reaching out.

1. The process is similar to using the Single Product Builder template. You simply need to edit your Footer Builder template and add a button. This button can then be configured to trigger a popup containing your QR codes. For your reference, please see this guide: https://elementor.com/academy/create-a-button-to-trigger-an-onclick-popup-in-wordpress/.

2. Regarding the custom checkout buttons, you can achieve this by editing your Single Product Builder. Add individual button elements for each platform, such as eBay, Newegg, and others, as needed.

We hope this information is helpful. Should you have any further questions, please don’t hesitate to contact us.

Best regards,
The 8Theme Team

#446953 Copied
Viewing 4 results - 1 through 4 (of 4 total)