AIでSquareサイトをリデザインする方法

はじめに

ほとんどのSquare Onlineサイトは、ビジネスがすでにSquareで運用されているために存在しています。決済は機能し、POSレジも機能し、ウェブサイトはそのパッケージの一部としてついてきたものです。しかしウェブサイトビルダーとしてのSquare Onlineは弱いものです。決まった種類のセクションと、その中の固定ブロックを組み合わせてページを作ります。画像の位置を変える、ボタンをもう1つ追加するといった基本的な変更さえ、しばしば不可能です。

離れるべきかどうかは、ウェブサイトがSquareのコマース機能をどれだけ深く使っているかによります。ストア、在庫、オンライン注文がすべてウェブサイトを通じて動いている場合、その連携こそが重要なポイントです。外部のビルダーではそれを置き換えられません。しかし多くのSquare Onlineサイトはそうした機能をまったく使っていません。ただの企業サイトなのに、コマース向けの料金を払っています。もしそれが自分の状況なら、ウェブサイトの部分だけをもっと良い場所に移すことができます。

このガイドでは、Square OnlineサイトをRepaintというAIツールでリデザインする方法をご紹介します。

なぜAIを使ってSquare Onlineサイトをリデザインするのか？

最大のアップグレードはデザインの自由度です。Square Onlineは、用意されたセクションの種類と、その中の組み込みオプションに縛られます。望む変更がその中になければ、実現する方法がありません。Repaintでは、希望を言葉で説明するとAIがそれを構築します。行の中の1枚のカードだけにボタンをもう1つ追加したい場合、それは回避策ではなく、単なる一文で済みます。

2つ目のアップグレードは使いやすさです。Square Onlineでは、設定がサイドパネルに散らばっていて、そもそもその変更が可能かどうかすら分かりにくいことがよくあります。1時間かけて試した末に、実現できないと気づくこともあります。Repaintでは、考え込む必要がありません。望むものを伝えればAIが編集してくれます。何かが可能かどうか気になるなら、それを聞くこともできます。

価格の面でも違いがあります。Square Onlineのプランには、使う使わないにかかわらずコマース機能の料金が含まれています。それらの機能を使っていないなら、Repaintのほうがたいてい安くなります。

AIによるウェブサイト移行の仕組み

Repaintは顧客と同じように公開中のサイトにアクセスします。テキストを読み取り、画像をダウンロードし、レイアウトを把握するために各ページのスクリーンショットを撮ります。その素材をもとに、サイトを再構築します。その後は、AIとの会話で変更を加えていきます。Squareアカウントへのアクセスは必要なく、Square側で何かが変更されることもありません。

始めることに何のコミットメントも伴いません。構築中もSquare Onlineサイトは公開されたままで、ドメインを新しいサイトに向けるまで訪問者にはこれまで通り表示されます。途中でやめても、何も変わっていません。

ステップ1: コンテンツをインポートする

まず、公開中のSquare OnlineサイトのURLをコピーします。次に、

1. AIウェブサイトリデザインツールにアクセスします。
2. SquareサイトのURLを貼り付けて送信します。
3. Repaintのアカウントを作成します。

カスタムドメインでも、無料のsquare.siteアドレスでも利用できます。Repaintはサイトをスキャンし、各ページのテキストを読み取り、画像を保存し、デザインを記録するためにスクリーンショットを撮ります。これが新しいサイトの元になる素材です。

スキャンでは見えなかった素材を追加することもできます。テキストをチャットに貼り付ける、写真やファイルをアップロードする、Google Businessプロフィールなど別の情報源を共有することもできます。渡した内容はすべて新しいサイトの素材として使われます。

ステップ2: サイトを生成する

スキャンが終わると、Repaintは構築の前にいくつか質問をします。ここで、新しいサイトに何を含めるかを決めます。すべてをそのまま新しいデザインで引き継ぐこともできます。あるいは、Square Onlineでは難しかった変更、たとえばページの再構成や、混み合ったページを2つに分割するといったことを、ついに実現することもできます。迷っている場合は、Repaintに構成案を提案してもらい、そこから調整することもできます。

スタイルを選ぶ

構築前に、Repaintは通常いくつかのスタイルサンプルを生成するので、実際に目で見えるデザインの中から選べます。選択肢は次の通りです。

• 生成されたスタイルサンプルの中から選ぶ
• 気に入っている別のウェブサイトに合わせる
• 希望するスタイルを自分の言葉で説明する
• より柔軟なツールで現在の見た目を維持する

どれを選んでも、Repaintはブランドカラーとロゴを保持できるので、サイトはこれまで通り自分のビジネスらしく感じられます。

結果を確認する

計画が決まったら、Repaintがサイトを生成します。数ページ程度なら数分、大規模なサイトは5分以上かかります。

最初のバージョンには、テキストの配置が不自然だったり、画像が違う位置にあったりといった粗が残っていることがあります。予約ツールや決済リンクなど外部サービスのウィジェットも、まだ接続されていません。これらはすべてRepaintとのチャットで修正できます。

ステップ3: 調整を加える

変更は、サイトを構築したのと同じチャットでRepaintに伝えることで行います。変更内容を言葉で説明すると、Repaintがそれを適用し、更新後のページを見せてくれます。意図と違う結果になった場合はその旨を伝えれば調整してくれます。この仕組みはあらゆる規模の変更に対応し、画像の移動やレイアウトの変更など、Square Onlineではできなかった変更も含まれます。

外部サービスは、埋め込みやリンクを通じて再接続します。予約ツールの埋め込みコードを共有すれば、Repaintがそのウィジェットをページに配置します。サービスへ外部リンクとして誘導したい場合は、代わりにボタンを追加することもできます。Squareの決済リンクを使って販売している場合も、同じ仕組みで対応できます。

編集の順番はどのようにしても構いませんが、先にスタイルを仕上げておくと後の手間が省けます。スタイルの変更は全ページに一度に影響するため、後回しにするとすでに終えた細部の調整がやりなおしになることがあります。Repaintは既存のページを新しく作るものの手本としても使うため、今あるサイトが整っているほど、新しく追加される部分もきれいに仕上がります。

スタイルが決まったら、あとはページごとの確認作業です。テキストが正確か、画像が正しい位置にあるか、リンクが機能するか、スマートフォンでの表示に問題がないかを確認してください。

SEOの確認

Square Onlineサイトが検索トラフィックを獲得している場合、乗り換えの際にそれを守る価値があります。GoogleはURLごとに個々のページをランク付けするため、新しいURLに変わったページは履歴のない新規ページとして扱われてしまいます。これを避けるには、新しいサイトでも同じパスを維持することです。Repaintに新しいサイトのURLと古いサイトのURLを比較させ、一致しないものを再現してもらいましょう。ほとんどのSquare Onlineサイトはページ数が少ないため、この確認はすぐに終わります。より詳しく知りたい場合は、ウェブサイトリデザインSEOガイドをご覧ください。

ステップ4: 公開する

この時点まで、新しいサイトは自分だけが見られる下書きです。公開することで、それがインターネット上に載ります。右上の「公開」をクリックすると、sites.repaint.comで終わる無料のウェブアドレスでサイトが公開されます。これは実際に動作するウェブサイトなので、スマートフォンで開いたり、誰かにフィードバックを求めて送ったりできます。

公開してもSquare Onlineサイトは置き換わりません。2つのサイトが同時に稼働し、ドメインは引き続きSquareを指しているため、訪問者には従来のサイトが表示され続けます。この段階で急ぐ必要はありません。新しいサイトが引き継ぐ準備が整うまで、編集と公開を何度でも繰り返せます。準備ができたら、最後のステップで切り替えを行います。

ステップ5: ドメインを接続する

最後のステップは、ドメインを新しいサイトに向けることです。ドメインは住所録のエントリのようなものです。現在はブラウザにSquareからサイトを読み込むよう伝えていますが、これをRepaintから読み込むように更新します。ドメインはSquareに登録されている場合も、GoDaddyやNamecheapなど外部の会社に登録されている場合も、そのまま今の登録先に残ります。

切り替えるには、チャットでRepaintにドメインを接続したいと伝えてください。追加すべき正確なDNSレコードと、利用しているプロバイダー向けの手順を教えてくれます。うまくいかない場合は、画面に表示されている内容を伝えれば、Repaintが最後まで案内してくれます。カスタムドメインの接続には有料プランが必要です。詳細は料金ページをご覧ください。

更新は通常20分程度で反映されますが、まれにそれ以上かかることもあります。Repaintに確認を依頼すれば、ドメイン上で新しいサイトが有効になった時点で知らせてくれます。その後、Square Onlineのサブスクリプションを解約できます。対面決済など他の用途でSquareを使っている場合、それはウェブサイトとは無関係だったため、これまで通り変わらず利用できます。

まとめ

Square Onlineが理にかなうのは、ストアがウェブサイトそのものを通じて動いている場合です。サイトを通じて実際には何も販売していないなら、ちょっとした変更もできないビルダーに対して、コマース向けの料金を払い続けていることになります。Repaintは今あるサイトをインポートし、そのコンテンツをもとにリデザインし、以降のあらゆる編集を平易な言葉での依頼だけで済むようにします。

始めるのは無料で、それ自体で何かが変わることはありません。ドメインを新しいサイトに向けるまで元のサイトは公開されたままで、それは自分が選んだときにしか起こりません。

よくある質問

Square Onlineの移行にはどのくらい時間がかかりますか？

コンテンツのインポートと新しいサイトの生成には通常3〜10分かかります。Square Onlineサイトは規模が小さい傾向があるため、確認と仕上げも午後の時間内に収まることが多いです。最後にカスタムドメインを接続する場合、DNSの更新に通常20分程度の待ち時間が追加されます。

Squareを引き続き決済に使えますか？

はい。Squareの決済、POSレジ、請求書、決済リンクはウェブサイトとは別物で、そのまま変わらず機能します。ウェブサイトを別の場所で構築しながらSquareで決済を受け付けている企業はたくさんあります。置き換えるのはSquare Onlineのウェブサイト部分だけです。

ストア全体がSquare Onlineサイトを通じて動いています。それでも乗り換えるべきですか？

おそらくやめておいたほうがよいでしょう。連携したストア、在庫の同期、オンライン注文こそがSquare Onlineの本来の目的であり、Repaintはそれらを置き換えるものではありません。Repaintはマーケティング向けのウェブサイトを構築するものであり、商品ライブラリの同期や注文処理は行いません。コマース連携がビジネスを支えている場合は、今のままにしておいてください。

商品ライブラリやストアのデータはどうなりますか？

何も変わりません。それらはすべてSquareアカウント側にあり、ウェブサイト側にはないため、Repaintが触れることはありません。新しいサイトから販売したい場合は、Squareの決済リンクやチェックアウトボタンを追加できます。

予約ツールについてはどうですか？

予約やスケジュール管理ツールは問題なく引き継げます。CalendlyやAcuityといったツールの埋め込みコードを共有すれば、Repaintがそのウィジェットを新しいサイトに配置します。予約ポータルにリンクするボタンを追加することもできます。どちらもよくあるパターンで、数分で設定できます。

ドメインを移す必要はありますか？

いいえ。ドメインは今登録されている場所、Squareであってもそのまま残ります。ウェブサイトを移してもドメイン自体は移動しません。新しいサイトを指すようにDNSレコードを更新するだけで、Repaintがそのレコードと利用しているプロバイダー向けの手順を提供してくれます。

お問い合わせフォームは引き続き機能しますか？

はい。Repaintは送信内容をメールに届けるフォームを構築できます。元のフォームがSquare Onlineのビルダーで作られたものであれば、Repaintが移行の一環としてそれを再現します。Typeformなど外部ツールを使っていた場合は、チャットで埋め込みコードを共有すれば、Repaintがそれを配置します。

移行中、Square Onlineサイトはどうなりますか？

何も変わりません。Repaintは公開中のサイトのスキャンをもとに作業し、Squareアカウントに触れることはありません。ドメインを新しいサイトに向けるまで、Square Onlineサイトはこれまでとまったく同じ状態を保ちます。途中で気が変わっても、何も変更されていないため元に戻す必要もありません。

Square OnlineからRepaintへの移行にかかる費用は？

Repaintのサブドメインでのインポート、編集、公開はクレジットカード不要で無料です。カスタムドメインの接続には有料プランが必要で、料金は年払いで月額20ドルから、月払いで月額25ドルからです。契約しているSquare Onlineのプランによっては、これは追加コストではなく値下げになることが多いです。

AIがミスをした場合はどうなりますか？

Repaintは変更のたびにサイトのバージョンを保存します。戻すよう依頼することもできますし、バージョン履歴を開いて自分で任意の時点に復元することもできます。試したことは何も取り返しのつかないものにはなりません。