Moving HTML coded buttons from Paypal into Webflow

Design help Custom code
1

Hey guys!

Hope everyone’s doing well.

Just had a quick question about moving buttons that I have received in HTML form from Paypal.

Basically I have a code that I can copy and paste into the code part of the page but I have no idea how to place it where I want it to be.

Here’s what the code for the button looks like and where I’ve been pasting it:

1440×900 343 KB

When I publish the page, the button appears right at the bottom left corner of the page:

1440×900 251 KB

Ideally I’d like the button to be located right here:

1440×900 210 KB

OR here

1440×900 232 KB

Any help and/or advice would be much appreciated.

If this is something that would be difficult, I’d be more than happy to pay for someone’s services.

Thanks :smiley:

2

Hi @norvin_mago, you should be using an Embed Block widget instead of page settings

1 Like
3

I feel like a dummy now… HAHAH thanks once again Samuel :smiley:

4

Hi Sam,

I’d like to centre this text to the centre in the middle of the page, button when I click the centre option in the typography it still remains in the same place.

1440×900 288 KB

Would I need to place something in the code to centre it?

1440×900 293 KB

Cheers again!

5

Put this in Page Settings > Custom Code > Header Code:

<style>
form[target="paypal"] table {
  width: 100%;
}
form[target="paypal"] td {
  text-align: center;
}
</style>
1 Like