Return to previous page

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

This topic has 10 replies, 2 voices, and was last updated 3 months, 3 weeks 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)

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#446728 Copied

9 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

Allen Diginet

Participant

July 22, 2025 at 07:14

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.

Hi,

I know how to edit the footer; my question was how to make the button layout the same as the QR code in my screenshot. Three columns and the entire box or container are set for a certain width. I don’t want to change the layout, but simply replace the QR code with the pop-up modal button.

Files is visible for topic creator and
support staff only.

#450463 Copied

Luca Rossi

Support staff

July 22, 2025 at 08:49

Hi @Allen Diginet,

Could you please provide temporary wp-admin access? We need to check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Thank you!

#450475 Copied

Allen Diginet

Participant

July 28, 2025 at 09:31

I do already attach the account details at the beginning, please let me know if you can find anything useful.

Please contact administrator
for this information.

#450953 Copied

Luca Rossi

Support staff

July 28, 2025 at 10:21

Dear @Allen Diginet,

We would like to inform you that the password has been changed. Therefore, we kindly requested the issuance of a new one.

Thank you for your attention to this matter.

Best regards,
The 8Theme Team

#450959 Copied

Allen Diginet

Participant

August 16, 2025 at 12:52

I’ve updated the credentials, please try agian, and let me know if there’s any other issues.

Please contact administrator
for this information.

#452804 Copied

Luca Rossi

Support staff

August 18, 2025 at 08:26

Dear @Allen Diginet,

We hope this message finds you well.

We would like to inform you that we encountered a 503 error while attempting to edit your website’s footer using Elementor, which prevented us from saving the changes.

To assist you in resolving this issue on your end, we have prepared a few simple steps along with corresponding screenshots:

1. Duplicate the Grid element: https://prnt.sc/b_3ZwR3tbmjO
2. Delete the Image Box elements: https://prnt.sc/CkxmDTfPlZWX
3. Add your buttons to the Grid: https://prnt.sc/bHMQa3TRZ81J

Additionally, you may refer to the following documentation for guidance on how to link the buttons to an Elementor popup:
https://elementor.com/help/how-do-i-create-my-first-popup/

Should you need any further assistance, please do not hesitate to contact us.

Best regards,
The 8Theme Team

#452870 Copied
Viewing 10 results - 1 through 10 (of 10 total)