Enter an App Name and your OAuth *redirect URI (*where your users are redirected after being authorized)
Select App Category
Click "Create App"
Click Manage to access the client ID and client secret.
8. To get the client secret click the button "New secret" to obtain the secret key .
Note: Save the secret, as after you leave the page it will disappear. For more information about authentication see the Authentication Guide.
Warning: App names should not include “Twitch” (as an exact or fuzzy match), or registration will fail.
II. Setting up the Plugin with the keys
9. Insert the Client ID and Client Secret in the same fields in the plugin.
10. After the previous step, use plugin elements to start working with plugin actions/calls by placing element(s) on page.
Plugin Element Proprieties
The plugin contains Twitch Embedded and Twitch Chat elements that should be used on the page in order to set up the Twitch process within the Bubble.
This element is for embedding videos and streams in your page. The element has properties for setting search proprieties :
Layout - the dropdown menu with only two options: 'video-and-chat' and 'video'.
Channel - the channel ID (optional)
Video ID - the video ID (optional)
Collection - the collection (optional)
Allow Full Screen? - the checkbox to enable/disable the fullscreen mode.
Autoplay - the checkbox to enable/disable autoplay.
Chat Type - the dropdown with only two options: default and mobile types.
Font Size - the dropdown with three options: small, medium and large size.
Muted - the checkbox for mute/unmute the video.
Play Inline (IOS) - the checkbox for use inline playing. Only for iOS devices.
Theme - the dropdown to select the lite or dark theme.
Start From (opt) - field to insert the time from which you want to start the video
This element is for embedding chat in your page. This element has only two properties:
Chat Username - the username (login).
Domain - Domain(s) that will be embedding Twitch.
Update Chat Username - this action is to update user's chat username
Element - Twitch Chat
Chat Username - Twitch username which needs changed
Twitch Authorization - this action is used to authorize your account.
Client ID: Client ID taken from twitch dev portal
Redirect URI: Redirect URI registered during the signup process step on twitch side
Scopes: List of scopes which are required to access activity (should be comma separated)
Plugin Data/Action Calls
Twitch - Get Channels
- This call is a Datacall type and a JSON data type.