The button is much more powerful than the text when it comes to click-through rate. In Elementor, you have the Button widget to add a button element to a page. You can use the Button widget to create an actionable button such as the whatsapp button, skype button, the Email button, etc. without installing WordPress Plugin additional. For the appearance, you can set any layout you want. For example, you can add two buttons side by side in the same column. This article will show you how to achieve this.

Logically, you can add the Inner Section widget to one column and place your buttons in each column of the inner section to get a side-by-side column layout. While this method isn't bad, there is a better way to choose. You can place two or more buttons side by side on the same column using the inline positioning adjustment option. This placement option will place a widget in a horizontal stack instead of vertical.

How to add two buttons side by side in the same column in Elementor

First, specify a column where you want to place your buttons and add your first button.

add two buttons side by side in the same column in Elementor

Once the button is added, go to the tab Advanced from the settings panel and open the block Positioning. In the drop-down list Width, select inline.

Add the second button and repeat the above steps and voila, you have your second button next to your first button.

If you add a new button and set the positioning on Inline, it will be placed next to the second column.

To set the gap between columns, you can just change any of the buttons and set the margin on the block Advanced under the tab Advanced from the settings panel.

To define the alignment of the buttons, you can change the column of the two buttons. In the list Horizontal alignment drop-down under the block Disposal under the tab Arrangement, select the alignment you want.

add two buttons side by side in the same column in Elementor

To summarize, there are at least two methods to add two buttons side by side in a column in Elementor. The first option, you can use the Internal Section widget. The second option, you can use the online positioning option as we have just found out above.

While the first method isn't bad, it's not recommended because adding a new widget (inner section in this case) increases the HTML demand of your page, which will affect the speed of the page.

Get Elementor Pro Now!

Conclusion

So ! That's it for this article which shows you how to add two buttons side by side in the same column in Elementor. If you have any concerns on how to get there flet us know in the Comments.

However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.

But meanwhile, share this article on your different social networks.

...