WebSite X5Help Center

 
DENNIS S.
DENNIS S.
User

Paypal Buy Buttons Placement  en

Author: DENNIS S.
Visited 348, Followers 1, Shared 0  

I'm having a difficult time getting two buy buttons to sit side by side on my webpage. I'm trying to make it look like the attached image with the buy buttons sitting side by side. I'm not using a shopping cart. Just trying to place two buttons side by side within a webpage. When I use the text object and enter the paypal code for the button, they don't line up side by side. I can't place the table object inside the text object so I'm totally going insane trying to make this work.

Would appreciate help with my problem. 

Thanks

Dennis

Posted on the
8 ANSWERS - 3 USEFUL
Miguel Galarza
Miguel Galarza
User

Greetings:
What if you put two text objects, one with each code?

If they are PayPal buttons, they are usually of class <form>
This is what I do.
a style with differential ".form1" (so it doesn't affect another form on your page that you don't want to alter)


<style>
.form1 {padding: 2%; margin: 2%; display: inline;}
</style>

The two codes of the paypal buttons go inside a <div>

<div align = "center">
<form class="form1" action="https://www.paypal.com/donate" method="post" target="_top">
...
...
you put the complete code ... I omitted it for the example.
</form>

<form class="form1" action="https://www.paypal.com/donate" method="post" target="_top">
...
...
you put the complete code ... I omitted it for the example.
</form>
</div>

and it looks like this:


I hope and serve as a guide.

Read more
Posted on the from Miguel Galarza
Andreas S.
Andreas S.
Moderator

Why don't you use the button object for 2 buttons next to each other?

Do you only put 2 graphics in the text object and link them?

You can also insert the button in a table object if you want!

Read more
Posted on the from Andreas S.
DENNIS S.
DENNIS S.
User
Author

I tried the two text objects side by side and the buttons are too far apart. I need them with about an inch of space between them.

I'm trying to follow how you do it with the <style> but it's a bit confusing to me because all I see is form 1?

Would you be kind enough to show me the finished product of your code. Where the two paypal buttons are placed. Button 1 & 2.

Is this correct?

<div align = "center">

<form class="paypalbutton1" action="https://www.paypal.com/donate" method="post" target="_top"> </form>

<form class="paypalbutton2" action="https://www.paypal.com/donate" method="post" target="_top"> </form>

Please advise and thanks for your help.

Dennis

Read more
Posted on the from DENNIS S.
Axel  
Axel  
User

Hello Dennis

Like below

And into the text object 1

And the object text 2

And the result is:

Enjoy!
Axel

Read more
Posted on the from Axel  
DENNIS S.
DENNIS S.
User
Author

Yes I tried that but the vetical spacing between the two and the text object above them is too far apart

Read more
Posted on the from DENNIS S.
DENNIS S.
DENNIS S.
User
Author

The button object would be great if I could add the paypal code to the button?

Read more
Posted on the from DENNIS S.
DENNIS S.
DENNIS S.
User
Author

The ability to add a paypal code to the button object would be a fantastic addition to the program. Please send this up to your tech team as a request.

Read more
Posted on the from DENNIS S.
Axel  
Axel  
User

Better ?

Read more
Posted on the from Axel