Angular Translation Plugin

Integrating ConveyThis into your site is fast and easy, and Angular is no exception. In just a few minutes, you’ll learn how to install ConveyThis on Angular and add multilingual functionality.

Step #1

Create a ConveyThis account, confirm your email, and access your account’s dashboard.

Signup

Step #2

On your dashboard (make sure you are logged in), navigate to "Domains" in the upper menu.

Step #3

On this page, click “Add domain.”
If you make a mistake with the domain name, delete it and create a new one. Once done, click “Settings.”

If you previously installed ConveyThis for WordPress/Joomla/Shopify, your domain name is already synced to ConveyThis and will be visible on this page. You can skip this step and click “Settings” next to your domain.

Step #4

Now you are on the main configuration page.
Select the source and target language(s) for your website, and then click “Save Configuration.”

Save Configuration

Step #5

Scroll down and copy the JavaScript code from the field below:

<!-- ConveyThis code -->
<script src="//cdn.conveythis.com/javascript/conveythis-initializer.js"></script>
<script type="text/javascript">
  document.addEventListener("DOMContentLoaded", function(e) {
    ConveyThis_Initializer.init({
      api_key: "pub_xxxxxxxxxxxxxxxxxxxxxxxx"
    });
  });
</script>
<!-- End ConveyThis code -->

Note: Later, if you want to make changes in the settings, update them in your dashboard and copy the updated code from this page.

For WordPress/Joomla/Shopify, you do not need this code. Please refer to the instructions for the specific platform.

Step #6

Insert the ConveyThis code snippet in your index.html or main layout file, just before the closing </head> tag.

Step #7

That’s it! Visit your website, refresh the page, and you should see the language switch button appear.

Congratulations, your website is now multilingual!

If you want to customize the button or explore additional settings, go back to the main configuration page and click “Show more options.”