WebSite X5Help Center

 
DENNIS S.
DENNIS S.
User

Paypal Buy Buttons Placement  en

Autore: DENNIS S.
Visite 363, Followers 1, Condiviso 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

Postato il
8 RISPOSTE - 3 UTILI
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.

Leggi di più
Postato il da Miguel Galarza
Andreas S.
Andreas S.
Moderator
Utente del mese DE

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!

Leggi di più
Postato il da Andreas S.
DENNIS S.
DENNIS S.
User
Autore

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

Leggi di più
Postato il da 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

Leggi di più
Postato il da Axel  
DENNIS S.
DENNIS S.
User
Autore

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

Leggi di più
Postato il da DENNIS S.
DENNIS S.
DENNIS S.
User
Autore

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

Leggi di più
Postato il da DENNIS S.
DENNIS S.
DENNIS S.
User
Autore

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.

Leggi di più
Postato il da DENNIS S.
Axel  
Axel  
User

Better ?

Leggi di più
Postato il da Axel