Multi-language integration (HTML integration)

With our 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 do:

1. 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.

2. 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>

3. Then add the following code to your Spanish page.

<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>

4. 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: 20/03/2025