Kick Integration Shortcode Guides
- [sw-kick-embed] - Embed a single Kick stream.
- [sw-kick] - Embed multiple Kick channels in a variety of different layouts.
- More Advanced Shortcodes
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 |