Inline Share Widget
This guide covers the configuration details for an inline share widget
Read the complete documentation for setting up a share widget here.
The basic tab consists of all the required configuration parameters.
|Widget Name||This must be a unique name to identify your widget.|
|Only Use Provider With Default Style||Only enable the providers that support a default style for their sharing button.|
|Select Social Sharing Providers||This field contains the list of social providers whose share button is to be displayed. |
Click on the Add Button button below to add a provider to the list or cross icon in the right to remove the field.
|Select from the list of supported providers.|
You can customize your widget's look and feel in this tab.
It is not accessible when only providers with default styles are being used.
|Size||Size of the widget.|
|Button Color||The background color for share buttons. Provider default color is used when this field is blank.||HTML color values|
|Icon Color||The provider icon color for share buttons. Provider default color is used when this field is blank.||HTML color values|
|Rounded Corners||Add round shape to the share buttons. Dragging the seek bar to the right adds rounded corner and to the left adds a rectangular corner.|
|Hide Social Provider Names||Hides the provider labels in the share buttons.|
|Label Color||The provider label color for share buttons. Provider default color is used when this field is blank.|
This option is not available when
|HTML color values|
|Entrance||Customize how your widget should enter the page.|
|Hover||Customize your widget behavior when being hovered.|
Display the share counts on your widget button.
|Type||The type of share count to display.|
|Minimum Share Count||Display the share count only when the individual or total share count is greater than or equal to this value.|
|Hide On Desktop||Hide the widget when being rendered in a desktop screen.|
|Hide On Mobile||Hide the widget when being rendered in a mobile screen.|
This field allows you to configure conditional widget render based on the current page URL.
By default no rules are added i.e. your widget can be rendered in any site as long as it is active and social9 is integrated.
Click on the
Add Rule button to add a rule. Once added, you can delete the rule by clicking on the
Dustbin icon to the right of the
Path input field.
|When URL||Select the URL match condition.|
|Path||The path value to match with the current URL based on the condition selected for |
This is used to specify the location on your website where the inline widget should be rendered. You can read in-depth about it here.
This field is useful if you want to control which URL is shared on the social media via the widget. By default, the current page URL is shared.
- You have a blog site say
https://myblog.comwhich has an article with path
- By default, when a user clicks on any share button, this url will be shared
- However this article was also published in one of the old blog site of yours which is immensly popular say
https://my-oldblog.com. And you want to include that URL in your new site.
- Now if you add
https://my-oldblog.com/posts/my-original-awesome-articleto the Custom Share URL field, any share via the widget is going to include this URL instead of the current page URL.
When this field is not empty, the widget will always share the input value instead of the current URL path.
That's it! Now click on the
Add Widget or
Update Widget button available at the bottom of your Widget Configuration Tabs pane to save your settings.
On successful save, you should be redirected to