Kick Integration Shortcode Guides

Learn how to use the two types of Kick Integration shortcode.

The StreamWeasels YouTube Integration plugins offer two types of shortcodes to embed YouTube content on your website. Let's explore how to use them.

[sw-kick-embed] Shortcode

You can insert a single Kick stream anywhere on your site using the [sw-kick-embed] shortcode. The basic shortcode will utilize the options set in your Kick Integration settings page.

[sw-kick-embed channel="lirik"]

[sw-kick] Shortcode

To embed multiple Kick streams in various layouts, use the [sw-kick] shortcode. This shortcode allows you to customize the settings for each embed. Here's an example:

[sw-kick layout="wall" channels="channel1,channel2,channel3"]

More Advanced Shortcodes

Using the settings on the Main Settings Page works great if you are simply going to use one Kick Integration on your site. Configure your settings, add your simple shortcode [sw-kick] and then you're done.
But what if you want to have multiple Kick Integrations on your site? Maybe you want to have 2 or 3 on a single page, or you want to have one on multiple different pages with different settings? That's where the shortcode attributes and values come in.
If you want to use multiple different integrations with custom settings on each throughout your site, you will have to set these custom variables in the shortcode. For example;

[streamweasels-kick channel="monstercat" autoplay="1"]

This will embed a Kick Wall Integration with 1 Kick channel with autoplay enabled.

Full List of Shortcode Attributes and ValuesCopy link

Main Settings Copy link

Field Attribute Values Description
Channels channel="" YouTube Channel ID (get ID here) Pulls all videos from YouTube channel
Limit playlist="" YouTube playlist ID Pull all videos from a YouTube playlist

Layout Settings

Field Attribute Values Description
layout layout="" wall Use the classic wall layout to display YouTube content

status Use the showcase layout to display YouTube shorts

feature Use the feature layout to highlight special content on your page

Embed Settings

Field Attribute Values Description
Embed embed="" page Embed the YouTube content directly on the page
Start Muted embed-muted="" 1 Start embedded content muted

0 Start embedded content with sound
Display Title

Title Position

Livestream Settings

Field Attribute Values Description
Show Offline Streams show-offline="" 1 Show offline streams in list

0 Only show online streams in list
Offline Message show-offline-text="" Custom Text Display Custom message when ALL streams are offline
Offline Image show-offline-image="" Image URL Display Image when ALL streams are offline

Autoplay Settings

Field Attribute Values Description
Autoload Stream autoload="" 1 Display the YouTube embed for the top video

0 Do not display the YouTube embed for the top video
Autoplay Stream autoplay="" 1 Autoplay the YouTube embed for the top video

0 Do not autoplay the YouTube embed for the top video
Featured Stream

Appearance Settings

Field Attribute Values Description
Title title="" Custom Text Add your own title to embedded content
Subtitle subtitle="" Custom Text Add your own subtitle to embedded content
Offline Image  logo-image="" Image URL Display a custom logo on each video
Custom Logo  logo-bg-colour="" Colour Hex Code Add Background colour to logo
Hide Profile Image  logo-border-colour="" Colour Hex Code Add border colour to logo
Logo Background Colour  max-width Custom number of pixels set maximum width of contentOffline I
Logo Border Colour 

Max Width 

Tile Settings

Field Attribute Values Description
Tile Layout tile-layout="" detailed Tile showing channel preview, channel name, logo and background colour

compact Tile without background colour or profile logo
 Tile Sorting tile-sorting="" most Order tiles from most viewed first then descending

least Order tiles from least viewed first then ascending
alpha Order tiles alphabetically by channel name

random Order tiles randomly
Background Colour tile-background-colour="" Colour Hex Code Background colour for tiles.
Title Colour tile-title-colour="" Colour Hex Code Set colour of channel title on tile
Subtitle Colour subtitle-colour="" Colour Hex Code Set colour of channel subtitle on tile
Rounded Corners tile-rounded-corners="" Number Set pixel value for rounded corners, recommended between 5 - 40

Hover Settings

Field Attribute Values Description
Hover Effect hover-effect="" None No Hover effect

youtube YouTube style drop shadow effect on hover

play Play button effect on hover
Hover Colour hover-colour="" Colour Hex Code Colour used with YouTube Hover effect for drop shadow