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.

Confirm in dashboard: where the Service ID is shown so you can tell people exactly where to copy it from. Add a screenshot.

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 transparent-looking 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.

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.