Using the Share Buttons Widget
Learn how to easily add share buttons on WordPress with Elementor’s Share Buttons widget. Elementor includes all the functions of Social Media plugins built-in.
Transcript:
hi this is david from elementa and in this tutorial i will show you how to add share buttons on WordPress using elementals new share buttons widget this widget lets you add many customizations and styles to your sharing buttons here is the list of the share buttons you can click on a button
and choose one of the social networks on the list and you can also add a custom label
below that you have the option to add more buttons and change the order of the button next you have view which you can change to show icon and text icon and text you can hide the label and you can display the sharing counter for now it’s showing zero because the page has not been shared yet next we have the skin
which lets you choose from five different options gradient minimal framed box icon or flat below we have the shape option you can choose square rounded full circle now current by default are said to be Auto which lays out the buttons inline you can choose the number of columns that will display the button can be one two and so on on mobile this can look at it a bit cramped this is why you can go to
the mobile option and set it to your desired column layout you can choose one two you can also set the alignment notice that alignment works only when Auto is set in the columns now by default the button will share your current page but you can also create a custom link to be shared this allows
your visitors to share a different page
so for example if you’re creating a landing page visitors will be able to share the home page of the site instead of the landing page now let’s go over to the star tab now in these options you can change the style of the share buttons you can go to columns Gap and set it to be more wider you can set the Browse gap if it’s set on two you can set the button size you can set the icon size and the button height you can also set your custom color by clicking on custom color you can choose
this color and the secondary color and
you can go over to hover and do the same next you can turn on the typography and set the style for the text. I hope you enjoyed our video