Streaming live at 10am (PST)

Moving HTML coded buttons from Paypal into Webflow


#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:

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

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

OR here

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


#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.

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

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>