Displaying translations in ProPresenter

Glossa offers a lightweight embed view that shows the live translated text on its own page. ProPresenter can display that page as a web element, so you can put the translation on a lower third, a side screen, or a dedicated translation screen.

Step 1: Get your embed URL

Your embed view lives at this address:

https://glossa.live/embed/{SERVICE_ID}

Replace {SERVICE_ID} with your service’s unique ID.

Your Service ID is the code at the end of your listener link, the link behind your QR code, which is shown next to the Start Streaming button on the service page.

Step 2: Add it as a web element in ProPresenter

1. In ProPresenter, add a Web element to your slide or as an overlay.
2. Paste your embed URL as the address.
3. Size and position the element where you want the translation to appear.

Step 3: Style the text to match your screens

You can customize the embed by adding settings to the end of the URL, so the translation matches your slide design. For example, white text on a black lower third at a larger size:

https://glossa.live/embed/YOUR_SERVICE_ID?lang=es&bg=000000&color=ffffff&font-size=40px&align=center

The full list of styling options (language, background color, text color, font size, alignment, and font family) is in Embedding live captions on your church website. The same settings work here.

The background has to be a solid colour. The embed view cannot be made transparent, so pick a background that matches your slide design, or place the web element on a solid bar.

A quick tip: set lang to the language your on-screen audience reads, since a screen can only show one language at a time. If you need multiple languages on screen, add one web element per language.