ドキュメント

Squarespace Setup Guide

squarespace logo Step by step guide to make Squarespace multilingual

This setup guide describes how to translate your Squarespace website with Weglot.

はじめに

Weglotを統合するには、次の2つの方法があります。

免責事項: スクエアスペースビジネスプランはたはそれ以上の方プランの方は、コードをカスタマイズすることができます。

  • JavaScript integration:  Quick and easy integration. Simply copy paste a short Javascript code snippet into the appropriate space on your Squarespace admin dashboard. It takes 5 minutes to install and doesn’t require any coding knowledge.
  • サブドメインによる統合:深いレベルかつSEOにもより優れた統合。翻訳されたページは、独自のサブドメインを持ちます。例えば、フランス語のページに対し、fr.mysite.comというサブドメインです。最長約15分で完了、DNSレコードにエントリをいくつか追加する必要があります (Weglotでは、必要に応じて、この操作に関するサポートを提供しています)。この統合は、各言語専用のURLを持っているため、SEOにもより最適化されています。

ジャバスクリプトによる統合

1) Weglotのアカウントを作成します。

このアカウントで、全翻訳が確認でき、管理できる場所になります。Weglotアカウントはここで今すぐ作成できます。

squarespace-signup

2) 「JavaScript 統合」オプションを選択します。

メール認証をすると、Weglot のセットアップページにアクセスできます。「その他の統合の可能性」までスクロールし、「Javascript統合を使用する」をクリックします。

squarespace-javascript

3)言語を選択

ウェブサイトの元の言語(ウェブサイトが最初に作成された言語)と翻訳する言語を指定します。 

ウェブサイトの元の言語(ウェブサイトを作成した言語)と翻訳する言語を指定します。 

以下の例では、ウェブサイトの元の言語は英語で、フランス語に翻訳されます。

「Next」をクリックします。

squarespace-select-languages

4) Copy / paste the code

免責事項: スクエアスペースビジネスプランはたはそれ以上の方プランの方は、コードをカスタマイズすることができます。

Finally, the last step is to add the language-switch button to your website. This is simple: just copy the code shown on the installation screen at this stage, and paste it onto your Squarespace dashboard, under Settings > Advanced > Code Injection and “Header”. If you have already something in this field, it’s ok—just paste the Weglot snippet after.

add-javascript-squarespace
Weglot Setup guide 6 Squarespace

5) You’re done!

ウェブサイトに移動すると、右下に言語ボタンが表示されます。表示されるまでに数分かかる場合があります。言語を変更してみてください。ウェブサイトに自動翻訳が表示されます。

Translate your Squarespace site now

サブドメインによる統合

重要な要件

To use this integration, you will need to have your own domain name already (mywebsite.com instead of mywebsite.squarespace.com). If you haven’t bought your domain already, don’t use this integration method. Use the javaScript method above.

1) Create an account on Weglot.

This account will be the place where you can view and manage all your translations. Simply create a Weglot account here.

squarespace-signup

2) 追加したい言語の設定

あなたのウェブサイトのURL、Squarespaceサイトの元の言語、翻訳してサイトを表示する新しい言語を入力するよう、誘導されます。

squarespace-languages

[次へ] をクリックすると、以下の DNSレコードが生成されます。選択した言語によってDNSレコードは異なります。以下の例ではフランス語を選んでいます次のステップでこの情報を使います。

3) 言語固有のサブドメインをセットアップします

翻訳されたコンテンツが表示される言語固有のサブドメイン作成して接続します。例えば、fr.mysite.com(フランス語の場合)などです。 

ここでは、ステップ2で登場したDNSレコードをコピーして貼り付ける必要があります。 

スクエアスペースダッシュボードの[設定]>[ドメイン]に移動します。

Or, if you purchased your domain name outside of Squarespace you will need to go to your domain name provider account and add your entries there (need help? Contact support@weglot.com)

「管理するスクエアスペース」の下にドメイン名が表示されます。表示されたドメイン名をクリックし、「詳細設定」をクリックします。別のエントリを追加するには、'A' が表示されるドロップダウンを選択し、[CNAME] を選択します。

Then copy your DNS records from the step before. E.g. the language code of the language you’ve added to your site in the first column and ‘websites.weglot.com’ in the IP address section, then click ‘ADD’. The example screenshot shows both German and French.

Weglot Setup guide 4 Squarespace

Weglot アカウントに戻ります。「DNS を確認」をクリックすると、緑色のチェックマーク("正常に動きました"の意味)と表示されます! それから、「次へ」をクリックします。

4)言語スイッチャーを追加します

免責事項: スクエアスペースビジネスプランはたはそれ以上の方プランの方は、コードをカスタマイズすることができます。

ウェブサイト多言語化への最後のステップです。スクエアスペース のウェブサイトのフロントエンドに、言語スイッチャーを追加します。Javascript コードは、Weglotダッシュボードの [プロジェクト設定] にあります。

add-java-code-squarespace

スクエアスペースのダッシュボードにコピーして貼り付けます。このフィールドに既に何かがある場合は、その後に Weglot コードを貼り付けるてください。

Weglot Setup guide 6 Squarespace

6)完了です!

Go to your website, and you should see the language switcher button at the bottom right. It might take a few minutes to make sure the subdomains are properly setup, and for the language-switch button to appear. 

ボタンが表示されたら言語を変更してみてみましょう。あなたのウェブサイトがすべて翻訳されていることをご確認ください。

7) 翻訳の編集を開始

Weglot アカウントで翻訳を確認し、手動で編集できます。

Weglotアカウントにログインし、翻訳に移動しましょう。全テキストの翻訳が表示され、編集を開始できます。

Translate your Squarespace site now

オプション – メニューに言語ボタンを配置します。

The default language button appears at the bottom right of your website. If you want to put it in your menu instead, you can use links.

Go into your Squarespace admin dashboard. From there, go to the Main Navigation section and click on the small “+” icon to add a link into your main navigation menu.

You’ll have the option to type in your own URL. You can format your URLs in the following style: #Weglot-fr for French, #Weglot-es for Spanish, etc… Replace the “fr” or “es” with the appropriate 2-letter language code. All standard language codes can be found here.

Weglot Setup guide 7 Squarespace
Weglot Setup guide 8 Squarespace
今すぐあなたのスクエアスペースのウェブサイトを翻訳
たった数分以内で、スクエアスペースのウェブサイトを多言語しましょう
Cookies settings
We use cookies to collect and analyze information on site performance and usage, to provide social media features and to enhance and customize content and advertisements. Learn more with our Privacy policy
Necessary cookies

Some cookies are required to provide core functionality. The website won’t function properly without these cookies and they are enabled by default and cannot be disabled.

Non-necessary Cookie Settings

Any cookies that may not be particularly necessary for the website to function and is used specifically to remember preferences or to help us improve our website by collecting and reporting information on its usage.

We use cookies to collect and analyse information on site performance and usage, to provide social media features and to enhance and customize content and advertisements. Learn more with our Privacy policy