Kick Integration Layout Guide

StreamWeasels Kick Integration comes with many different layouts. These layouts have their own settings on top of the main plugin settings. You can find out more about each of the StreamWeasels Kick layouts below:

Kick Wall (FREE / ESSENTIALS)

Kick Wall example

Kick Wall - Classic Kick layout for displaying many streams at once.

View Demo

Kick Wall Shortcode Attributes

Each layout has it’s own settings page, which includes a few settings which are unique to that particular layout. You can customise the settings on the settings page or you can customise the settings directly on your shortcodes, with the attributes below:

For example:

[sw-kick layout="wall" wall-column-count="4"]

Field	Attribute	Values	Description
Column Count	wall-column-count=""	Number	Set number of columns to divide up streams in wall.
Column Spacing	wall-column-spacing=""	Number	Set pixel spacing between columns.

---

Kick Status (FREE / ESSENTIALS)

Kick Status Example

Kick Status - Simply display Kick live status on every page on your website.

View Demo

Kick Status Shortcode Attributes

Each layout has it’s own settings page, which includes a few settings which are unique to that particular layout. You can customise the settings on the settings page or you can customise the settings directly on your shortcodes, with the attributes below:

For example:

[sw-kick layout="status" status-placement="static"]

Field	Attribute	Values	Description
Show on Every Page	none	1	Global setting to enable Kick Status on every page.
Hide Offline	status-hide-offline	1	Hide Kick Status when all users are offline.
		0	Show Kick Status when all users are offline.
Placement	status-placement	Absolute	Display Kick Status fixed to the window in the corner.
		Static	Display Kick Status exactly where you placed it on the page.
Vertical Placement		Top	Display Kick Status at the top.
		Bottom	Display Kick Status at the bottom.
Horizontal Placement		Left	Display Kick Status at the left.
		Right	Display Kick Status at the right.
Vertical Distance	status-vertical-distance	Number	Choose the distance (in pixels) from the edge.
Horizontal Distance	status-horizontal-distance	Number	Choose the distance (in pixels) from the edge.
Custom Logo	status-custom-logo	Image URL	Upload a custom logo to replace the Kick logo.
Logo Background Colour	status-logo-background-colour	Colour Hex Code	Change the background colour of the logo.
Accent Colour	status-accent-colour	Colour Hex Code	Change the accent colour of Kick Status.
Controls Background Colour	status-carousel-background-colour	Colour Hex Code	Change the background colour of the left / right arrows.
Controls Arrow Colour	status-carousel-arrow-colour	Colour Hex Code	Change the colour of the left / right arrows.
Disable Carousel	status-disable-carousel	1	Enable the carousel when multiple channels are displayed.
		0	Disable the carousel when multiple channels are displayed.
Enable Classic	status-enable-classic	1	Enable classic mode to simply display an online / offline message.
		0	Disable classic mode.
Classic Online Text	status-classic-online-text	Text Input	When classic mode is active, choose custom online text.
Classic Offline Text	status-cllassic-offline-text	Text Input	When classic mode is active, choose custom offline text.

---

Kick Vods (FREE / ESSENTIALS)

Kick Vods example

Kick Vods - The easiest way to display Kick VODS on your website.

View Demo

Kick Vods Shortcode Attributes

Each layout has it’s own settings page, which includes a few settings which are unique to that particular layout. You can customise the settings on the settings page or you can customise the settings directly on your shortcodes, with the attributes below:

For example:

[sw-kick layout="vods" vods-channel="amouranth"]

Field	Attribute	Values	Description
Vods Channel	vods-channel=""	lirik	The channel which you want to pull vods for.
Clip Period	vods-clip-period=""	all	The period for which you want to display Clips.
		day	The period for which you want to display Clips.
		week	The period for which you want to display Clips.
		month	The period for which you want to display Clips.

---

Kick Feature (PRO)

Kick Feature example

Kick Feature - Slick, professional-style layout inspired by the Kick homepage.

View Demo

Kick Feature Shortcode Attributes

Each layout has it’s own settings page, which includes a few settings which are unique to that particular layout. You can customise the settings on the settings page or you can customise the settings directly on your shortcodes, with the attributes below:

For example:

[sw-kick layout="feature" feature-embed-position="inside"]

Field	Attribute	Values	Description
Embed Position	feature-embed-position=""	Above	Embed stream content above the feature carousel.
		Below	Embed stream content below the feature carousel.
		Inside	Embed stream content inside the feature carousel.
Controls Background Colour	feature-controls-bg-colour=""	Colour Hex Code	Background colour of the controls arrow.
Controls Arrow Colour	feature-controls-arrow-colour=""	Colour Hex Code	Colour of controls arrow.
Skew	feature-skew=""	1	Add a skew or slant effect to the feature carousel.
		0	Do not add a skew effect.