The ShareThis widget window is set to appear in the bottom-right corner of the ShareThis button by default. You can set the position of widget on your page. Read more on how to change the widget position here!
Widget Positioning
Overview
The ShareThis widget window is set to appear in the bottom-right corner of the ShareThis button by default. This positioning can be offset by assigning integer values relative to the top-left corner of the ShareThis widget.
Attributes
| Name | Definition | Default | Requirement |
|---|---|---|---|
st_title |
Adds a custom title for the share |
document.title |
Optional |
st_url |
Adds a custom URL for the share |
document.location.href |
Optional |
displayText |
Change the text that appears with the button |
ShareThis |
Optional |
Options
| Name | Definition | Default | Requirement |
|---|---|---|---|
publisher |
Your unique ShareThis publisher key | none | Required |
offsetLeft |
Distance to horizontally offset widget window from widget button. |
null |
Optional |
offsetTop |
Distance to vertically offset widget window from widget button. |
null |
Optional |
Position Horizontally
offsetLeft:'150'
Offsets where the widget window will horizontally display.
Note: Assign negative values to move the widget left, and positive values to move the widget right.
Note: Assign negative values to move the widget left, and positive values to move the widget right. Example<span class="st_sharethis" st_url="http://sharethis.com" st_title="Sharing Rocks!"></span>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
stLight.options({
publisher:'12345',
offsetLeft:'150'
});
</script>
Result:
Position Vertically
offsetTop:'150'
Offsets where the widget window will vertically display.
Note: Assign negative values to move the widget up, and positive values to move the widget down.
Example<span class="st_sharethis" st_url="http://sharethis.com" st_title="Sharing Rocks!"></span>
<script type="text/javascript" src="http://wd.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">
stLight.options({
publisher:'12345',
offsetTop:'150'
});
</script>
Result: