Circle - Integration / Setup
In this article, you will learn more about how to install Weglot on your Circle website
Step 1: Create a Weglot account
Create an account to set up your multilingual website, manage your translations, and customize your settings depending on your needs.
Once you’ve signed up, you’ll receive a validation email that takes you to the Weglot Dashboard and the setup page.
Add a project name (e.g. your website name) and select your ‘Website technology’ > ‘Other’.
Step 2: Add your new languages
Now indicate the original language of your website and the languages you want to translate it into.
After clicking on "Next", you can add the URL of your website.
Step 3: Create your subdomains (important for multilingual SEO)
Here, you’ll create your new language subdomains, e.g. https://en.mywebsite/ (for the English version of a website). This involves connecting your DNS records, so you’ll need access to your domain name provider account. If you don't manage your own domain name, please click on "connect Weglot to your website without it." and ignore step 3 of this guide.
Note: this example is using Gandi. Check out other subdomain/ DNS setups here or contact us if you need further help: support@weglot.com.
In your Weglot account setup process, you will find your DNS entries, like the screenshot below. (This example shows an English entry).
Go to your domain name provider account and locate the ‘DNS’ tab. Here, you’ll need to create new entries in the section that should be called something like ‘custom resource records’.
Select CNAME as the ‘type’, enter your 2-letter language code in the ‘name’ section, and the record itself in the ‘data’ section. For instance, 'xxx.translate-cf.weglot.io'.
Click 'Save all changes' and then go back to your Weglot Dashboard. Click on the green ‘Check DNS’ button. This can sometimes take up to 10 minutes, so don’t be alarmed if the green tick doesn’t appear immediately next to your DNS records.
Step 4: Add your language switcher
The last step is to copy and paste a piece of code given to you in your Weglot account setup into your Circle.so dashboard.
In your Circle.so account, click on the "Settings":
After that, click on "Code snippets":
The next step is to paste the Weglot code into the "Head code snippets" section and click on "Save changes":
If you need help with this step, don't hesitate to reach out to our support team at support@weglot.com.
Head to your store, and you’ll see that we’ve added a language switcher in the bottom right corner. If you end up changing your mind, you can easily edit the design and position of the switcher in your Weglot Dashboard. Change the language to finish the setup on Weglot's side.
Now, to have the translations on your website, what you need to do is go to the "App Settings" section of your Weglot project and add a dynamic rule with the selector "body":
Now go back to your website and refresh the page.
Your website is now translated:
