How To Adjust Size Of Download Buttons

  • Hello,

    My products all come with a bundled deal where the customer can download coupons for advertising.

    I noticed the download buttons look very messy on the thank your order confirmation page.

    Please see this link and scroll all the way to the bottom (notice how the three red download buttons aren’t on one line):

    https://cubitize.com/order-received/thank-you/?mode=preview&key=wc_order_lwnPAXLo3h7gY&order_id=21869

    How do I fix this?

    Also, for Paypal users, which URL do I use to tell Paypal to auto-direct my customers to the thank you page after payment has been submitted?

    Thank you so much for your assistance. Your prompt response is always appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author XLPlugins

    (@xlplugins)

    Hello @rebornhairppp,

    Thank you for contacting XLPLugins.

    It seems the button size on your template is very larger as the original thank you page covers the whole width of the page.

    In NextMove template with this width, you need to arrange the default table of download content.

    We recommend you to add this Custom CSS to your theme to re-arrange the table columns and button size.

    .xlwcty_thankyou-template-default td.download-product{width:200px;}
    .xlwcty_thankyou-template-default td.download-remaining{width:102px}
    .xlwcty_thankyou-template-default .download-file .button{font-size:13px; padding:10px 10px; letter-spacing:0px; }

    Output after adding this CSS- https://i.imgur.com/YhwFs1i.png

    Regarding PayPal URL – You just need to add this URL “https://cubitize.com” to tell PayPal to auto-direct to thank you page.

    After adding this, make a test checkout with PayPal and check if any issue.

    Let us know if you need any further help. We would be happy to help always.

    Thread Starter rebornhairppp

    (@rebornhairppp)

    Hello,

    Thank you so much for providing me with the CSS code. That fixed the issue. ??

    Regarding the Paypal URL, just want to clarify something. The last four digits at the end of the URL (8221). What does that signify? That’s not the order # as each order # will change, correct?

    Plugin Author XLPlugins

    (@xlplugins)

    Glad to know that issue is fixed by adding that CSS.

    Oops, that’s shouldn’t be there. Ignore that. The correct is only site domain https://cubitize.com/

    Thread Starter rebornhairppp

    (@rebornhairppp)

    Hello,

    I am not sure if my site domain will redirect customers to the thank you page after an order is complete.

    According to this website: https://docs.woocommerce.com/document/paypal-standard/, by default Woocommerce advises to use this URL:

    https://cubitize.com/checkout/order-received/.

    If you want, you can add ?utm_nooverride=1 to the end of the URL to ensure that transactions (i.e., conversions) are credited to the original traffic source, rather than PayPal.

    But since your plugin changes the thank you page URL, I don’t know what URL to use to redirect customers back to the thank you page after payment is submitted.

    Would it look something like:

    https://cubitize.com/checkout/order-received/thank-you followed by the optional ?utm_nooverride=1 at the end of the URL?

    So, final URL: https://cubitize.com/checkout/order-received/thank-you/?utm_nooverride=1 at the end of the URL?

    Thank you again!

    Thread Starter rebornhairppp

    (@rebornhairppp)

    Hello,

    I just realized my last question has remained unanswered for more than a month.

    Can anyone please assist?

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How To Adjust Size Of Download Buttons’ is closed to new replies.