Scribd Logo
Upload

Welcome to Scribd!

  • Guide

    Uploaded by

    88.diankurnia
    6 views1 page
    This document provides instructions for adding a custom chat widget to streaming tools on Streamelements. It involves creating an overlay with the correct resolution and size, opening the editor, copying code from purchased packages into the code tabs, saving the overlay, copying the overlay URL, adding a browser source to OBS and pasting the URL to display the widget on screen at fullscreen size.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides instructions for adding a custom chat widget to streaming tools on Streamelements. It involves creating an overlay with the correct resolution and size, opening the editor, copying code from purchased packages into the code tabs, saving the overlay, copying the overlay URL, adding a browser source to OBS and pasting the URL to display the widget on screen at fullscreen size.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views1 page

    Guide

    Uploaded by

    88.diankurnia
    This document provides instructions for adding a custom chat widget to streaming tools on Streamelements. It involves creating an overlay with the correct resolution and size, opening the editor, copying code from purchased packages into the code tabs, saving the overlay, copying the overlay URL, adding a browser source to OBS and pasting the URL to display the widget on screen at fullscreen size.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    Hello, thanks again for your purchase on eightyeight design products, Happy

    valentine!

    Heres guide to use our custom chat widget:


    1. Go to streamelements.com
    2. Click on streamer and login using your stream ID (ex: twitch)
    3. Go to Dashboard, choose "streaming tools" then "Overlays"
    4. Create New Overlay.
    5. Choose the resolution (ex:1080)
    6. Click on "Add Widget" >> "Static/Custom" >> "Custom Widget"
    7. You'll have work area opened. scroll down, and find "Position, size and style"
    8. Input "width: 400px" and "height: 500px" >> Top: 0px and Left: 0px

    9. Scroll top, inside setting tab you'll find button "Open Editor"
    10. You'll find Code places to input "HTML, CSS, JS, FIELDS, and DATA"
    11. Copy each data from our packages, and replace all of the code inside.
    12. after all 5 code tab is filled, click "Done"
    13. On top-right of the screen youll find button "save"
    14. after saving complete, on the left side of "save" button theres a button to
    copy the link.
    15. Click on the button "Copy overlay URL"

    16. Go to your OBS, on the source dock click on "Add Source" >> "Browser"
    17. Choose "Create new" name your widget (ex: Chat widget)
    18. Paste the URL you copy before, and then input your fullscreen size, example:
    1920x1080 pixels
    19. Click on "OK" and the widget you start load in your screen.

    you can re-adjust the size as you need after that, Happy Valentine!

    You might also like