Shopify 以外のサービスで取得したドメインを Shopify で設定する

こんにちは、 Gaji-Labo 横田です。
今回は、Eコマース用のプラットフォームである Shopify によるサイト構築で、Shopify 以外のサービスで取得したドメインとの接続方法について説明します。

Shopify の管理画面でドメインの接続確認をする

まずは、Shopify の管理画面に入り、販売チャネル > オンラインストア > ドメイン メニューを確認します。プライマリードメインの欄が Shopify の管理ドメインの [example].myshopify.com と表示されている場合、Shopify 以外のサービスで取得したドメインと紐づいていないことになります。
そこで、既存のドメインを接続する から、Shopify 以外のサービスで取得したルートドメインを入力して次へボタンを押します。この時「www」などは入力しないように注意してください。

既存のドメインを接続するの画面


接続を確認すると「A と CNAMEが正しく入力されていません」と表示されます。
表示されている必要な値を、ドメインを取得したサービス側のDNS設定で設定しましょう。

AとCNAMEが正しく入力されていませんの画面

ドメインのDNSレコード設定

ドメインを取得したサービスサイトに飛びます。基本的にはドメインを取得したどのサービスのDNS設定でも同じように設定をします。

AレコードとCNAMEレコード

ホスト名なし(ルートドメインのみ)と、「*」のAレコード2つを、Shopify 管理画面の記録欄に表示されていた「必要なIPアドレス」の値 に設定し、追加します。

次に、www の CNAME レコードを、Shopify 管理画面の CNAME 欄に表示されていた 「shops.myshopify.com」 に設定し、追加します。

参考:https://www.shopify.jp/blog/setting-up-your-domain

SPFレコード

Shopify から送られるメールがスパム扱いにならないよう、SPFレコード設定もします。
ホスト名なし(ルートドメインのみ)のTXTレコードを、
v=spf1 include:shops.shopify.com ~all に設定し、追加します。

参考:https://help.shopify.com/ja/manual/intro-to-shopify/initial-setup/setup-your-email

再びShopify の管理画面でドメインの接続を確認する

数分待ってから接続を確認すると「正常に接続されました」と表示されました。
接続の直後は「SSL保留中」と表示されます。時間の経過とともにこの表示が消え、取得したドメインで Shopify のサイトが表示されました。

ドメインが正常に接続されましたの画面

まとめ

今回は Shopify 以外のサービスで取得したドメインとの接続方法について説明しました。
ネットショップの公開時に慌てないよう、ドメインはあらかじめ設定しておきたいですね。
Shopify を使っている方の参考にしていただければと思います。

Gaji-Laboでは、Jamstackが得意なフロントエンドエンジニアを募集しています

弊社ではJamstackの知見で事業作りに貢献したいフロントエンドエンジニアを募集しています。大きな制作会社や事業会社とはひと味もふた味も違うGaji-Laboを味わいに来ませんか?

もちろん、一緒にお仕事をしてくださるパートナーさんも随時募集中です。まずはお気軽に声をかけてください。お仕事お問い合わせや採用への応募、共に大歓迎です!

求人応募してみる!


投稿者 横田 東母子

運用やアクセシビリティに配慮したHTML/CSSの設計やコンポーネント作成、スタイルガイドの構築、コードレビュー、組み込み、要件の整理、社内進行管理、顧客とのコミュニケーションまで、ジョインしたチームが前に進むためにあれこれ担当しています。子育てと仕事のバランスを楽しめるよう、日々模索しています。