Roster integrates with Weglot allowing brands to translate their program's application form and aspects of the ambassador portal.
This guide will walk you through the key steps to setting up your Weglot project.
Step-by-Step Guide
Create a Weglot account and subscribe to the plan that provides you with the number of projects, languages, and translations required by your ambassador programs.
In Weglot, create a new project and select Other as the Website Technology.
Select English as the Original Language, and then select the desired languages.
Set the Domain URL to roster.link.
IMPORTANT: On the Connect Weglot to your website step, expand the Skip this step section and click skip this step.
On the Add Weglot snippet step, copy the api_key value, which is between two single quotes, as shown in the screenshot. The value you copy to the clipboard should not have the single quotes and look similar to this: wg_8c9419c56232cdfcd84d5727d7ce45ec1
In a separate browser tab, open Roster and navigate to the Program Settings of the program for which you want to provide translations.
Open the Integrations tab and paste in the Weglot API Key that you copied in the previous step.
Enable the Application Form option. This is necessary for completing the project setup in Weglot, as it will allow us to open the hosted application form, which in turn signals to Weglot that your API key has been successfully added to a website.
Click on the Recruitment tab and copy Copy form link from the Copy dropdown.
Open a new browser tab and paste the application form URL into the address bar.
You should see the program's application form. Assuming English is your browser's prefer languages, the form should appear in English.
Open the browser tab that has your Weglot project and it should automatically advance to the Setup finished screen. If it doesn't, try refreshing the window a few times.
IMPORTANT: Within the project settings for your Weglot project, open the General page and enable the Auto-switch toggle. This will allow Weglot to automatically switch to one of the supported languages when somebody visits the application form or ambassador portal.
IMPORTANT: Open the App Settings page and click on the Add Dynamic button.
In the modal window that pops up, enter body into the Selector field and Ambassador Portal into the Description field. Then click Save.
The Dynamic elements section in your project should look like the screenshot below.
Congrats! You have successful set up your Weglot project to be used with your Roster account.
Next Steps
Learn how to use Weglots translations features with Roster application forms and the ambassador portal.