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.
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 for more
videos and tutorials please subscribe to
our YouTube channel
