Multi-Language Integration (Javascript/HTML Integration)

With the Javascript/HTML integration, you can add multi-language pages by using categories. For example, if you wanted to set up two new language versions: English and Spanish, this is what you would have to do:

Create new categories: 'English' and 'Spanish' by clicking Add Category on the Categories page. You will use the category slugs in steps two and three.



On your new English page, add the following code. Be sure to add the category slug.

<script>
var dib_categories = 'english';
</script>
<script src="https://io.dropinblog.com/embedjs/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.js"></script>
<div id="dib-posts"></div>

Then add the following code to your Spanish page - or in your case, add more pages for all the language options you are adding. If you are only adding one language, skip to step 4.

<script>
var dib_categories = 'spanish';
</script>
<script src="https://io.dropinblog.com/embedjs/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.js"></script>
<div id="dib-posts"></div>

Once you do that, remember to add your blog posts to the new language categories when publishing them.



That is how you create a multi-language experience for your diverse audience!

Updated on: 22/05/2023