Call to Action StreamElements Widget - Setup Guide

Step 1: Add a copy of the CTA Widget to your StreamElements account.

Click on the share link provided to create a copy of the widget onto your account.

Step 2: Edit the CTA Overlay.

Click edit on the newly created overlay.

Step 3: Open Widget Settings

In the editor, look at the left side and click on "Settings".

Step 4: Set Basic Widget Options

Go to Widget Settings: Click on "Widget Settings" in the menu.

Adjust Timings:

Single CTA Duration: Set how long each message shows (e.g., 10 seconds).

Delay Between CTAs: Set how long to wait between messages (e.g., 2 seconds).

Start Delay: Set how long to wait before the first message shows, this acts like a delay between full loop.

Change Text Style:

Top Line: Set font and size for the top line (e.g., Inter, size: 20).

Middle Line: Set font and size for the middle line (e.g., Inter, size: 40, color: black).

Bottom Line: Set font and size for the bottom line (e.g., Inter, size: 18, color: gray).

Step 6: Add Social Media CTAs

Add CTAs for Different Platforms: Click on the platform names like Twitch, YouTube, or Instagram to add messages for each one.

Customize Each CTA:

For Twitch: Turn on Twitch, upload your profile picture, pick a color, and write your message and handle.

Do the Same for Other Platforms: Repeat the process for YouTube, Instagram, and other platforms you want to add. Each platform has a hard-coded icon attached to it. If you want one without, we’ve provided a custom CTA option in the list.

Step 7: Finish and Save

Check Your Widget:

Look at the preview to make sure everything looks good.

Save Your Changes:

Click "Save" to keep your settings.

Customisation in Premiere pro

Editing .mogrt files

Step 1: Download .mgrt Files

Start by downloading your files from the GETREKT Elements store. Extract the Zip file to a convenient location as you’ll need to import the .mogrt file shortly!

Step 2: Open Premiere Pro

Launch Adobe Premiere Pro on your computer. Make sure you have the latest version installed for compatibility with .mgrt files.

Step 3: Create a New Project or Open an Existing One

If you're starting a new project, click on "New Project" and set up your project settings. If you have an existing project, open it from the Recent Projects list.

Step 4: Access the Essential Graphics Panel

Go to the "Window" menu and select "Essential Graphics" to open the Essential Graphics panel.

Step 6: Drag .mgrt Files to Timeline

Locate the .mgrt files you imported in the Essential Graphics panel.

Drag the desired .mgrt file from the Essential Graphics panel onto the timeline in the sequence where you want it to appear.

Step 8: Preview and Adjust

Play through your timeline to preview how the .mgrt file

interacts with your video footage. Make any necessary adjustments to the customization options in the Essential Graphics panel to fine-tune the appearance and timing of the .mgrt file.

Step 9: Export or Continue Editing:

Once you're satisfied with the customization of the .mgrt file, you can proceed to export your project as usual or continue editing additional elements.

Step 10: Save Your Project:

Don't forget to save your project to preserve all the changes you've made.