Positioning An Inline Widget

This guide covers the options available to correctly position an inline widget in your website

If you'd like to configure an inline widget in your site (i.e. when the widget is placed side-by-side with your page content with a horizontal view), just add this additional code snippet where ever you want the widget to be rendered.

<div class="s9-widget-wrapper"></div>

Inline Widget For Developers

You can create or configure inline widgets under the social9 configurations section and it will automatically be reflected on your website.

For inline widgets, you need to specify the location on your site where the widget should be rendered.

By default, the social9 inline widgets are rendered under the element with class name s9-widget-wrapper although you can change the name in the console. This can be done by changing the Parent Container Selector field under the Rules section of the widget editor.

Paste the following snippet in your site where the inline widget should render.

For id selectors

ID Selector

<div id="s9-widget-wrapper-id"></div>

For class selectors

Class Selector

<div class="s9-widget-wrapper-class"></div>