Can I use Weglot with a Single Page Application?

In this article, you'll find out how to use Weglot on your website if you're using a SPA (Single Page Application).

Yes, you can use Weglot to translate your website if you're using a SPA (Single Page Application) such as Angular, React, or Vue.js. For Weglot to display the translations properly, it has to simulate a page refreshment.

To do that, you can add the code "body" to the Dynamic Element in your Weglot Dashboard > Shopify Settings so that Weglot can refresh the content.

Once it's done, you can Hard-Refresh* your website's page and check back in an incognito window, and your content should be translated.

*Hard-Refresh:

Mac: cmd shift R (lowercase)

PC: ctrl F5