「」に対する検索結果が42件見つかりました
- Wixでライトボックスを作成して効果的に情報を伝えよう!
みなさんこんにちは。今この記事を読んでいる人の中には「ライトボックスってなんだろう」と思ってこのタイトルをクリックした人もいるかと思います。 確かにライトボックスという言葉だけを聞いてすぐにピンとくる人はあまりいないかもしれません。 それでは、サイトに入った時に重要なお知らせがポップアップされて出て来たのを見たことはありませんか?それがライトボックスです。 ライトボックスは大事な情報や、おすすめしたいものをいち早く伝えることができる、とても効果的な機能です。 本記事ではライトボックスをWixで簡単に作成する方法について解説しますのでぜひ最後までお読みいただき、みなさんのホームページ制作に役立ててください。 ライトボックスの種類 Wixには使用目的に合わせてライトボックスのテンプレートがいくつか用意されています。まずはどんな種類があるのか簡単に解説します。 Welcom サイトの最上部に出てくる、ライトボックスです。主に「営業時間の変更」や「期間限定キャンペーン」など重要な情報を伝えたい時に使います。サイトを開いた瞬間にポップアップしてくるので効果的に訪問者の関心を引き寄せることができます。 ニュースレター購読 メルマガやニュースレターの定期購読などに登録をうながしたい人はこちらの使用をおすすめします。よく報道関係のサイトを訪れるとサイトの端っこに「定期購読はこちら」というようなライトボックスが出てくると思います。あれとだいたい同じものをWixでは手軽に設置できます。 宣伝 レストランやカフェのキャンペーンやアーティストの新作リリースなど、訪れる人全員にアピールしたい情報には宣伝のライトボックスを利用するのがおすすめです。画面をスクロールしても追いかけてくるように設定しているので、全員にかならず宣伝を見てもらえます。 お問い合わせという項目もありますが、宣伝とほぼ変わらないのでデザインや見せ方で好みに合う方を使うと良いでしょう。 ライトボックスを追加してみよう それでは早速ライトボックスを追加してみましょう。 まずはエディタ画面に移動してください。そしてサイドメニューから+のマークがついている「パーツを追加」をクリックします。 するとパーツのメニューが出てくるのでその中から「インタラクティブ」を選択してください。 右側にインタラクティブメニューが表れ、一番上に「スライドショー」の文字が見え、その下に「ライトボックス」が確認できると思います。 追加の仕方は簡単です。Welcomの欄にあるテンプレートをドラッグして最上部に設置するだけ。 とても簡単に出来ましたね。画面にポップするようにはじめから設定されていますので、ライトボックスの機能としてはこれで十分に使えます。 あとは細かい設定の変更ですね。自サイトの雰囲気や目的に合わせて文面やパーツなどを変更してみましょう。 まずはライトボックスのクラッカーのようなパーツを変更してみましょう。ちなみにこのパーツはベクターアートと呼びます。 パーツをクリックすると「ベクターアートを変更」という文字が出てきますのでそちらをクリックしましょう。 するとさまざまなパーツが一覧で現れます。もちろん自分のオリジナルデザインや画像をアップロードすることも可能です。 気に入ったパーツをクリックするとすぐにパーツの絵柄が変更されます。 次にテキストを編集してみましょう。テキストを1回クリックすると上の画面のように「テキスト編集」という選択肢が出てきます。 そちらをクリックするとテキスト編集メニューが出てきますので、サイトにあったフォントや文字色にカスタマイズしましょう。 次はライトボックスの背景を変更してみましょう。 ライトボックスの背景にマウスカーソルを合わせ、右クリックを押してみましょう。するとメニューが表れるので、その中から「デザインを変更」を選びます。 すると画面が切り替わり、さまざまな画像が候補として提案されます。自分の好きな画像をアップすることもできるので、お好きな方法でサイトにあった背景を設定しましょう。 しかし「ライトボックスが出てくるのはいいんだけど肝心な部分を隠されては困る」というケースもありますよね。 という事で次はライトボックスの位置を変更してみましょう。 ライトボックス上で右クリックを押し、レイアウトを選択します。 するとレイアウト変更画面が出てきますので、直感的に位置を指定したい場合は上のマス目がついた四角形のなかからライトボックスを表示させたい場所を選びましょう。 微調整をして絶妙な位置に表示させたいという人は、下にある縦軸と横軸の数値を変更して自分のおきたい場所にライトボックスを置きましょう。 さらに、見る人によりインパクトを与えたいという時にはアニメーションを追加しても良いでしょう。 ライトボックスの上で右クリックを押し、アニメーションを選択します。 さまざまなアニメーションが一覧で表れるのでお好きなアニメーションを選びましょう。実際どのように動くのか見てみたい場合は、任意のアニメーションを一回クリックすると、そのアニメーションの動きをプレビューできます。 イメージに合ったアニメーションを設定したら基本的な設定は完了です。Wixのライトボックスは他にもいろいろと細かい設定が可能です。 ライトボックスを使いこなして、ぜひ効果的におすすめ情報を訪問者に伝えましょう。 まとめ いかがでしたか?ライトボックスは今一番伝えたい情報を訪問者に伝えるとても有効な手段です。 今回紹介した方法はごく基礎的な方法ですが、Wixではさらに細かい設定や見せ方も可能です。 Wixパートナーのクリエイティブラビットなら、格安でみなさんのご希望にそったサイトを制作します。Wixのことを知りつくしたスタッフが揃っていますのでWIxのことならなんでもお気軽にご相談ください。お問合せお待ちしております。
- 折りたたみテキストをWixで作成し、洗練されたHPに!
「Wix」はHTMLやCSSなどの知識がない初心者でも簡単に自分のホームページを作成することができるサービスです。 しかし、作成したページが情報が多すぎてなんとなく見にくいということもあるでしょう。そこで、今回はwixの「折りたたみテキスト」機能を使って、ページをスッキリと見やすくする方法をご紹介します。 折りたたみテキストとは何か 折りたたみテキストとは、ホームページやブログなどのウェブサイト上で、あるテキストを折りたたんで非表示にし、必要な場合に展開することができるテキストのことを指します。 折りたたみテキストは、大量の情報を表示する場合に最適です。展開ボタンをクリックすることで内容やリンク先のURLが表示されます。 サイト内に文章が多いと、活字が苦手な人にはストレスになるかもしれません。折りたたみテキストを利用することでサイト内の活字の表示を抑え、誰にでも見やすいサイト作りが可能になるのです。 Wixで折りたたみテキストを作る方法 それでは、折りたたみテキストを作る方法について詳しく見ていきましょう。 ①折りたたみテキストを追加する wixで「折りたたみテキスト」を利用するためには、まず最初にサイトにテキストボックスを追加する必要があります。手順は以下のとおりです。 まずはWixエディタ左側にある「パーツを追加」をクリックします。メニューがでますので「テキスト」を選択してください。そしてテキストのメニューの中から「段落」を選択します。右側に段落のメニューをスクロールダウンすると「折りたたみ可能テキスト」という項目が出てきます。 選択したテキストボックスをクリックまたはドラッグして、サイトに追加します。 これで、サイト上で折りたたみテキストを利用することができるようになります。設定をカスタマイズして、自分のサイトに最適なスタイルに設定しましょう。 下の画像は折りたたみテキスト使用した例です。 「Read more」をクリックすると全文が表示されます。 こちらのページ全体に折りたたみテキストを追加してみましょう。 いかがでしょうか、とてもスッキリした印象になりますね。 ②テキストやリンクの編集 追加した折りたたみテキストの文章を編集してみましょう。展開ボタンの文章やリンクのテキストなど細かくカスタマイズできます。 まずは追加した折りたたみテキストを右クリックして「テキストを変更」を選択します。 このメニューでは様々な折りたたみテキスト全体に様々な変更を加えられます。 ボタンを押すと文章が展開されるのかリンク先に飛ぶのかの選択や、展開ボタンや折りたたみボタンの表示も変更可能です。 また、「SEO・アクセシビリティ」の下にあるメニューからディスクリプションを追加し、Googleにテキストの内容を伝えることもできます。hタグの追加もでき、簡単にSEO対策ができるので、必要であれば設定しておきましょう。 また、リンクを設定する場合はリンクに誘導するようなテキストを入力したり、リンクボタンに誘導するページ名や「詳細はこちら」などクリックをうながすテキストを入力してみましょう。 このようにWixではテキスト編集やSEO対策、リンクへの誘導もとても手軽に設定できます。 ③折りたたみテキストのレイアウトを設定する Wixでは折りたたみテキストの表示方法や、配置、間隔なども細かく設定できます。折りたたみテキストのレイアウトをサイトの雰囲気にマッチさせることでより全体を調和させる事ができます。 追加したテキストボックスを右クリックして「レイアウト」アイコンをクリックします。 設定画面が表れ、レイアウトの細かい設定ができます。全て表示を選択すると折りたたみテキストではなく、通常のテキストとして表示されます。ワンクリックで表示方法を変えられる便利な機能ですね。 全文を表示される前のテキストの行数の選択や、展開ボタンまたはリンクボタンの位置も変更できます。 またテキストとボタンの間隔を調整することで、折りたたみテキストボックスの周りに余白ができ、テキストをより読みやすくできます。 読者にちょっとしたクイズを出して答えだけ隠したい時や、最低限この情報は表示したいなど、目的に合わせて表示する文章を調整することで、よりサイトが魅力的になっていくでしょう。 折りたたみテキストの有効な活用方法 折りたたみテキストは、長い文章をコンパクトに表示するためにとても役立ちます。 特にスマホなどのモバイル端末では画面サイズが小さく、表示される情報が限られます。折りたたみテキストを使うことで、より重要な情報を前面に押し出すことができるんですね。 以下に折りたたみテキストの有効活用例をご紹介しますので参考にしてくださいね。 FAQページ ウェブサイトのFAQページでは、さまざまな質問と回答を掲載する必要があります。これらの質問と回答を折りたたみテキストで表示することで、ページの見た目を簡潔にし、ユーザーが必要な情報に簡単にアクセスできるようになります。 連続した長文 サイトが文字で埋め尽くされてしまうと、読む前から読者が疲れてしまうことも。そんな時は折りたたみテキストを使って、記事の主要なポイントだけ表示しておき、読者が必要に応じて詳細を読めるようにしましょう。 商品説明 オンラインストアで商品を販売する場合、商品の詳細な説明は必須ですよね。しかし、長い商品説明は、ユーザーが商品を購入する前に読むのを躊躇することがあります。折りたたみテキストを使用して、ユーザーが必要に応じて詳細を読むことができるようにしましょう。 まとめ 折りたたみテキストは、情報の最適化やスッキリとした見た目など、多くのメリットがあります。ただし、過剰に使いすぎると、ユーザーが求める情報にアクセスできないということも起きかねませんので注意が必要です。 Wixパートナーのクリエイティブラビットなら、折りたたみテキストをベストな場所に配置し、サイトのデザインと読者の利便性を最大限に向上できます。 「オリジナリティが高く、洗練されたホームページを作りたい」とお考えの方はぜひお気軽にご相談ください。
- 【wix studio】30秒で解決!アンカーリンクの付け方
Wixの新プラットフォーム、『Wix Studio』が2023年8月2日に発表されましたが、以前のwixと使い方が若干異なっていて、困ることも… 今回はアンカーリンクの付け方をご紹介いたします! ①アンカーリンクを設置したいセクションを選択 アンカーをつけたいセクションを選択して右にバーを出します ②バーを一番下までスクロールする こんなところにあるんですよね… 意外と見つけづらい位置にありますが、覚えてしまえば大丈夫! ③アンカー名を入力 あとはwixと同じようにアンカー名を入れるとアンカーリンクの設置は完了です! ---- ここからはアンカーリンクを設置したあとどうやってメニューバーに出すかをご説明いたします! ①メニューバーをクリックして[メニュー管理]を選択 ②メニュー管理から[+アイテムを追加]→[リンク]を選択 ③[アンカー]→「追加したいアンカーのページを選択」→「作成したアンカーリンクを選択」 これで完了です! 設置したアンカーリンクがメニューバーに表示されました! まとめ wix studioは通常のwixと違うところもありますが、レスポンジブに強いので徐々に慣れていくことが大切です。 Wixパートナーのクリエイティブラビットなら、wix studioでクオリティの高いHP・LPを作ることが可能です! 「オリジナリティが高く、洗練されたホームページを作りたい」とお考えの方はぜひお気軽にご相談ください。
- たった数クリックでアニメーションが作れる!Wixで簡単に本格HP作成
Wixはノーコードで簡単に、無料でHPが制作できるプラットフォームとして、個人から企業まで幅広く利用されています。 しかし中には「無料のツールで集客できるレベルのホームページは無理でしょ?」と考え、Wixの導入をためらっている人も一定数いるようです。 特に「アニメーションで躍動的なHPを作りたいけど、無料のWixではそこまでは無理そう」と考えている人は多いのではないでしょうか? 実はWixを使って多彩なアニメーションも無料で挿入することが可能なんです。今回は「Wixを使ってどんなアニメーションが加えられるのか」と「アニメーションの加え方」について詳しく解説します。 Wixで表現できるアニメーションのパターン 任意のパーツを選択しアニメーションのアイコンを選択することでパーツに動きを加えられます。 アニメーションのバリエーションはなんと14種類。 フェードインやズームインはもう皆さんおなじみのエフェクトですよね。 バフィンというのは画面の手前から巨大なアイコンが入って来て、サイト内に収まるというエフェクトです。 ↓ 他にも回転しながら指定した位置に入ってくるターンイン。横からスッと入ってくるフロートインなど、さまざまなアニメーションが用意されているんです。 テキストにももちろんアニメーションがかけられるので、強調したい文や、タイミングを遅らせて表示した文字など、工夫次第でユニークなサイトの制作が可能です。 みなさんは、文字の後ろでオシャレな動画が流れているサイトを見たことがありますか? そういったサイトを見ると洗練された印象をうけますよね。 Wixも文字や見出しの背景に動画を挿入することが可能です。これらの機能を使うことで、有料のHP制作プラットフォームとそん色ないレベルの本格的なWebサイトが制作できちゃいます。 しかもノーコードなので「プログラミングが苦手」という人でも安心。 やり方さえわかれば子どもでも本格的なHPが作れちゃうんです。 子どもでもできる!Wixでアニメーションを追加する方法 それではWixでアニメーションをサイトに追加する方法を解説します。 まずはダッシュボードの画面を出してください。すると右上に「サイト編集」というメニューが見えると思いますのでそこをクリックしましょう。 次に、アニメーションさせるための素材をサイトに追加する必要があります。 左上の「パーツを追加」ボタンをクリックしましょう。 すると「ボタン」「ストリップ」「装飾」など多彩なパーツの種類が表示されます。 もし自分のもっている画像やアイコンを使用したい時は、お好きな画像をアップロードしましょう。 今回は「装飾」の中からパーツを選んでみます。 お好きなパーツをクリック&ドラッグすることで、パーツを好きな場所に配置できます。 配置されたパーツをクリックすると情報にいくつかのアイコンが表示されます。 その真ん中にあるアニメーションアイコンをクリックしましょう。 すると先ほど説明した14種類のアニメーション一覧が表示されます。気になるアニメーションをクリックすることで、実際にパーツがどう動くのかプレビューできます。 パーツの動きを吟味したうえで好みのアニメーションを追加したら作業終了。びっくりするほど簡単ですよね。 また、「カスタマイズ」を選択することでより詳細なアニメーションの設定も可能です。 スピンインの場合は回転数、回転方向、エフェクト時間、待機時間など細かい設定ができます。 エフェクト時間とはどれくらいの時間エフェクトが継続するか、待機時間はページが表示されたから何秒後にアニメーションが始まるか、などを設定できます。 時間差で急にアイコンを登場させて驚かせたり、疑問をなげかける文章を書いて、答えを時間差で表示したり、工夫次第でいろいろな効果を演出できますよ。 背景に動画を追加する 次は背景に動画を追加する方法を解説します。こちらも一見すると難しそうですが、Wixならノーコードでとても簡単に追加できます。 まずは変更したい背景をダブルクリック、または右クリックします。 すると背景に関するメニューが表示されます背景色を変えたり、画像を挿入したりなどもできますが、今回は動画をクリックします。 Wix内にも豊富な動画素材が用意されています。もちろん「アップロード」から自分のオリジナル動画を追加することも可能です。 ここではクールなイメージのある外国人女性の動画を挿入してみましょう。 このように編集画面には女性の静止画が挿入されました。編集画面では静止画ですが、プレビューで確認すると文字の後ろで動画が流れるのでご安心ください。 まとめ 「専門知識がないからHP制作なんて無理」「作れたとしても簡易的なサイトが限界」と作る前からあきらめていた人も、これならできそうだと思いませんか? コーディングで作っていたら何週間もかかっていたような本格的なホームページがWixならたった数日で作れてしまうんです。 「Wixは無料のツールだから集客向きではない」という先入観を持っていた方も、これを機に一度Wixを試してみてはいかがでしょうか? 最後までお読みいただき、ありがとうございました。
- 制作会社まとめサイト「WEB制作相談室」に掲載されました!
このたび、「WEB制作相談室」のホームページ制作会社コラム記事に「クリエイティブラビット合同会社」が掲載されました。 WEB制作相談室は、株式会社ニュートラルワークスが運営するメディアサイトです。 掲載ページでは、豊富なテンプレや月額定額サービスが強みの格安WEB制作会社としてご紹介いただいています。 この機会に、ぜひ一度ご覧いただければ幸いです。 ★こちらが掲載されましたページです。 ↓↓↓ 北海道のWeb制作会社一覧・比較|強み別・業界別・制作カテゴリ別 | WEB制作相談室 クリエイティブラビット合同会社は、Wix公式パートナーとして活動している札幌市のWeb制作会社です。 制作料金は4万円~。1週間で納品が可能! 超格安・スピード納品・高クオリティで対応いたします。 ロゴや名刺、提案資料制作も行っているので、まるごとおまかせ下さい。 どうぞよろしくお願いいたします。 ホームページ制作や広告運用、制作プランのご相談などお気軽にお問い合わせください。 ↓↓↓
- 集客に繋がるホームページとは?Wixを使った10の作成ポイント
テクノロジーの進化で、誰もが自分でホームページを作れるようになりましたが、何の策も練らずに作成しても成果に繋がることはありません。 そこで本記事では顧客獲得に繋がるWixホームページ作成のポイントを10個ご紹介します。初心者でも分かりやすいように解説しているので、ぜひご自身のWebサイト作成のヒントとして取り入れてみてください。 ホームページで集客するメリット ホームページを持つメリットは、何といっても24時間365日集客ができるという点。既存の顧客や紹介だけで運営できる場合もありますが、現在のコロナ禍では対面営業が難しいという方も多いでしょう。そんなときにホームページがあれば、いつでも集客できるため重要な営業ツールとして活躍します。 また、現代は購入する前に検索をかけて情報収集する時代です。ホームページを持つことで無理な営業をして見込み客に嫌われるようなことがなくなり、サイトに興味を持った訪問者のみを相手にできるため、成約率が高くなるのもメリットです。 さらに、実際に足を運ばず日本中に商圏を広げられるため、人件費をかけずに営業力や販売力がアップするのも魅力です。 ホームページ作成の失敗ポイント せっかくホームページを作っても集客効果を感じられない場合は、何か原因があると考えましょう。下記ではホームページ作成の代表的な失敗ポイントをあげています。 ホームページの目的が設定されていない ターゲットが設定されていない 内容が充実していない アクセス解析ができていない 定期的な更新がない ①ホームページの目的が設定されていない 会社を立ち上げたからとりあえずホームページを作ろうという曖昧な目的では集客に繋がりません。たとえ競合他社のサイトを参考にしたとしても、自社が掲げる目的が分からないままでは達成基準が分からなく、何をもって成功といえるか不明になってしまうでしょう。 そのため、「ユーザーがどのようなアクションを起こしてくれたら成功なのか」「ホームページにどのような役割を持たせたいのか」など、ゴール達成基準ポイントを明確にすることが重要です。 ②ターゲットが設定されていない ターゲットが設定されていない場合、どのような人相手のサービスなのか情報がまとまりづらくなってしまいます。曖昧な内容になっていては、せっかくの集客の機会を逃してしまうでしょう。 ターゲットを明確にするには、サービスを受ける人がどのような人か具体的に考えることが重要です。サイトを訪れる人の年齢や職業、性別や居住地を想定しながらホームページを作成してみてください。 ③内容が充実していない 見た目のインパクトにこだわってばかりで内容が不十分では、会社に対する信用不足や情報不足に繋がり集客効果を見込めません。また、デザインを重視するあまり、操作が難しくなってしまうのも問題です。 常に顧客の目線になって、「どのようなデザインなら見やすいか」「ユーザーはどのようなコンテンツを必要としているか」を意識しながら作成しましょう。 ④アクセス解析ができていない ホームページを作った段階で満足しアクセス解析ができていない場合は、実際にサイトを利用しているユーザーの傾向が分かりません。 サイト内のどのようなコンテンツが見られているのか、直帰率や離脱率はどうなっているのかなどを詳しく分析・改善することで、よりよいホームページになっていきます。 ⑤定期的な更新がない 定期的に更新されていないと、企業への不信感に繋がる可能性があります。会社の運営と同様に、ホームページも常に最新であるように意識しましょう。 また、アクセス解析による改善だけでなく、コンテンツの追加やブログの更新などの手を加えることも大切です。時流や競合の調査も行いながら、自社のサイトへと反映させましょう。 集客に繋がるホームページの作成ポイント 成果の出るホームページを作成するには、以下10個のポイントを抑えることを心掛けましょう。失敗ポイントで挙げたポイントを補足しつつ、他にも重要なポイントをご紹介します。 作成する前に検討すべきポイント ホームページの目的を決める ターゲット層(ペルソナ)を設定する 自社の強みを考える コンセプトを決める ホームページのデザイン(テンプレート)を考える 独自ドメインを取得する コンテンツを充実させる 検索エンジン(Googleなど)に公開を知らせる SEO対策を施す 定期的に更新する ①ホームページの目的を決める ホームページを作成する前に、開設の目的を決めましょう。その目的を定めることで、訴求するターゲットや必要な機能・誘導方法が明確になります。 代表的な目的例 資料請求や問い合わせの獲得 認知度のアップ 見込み客の獲得 目的は原則1つ、或いは2つ以内に絞るのがおすすめです。目的を選定できたら、それに最適なホームページの機能を洗い出します。 目的別ホームページの機能例 資料請求や問い合わせ獲得が目的…問い合わせボタンを目立つ位置に設置、追従バナーの設置 認知度のアップが目的…Google広告やYahoo!広告などのリスティング広告を打つ、外部メディアから自社サイトへの勧誘 見込み客の獲得が目的…メルマガ登録・ホワイトペーパー・セミナー申し込みなどを設置 訪問者がどのようなルートでホームページを閲覧するのか、ユーザーによって会社との接点のハードルをどのように設けるかなどを考慮することがコツです。 ②ターゲット層(ペルソナ)を設定する 成果に繋がるホームページ運営の一番の近道は、ターゲット層(ペルソナ)を明確にすることです。「より多くの人に見てもらいたい」「幅広い層を集客したい」という理由でさまざまな物に手を出してしまうと、サイトの方向性を見失ってしまいます。 「ペルソナ」とは、まるで実在するかのような人物像のことです。この人物像を描き出すことで、ユーザーがどんな思考、行動、接点などを持って購買や問い合わせに至るかなどの理解ができると言われています。 より訴求力を強め、集客に繋げるためにも、そのサービスを本当に必要としている人に向かってメッセージを伝えていきましょう。 ③自社の強みを考える ペルソナの設定ができたら、サイト訪問者から選ばれるような自社の強みや顧客へのメリットをアピールしましょう。自社の強みを正確に知るためには、「3C分析」や「SWOT分析」という分析方法がおすすめです。 「3C分析」とは、マーケティング戦略を考える際に用いるフレームワークの1つを指します。3C分析を利用すれば、顧客や市場のトレンドや競合他社の動向、自社の現状をコンパクトに分析でき、「どのような事業展開が市場や顧客にマッチするか」や「競合他社との差別化を図れるのか」が分かります。 一方の「SWOT分析」とは、現状分析のために使われるフレームワークの1つを指します。自社やホームページの分析を行うことで方向性や改善点が洗い出され、コンテンツなどの内容を効果的に決めることができる方法です。 ④コンセプトを決める ペルソナの設定や自社の強みを明確にしたら、具体的なサイトコンセプトを決めましょう。初めにコンセプトを決めておけば、サイトを作成していく中でのブレが生じず、訪問者に情報が届きやすくなります。 コンセプトを決める際は「5W1H」の活用がおすすめです。本来の5W1Hとは少し解釈が異なりますが、以下を参考にしてコンセプトを作成してみてください。 目標を達成できるホームページを作成するためにも、明確なコンセプトが分かるまでしっかり分析することが大切です。 ⑤ホームページのデザイン(テンプレート)を考える ホームページの目的やターゲット層、コンセプトなどが明確になったら、ホームページのテンプレートを選択しましょう。Wixには900種類以上のテンプレートが用意されているため、自社サイトに最適なデザインを簡単に見つけられます。 ターゲット層が興味を持つようなデザインを選び、トップページには誰が見ても何の業種か判断できるような画像を使うことが大切です。テンプレートをベースに、配色の変更や機能の追加などの細かなカスタムができるため、簡単にオリジナリティ溢れるサイトを作れます。 もし、デザインアイディアが思いつかない場合は、成功している競合サイトを参考にしたり、Pinterest(ピンタレスト)などのSNSからインスピレーションを得ることもおすすめです。 ⑥独自ドメインを取得する 独自ドメインを取得し、企業の信頼度やブランディング効果、SEO効果を高めましょう。 ドメインとは、URLにおける「○○○.com」や「○○○.co.jp」にあたる部分のことです。インターネット上における住所のような役割があり、Webサイトがどこにあるのかを判別する情報として使われます。 その中で、自身で取得するオリジナルのドメインのことを「独自ドメイン」と呼びます。なおWixでの独自ドメインの設定方法は、こちらの記事からご確認いただけます。 ⑦コンテンツを充実させる 土台をしっかり固めたところで、いよいよ内容の準備を行います。コンテンツを作るには、構成図(サイトマップ)を作ることが大切です。 構成図はホームページの設計図にあたるもので、構成図の出来次第でサイトの仕上がりや見やすさに大きく関わるもの。デザインやレイアウトよりも重要なため、量より質を重視しながら作成しましょう。 サイトマップ作成の手順 必要なページを書きだす ↓ 書きだしたページをカテゴリごとに分ける ↓ 分類したページを階層構造に組み立てる 上記の流れを参考に、必要なコンテンツを考えてみてください。なお、階層は深くしすぎるとホームページの見栄えが悪くなり、SEO的にもよくないため3~4階層程度に抑えましょう。 ⑧検索エンジン(Googleなど)に公開を知らせる ホームページが完成したら、Google・Yahoo!・Bingの検索エンジンに公開を知らせましょう。ホームページを検索結果に表示させるには、自分で検索エンジンに申請することが必須です。 なお、申請後すぐには検索に反映されないためご注意ください。サイトの品質やタイミングによって、数日~数週間の時間がかかります。 ⑨SEO対策を施す 検索順位が低いとユーザーがサイトを訪れる機会が大幅に減ってしまうため、上位表示させるよう工夫しましょう。検索結果で上位表示させるには、SEO対策を行う必要があります。 ホームページを作成する際は、一定のSEOガイドラインに従って手順を踏むことが大切です。表示速度やスマホでの閲覧のしやすさに着目したり、コンテンツにユーザーが検索しそうなキーワードを組み込んだりなどさまざまな工夫をしてみましょう。 どこからSEO対策を始めたらよいか分からない場合は、「Wix SEO Wiz」というWixの革新的なSEOツールを活用するのがおすすめです。 ⑩定期的に更新する アクセス解析ツールや検証ツールを使って定期的にサイトの状態を分析・改善することは、サイトの健康状態を把握するのと同じことです。コツコツと改善を繰り返すことで徐々にサイト閲覧数が増え、集客にも繋がります。 うまく改善が反映されていない場合は、「なぜそうなったのか」「設定した目標が高すぎたのではないか」などと原因を探り、再度計画していきましょう。一度の修正では劇的に状況が変わることはほとんどないため、根気よく分析・改善するのが基本です。 リスティング広告やSNSを活用して集客しよう 集客力を高めるには、上記10ポイントを理解することが大切ですが、具体的に認知度のアップや集客へと繋げるには、リスティング広告やSNS(Facebook、Twitter、Instagram)の活用も見逃せません。 リスティング広告とは、検索エンジンの検索結果に表示されるクリック課金型の広告のことで、国内ならGoogle広告やYahoo!広告の2つが代表的です。ユーザーが検索した結果に基づいて表示されるため、ニーズがはっきりと分かっているユーザーに対して効果的にアプローチできます。 FacebookやTwitter、InstagramなどのSNSに掲載する広告も活用する価値があるでしょう。特に、FacebookとInstagramではユーザーの性別や年齢、ライフスタイルに関連する広告を表示させることができるため、リスティング広告のような活用が可能です。 或いは広告として打ち出さなくても、SNS投稿によって宣伝することも効果的です。BtoB目的といった意味合いが強くなるものの、自社のブランディングに役立ち無料で活用できるためぜひ導入しましょう。特にTwitterは拡散力が強いため、認知度アップに役立ちます。 まとめ 集客に繋がるWixホームページの作成ポイントは、 ホームページの目的を決める ターゲット層(ペルソナ)を設定する 自社の強みを考える コンセプトを決める ホームページのデザイン(テンプレート)を考える 独自ドメインを取得する コンテンツを充実させる 検索エンジン(Googleなど)に公開を知らせる SEO対策を施す 定期的に更新する 上記10個です。はじめに目的やペルソナ、コンセプトなどの基礎をしっかり固めた上で、実際にホームページを作成することが大切です。 また、SNSの活用や定期的な改善・更新も欠かせません。これらのポイントを抑えながら、ぜひ集客効果を感じられるホームーページを作ってみてください。
- 初心者でも簡単!Wixを使いこなすための隠れた裏ワザ7選
Wixは、初心者でも簡単にホームページを作成できるホームページ作成ツールです。世界190か国、1億6,000万人もの人が利用している人気のサービスで、2006年の設立から15年以上もの月日が経ちました。この記事をご覧になっている方の中にもすでにWixを利用しているという人もいるのではないでしょうか。 時代の変化とともにWixの機能も次々と増えてきたため、実はあまり知られていない機能もあるかと思います。そこで今回の記事では、Wixをより使いやすくなるような便利な裏技7選をご紹介します。どれも簡単な機能なので、より効率的に操作するためにもぜひ活用してみましょう。 Wixを使いこなすための裏ワザ7選 Wixは自由にカスタマイズできるのが魅力の一つですが、実はあまり使われていない便利な機能も存在しています。下記が今回ご紹介する7つの裏ワザです。 サイトのバージョン復元 Googkeマップのカスタマイズ パーツを揃えて配置する X、Y値による正確な配置 作成中のホームページを複数バージョン保存 公開前のフィードバック 共同管理者の設定 ①サイトのバージョン復元 サイトを作成していく中で、最悪の場合、せっかく時間をかけて作ったページやパーツが消えてしまう恐れがあるため、新しく追加した情報を頻繁に上書き保存することはとても重要です。 とはいえ、状況によっては以前のバージョンに戻りたいということもあるでしょう。そのようなときに役立つのが復元機能です。 エディタ左上「サイト」→「編集履歴」をクリックします。 「サイト編集画面を開く」を選択してください。 編集履歴一覧が表示されます。日付、時間、アクションを実行したユーザーを確認できます。 フィルターを使用して「すべての編集履歴」「公開済み」「手動で保存」「星付き」の中から特定のバージョンを検索することも可能です。 該当するバージョン右横の「>(矢印)」をクリックし、復元状態を確認します。「復元」ボタンを押して完了です。 また、作成したサイトを削除してしまった場合の復元も可能です。 以下を参考にしてください。 ダッシュボード左上のサイト名をクリック→「すべてのサイトを開く」を選択します。 「ゴミ箱」フォルダをクリック→復元したいサイトにマウスオーバーし、「サイトを復元」ボタンをクリックして完了です。簡単な手順で復元できるため、安心してサイトの編集が行えます。 ②Googkeマップのカスタマイズ 実店舗を運営している場合、ホームページ上にも店舗への住所やアクセス方法を掲載することは一般的。そのようなときにGoogleマップをサイトに載せてストリートビューオプションを有効化すれば、店舗の外装や近隣状況を把握してもらうのに役立ちます。 エディタ左上の「追加」ボタンをクリックします。 「フォーム」→「Googleマップ(地図)」を選びます。マップをクリックまたはお好みのデザインのマップをページ上の希望の位置までドラッグします。 マップを選択し、「設定」アイコンをクリックします。ストリートビューの項目を有効化に切り替えて完了です。 他にもマップに対応する機能が豊富に用意されています。すべて同様の手順でカスタマイズできるため、下記内容も参考にしてみてください。 ズーム…数値を設定することで、マップの縮尺を変更できます。 地図 / 衛星写真…有効化にすることで、ユーザーが地図と衛星写真の切り替えを自由に行えるようになります。 ズームイン / アウト…有効化にすることで、ユーザーがマップの拡大・縮小を自由に変更できるようになります。 ルート案内リンクを表示…Google のルート案内サービスを表示または非表示にします。 マップのドラッグ…有効化にすることで、ユーザーがマウスを使って自由に地図を移動できるようになります。 ③パーツを揃えて配置する パーツを中央や右・左揃えで正確に配置すると、より見栄えのよいサイトとなるでしょう。そういった美しいレイアウトを作るには、「スナップツール」と「定規」を活用するのがおすすめです。 スナップツールの使い方 スナップツールを使うと、パーツを移動する際にグリッド線やその他のパーツにくっつくため、感覚で整列させることが可能です。また、表示される整列マーカーに合わせてパーツを移動できるため、中央揃えや右・左揃えが簡単に行えます。 エディタ右上の「ツール」ボタンをクリック→「スナップ線」にチェックマークを入れ、機能を有効化します。不要なときはチェックを外してください。 マップを中央に配置する例の場合、紫色の整列マーカーが表示されました。 定規ツールを表示させる方法 定規(ルーラー)も、サイト上のパーツを正確に配置するのに便利です。 スナップツール同様、エディタ右上の「ツール」ボタンをクリック→「ルーラー」にチェックマークを入れ、定規を表示させます。非表示にするときはチェックを外してください。 上部と右端に定規が表示されました。 なおキーボード上で「Shift+R」を押しても、ルーラーを表示・非表示にすることができます。 ④X、Y値による正確な配置 上記で紹介したパーツを揃える方法は、マウスのドラッグ&ドロップ操作で簡単に配置できる方法ですが、時にはより正確にパーツを配置したい場合もあると思います。そんなときに役立つのが、X、Y値の入力による配置方法です。 エディタ右上の「ツール」ボタンをクリック→「ツールバー」にチェックマークを入れ、ツールバーを表示させます。 移動させたいパーツをクリックします。 ツールバー「位置」からX、Yの値を入力します。 Y はパーツの垂直の位置、 X はパーツの水平の位置を指しています。XとYはいずれもパーツの左上隅の縦位置と横位置です。 もし、複数のパーツを水平や垂直に配置する場合は、全パーツの「X」または「Y」の値を同じにしてください。 ⑤作成中のホームページを複数バージョン保存 何度も修正やレイアウト変更を繰り返して、やっと望み通りのサイトにたどり着くという方も多いと思います。そのように、さまざまなデザイン案を比較・検討しながら作業を進行させていくときに便利なのが「複製」機能です。 サイトダッシュボード上部「アクション」→「サイトを複製」をクリックします。 複製先サイト名を入力し、右下「複製」ボタンをクリックして完了です。 ※注意点 サイト内の全コンテンツが複製される訳ではありません。 例) Wixストアの商品は複製されるものの、受注リストの複製はできない。 連絡先リストの複製はできない。 メールマガジンの複製はできない。 請求書の複製はできない。 などが挙げられるためご注意ください。 ⑥公開前のフィードバック サイトを公開する前に、ビジネスパートナーや友人などの第三者から意見をもらうことは大切です。フィードバック機能を利用すれば、公開前のサイトの最新保存バージョンを共有し、コメントで評価してもらうことができます。 サイトダッシュボード上部「アクション」→「フィードバック機能」をクリックします。 フィードバックをもらいたい人の名前またはメールアドレスを入力します。 共有リンクのURLをコピーして、直接フィードバックを貰いたい人に送信することも可能です。フィードバック機能の共有リンクの有効期限は2週間で、パスワードが必要な保護されたページも共有されます。 もし、うまくリンクが共有できない場合は、「サイト編集」の権現が有効化になっているかご確認ください。 ⑦共同管理者の設定 ビジネス目的のホームページを運営する場合など、複数人で管理を行うこともあるでしょう。Wixの「役割・権現」機能を使えば、サイトの運営でヘルプが必要な場合にユーザーを招待することが可能です。 役割に応じて権現を与えられるため、 ブログ執筆担当者 クライアントのホームページ作成・管理担当者 など細かい割り振りができて便利です。 下記がユーザーを招待する方法です。 サイトダッシュボード「設定」→「役割・権現」にアクセスします。「+ユーザーを招待」ボタンをクリックして招待したい人のメールアドレスを入力してください。 該当する役割のチェックボックスを選択し、送信します。招待の有効期限は30日です。 なお、初期設定の役割一覧は以下の13種類です。 他にも、自身で新しい役割を追加することが可能です。 なお、共同管理者は招待されたホームページのみ編集することができます。個人情報はしっかり守られ、クレジットカードなどのアカウント情報が見られる心配はありません。 まとめ Wixを使いこなす上で覚えておきたい隠れた裏ワザは サイトのバージョン復元 Googkeマップのカスタマイズ パーツを揃えて配置する X、Y値による正確な配置 作成中のホームページを複数バージョン保存 公開前のフィードバック 共同管理者の設定 上記7つです。 無料であらゆる機能を使え、高クオリティのサイトを作れるWix。次々と画期的な新機能が開発されているため、今後も目が離せません。この記事で気になる機能を見つけた方は、ぜひご自身のサイト作成にお役立てください。
- 制作会社情報サイト「ホームページ制作.jp」に掲載されました!
このたび、ホームページ制作会社をまとめたサイト「ホームページ制作.jp」に「クリエイティブラビット合同会社」が掲載されました。 ホームページ制作.jp様は、全国の優良なホームページ制作会社から一括見積ができるサービスです。 今回は、札幌市のホームページ制作会社10選の一つとしてご紹介いただきました。 ぜひご高覧頂ければと存じます。 ★こちらが掲載されましたページです。 ↓↓↓ 【2021年版】札幌市のホームページ制作会社10社を特徴ごとに厳選紹介! | ホームページ.jp ★こちらは「クリエイティブラビット合同会社」の個別ページです。 ↓↓↓ クリエイティブラビット合同会社の個別ページ クリエイティブラビット合同会社は、Wix公式パートナーとして活動している札幌市のWeb制作会社です。 制作料金は4万円~。1週間で納品が可能! 超格安・スピード納品・高クオリティで対応いたします。 ロゴや名刺、提案資料制作も行っているので、まるごとおまかせ下さい。 どうぞよろしくお願いいたします。 ホームページ制作や広告運用、制作プランのご相談などお気軽にお問い合わせください。 ↓↓↓
- 初心者でも簡単!Wixサイトのヘッダー&フッターの編集方法とは?
Wixサイトを作成する中で、「自分(自社)のイメージに合ったカラーのヘッダーやフッターにしたい。」「フッターに情報を追加する等細かなカスタマイズ方法は?」といった疑問を抱えたことはありませんか? ヘッダーやフッターは、サイトの中で目立つ部分ではありませんが、とても重要な役割を果たしています。Wixサイトであれば専門的な知識がない方でも簡単にカスタマイズできるので、本記事を参考にしながらご自身のイメージに合った編集をしてみましょう。 ヘッダー・フッターの役割とは? ヘッダーやフッターは、基本的にサイトの全ページに表示されるため、会社名やページメニューを入れておくのが一般的です。以下では、ヘッダーとフッターそれぞれについて説明します。 ヘッダー=最上部に表示される領域 ユーザーがサイトを訪れた際に最初に目に入る帯状の部分がヘッダーです。サイト訪問者が、ページを閲覧するかどうかを判断する重要な役割を果たす部分の一つなので、興味を惹くヘッダー作りが大切だと言えます。 基本的に必要な要素は、サイト名とグローバルメニューです。サイト名にはトップページへのリンクを付け、ロゴがある場合は活用するとよいでしょう。 グローバルメニューとは、サイト内に設置した主要コンテンツをまとめたメニューのことを指し、移動したいページを見つけるのに便利なパーツです。他にも呼び方は様々あり、以下の5種類が挙げられます。 グローバルナビ ヘッダーナビゲーション ナビゲーションメニュー ヘッダーメニュー メインメニュ また、FacebookやTwitter等のSNSサイトとホームページを連携できるソーシャルバーを設置することで、サイト訪問者をSNSアカウントへ繋げることもできます。ヘッダーは、サイトの第一印象にも深く関わる部分なので、あまりごちゃごちゃさせずにシンプルにまとめるのがポイントです。 フッター=最下部に表示される領域 フッターとは、WEBサイトの下部に常に表示されている要素のことを指します。フッターはサイトの一番下までスクロールしないと見えない場合がほとんどなので、その重要性を忘れがちですが、サイトの満足度や回遊性を高める大切な役割を担っています。 一般的にはサイトマップやWebサイトの運営者情報、コピーライトを記載する場合が多いです。集客が目的のサイトの場合は、お問い合わせボタンや予約ボタンといったコンバージョンへの導線作りも欠かせません。 フッターにソーシャルバーを設置する場合もあります。 情報量を多くしすぎるとサイト全体のデザインが崩れがちになるため、どういった要素が必要か考えることが大切です。魅力的なフッター構成で、サイト訪問者の満足度へと繋げましょう。 WIx エディタの基本操作 まずは、エディタの基本操作について説明します。Wixは、ドラッグ&ドロップと文字入力ができれば編集できるシンプルな設計が魅力です。 画面左側のツールパネルには、ページの追加やパーツの追加、ブログの設定など、主にサイトを作るためのツールが配置されています。 ヘッダーやフッターの編集に関わるボタンは、最上部にある+マークのボタンです。 +ボタンからできること テキストの追加 画像のアップロード メニューの追加 ソーシャルバーの追加 等です。画面右側のツールパネルには、文字揃えや配置したパーツの大きさや一を微調整するのに役立つ機能が備わっています。 ヘッダー・フッター作成においては、左ツールパネルの方が多用するでしょう。 右ツールパネルが見当たらない場合は、編集画面右上にある「ツール」から「ツールバー」をクリックすると表示されます。それぞれのツールボタンにカーソルを重ねてみると、説明が表示されるので、迷うことなく操作できるのが嬉しいです。 ヘッダー・フッターの編集方法 エディタ全体の機能を理解したところで、実際にヘッダーやフッターを編集してみましょう。今回は、ネットショップサイトのサンプルを作成しながら説明します。 ネットショップ向けのテンプレートの「帽子・キャップ」を元に、自分好みのレイアウトを作っていきます。基本操作は他のテンプレートでも変わらないので、ご自身が目指すサイトのテンプレートを選択して作成してください。 初期設定のヘッダーは以下の通りです。↓ 完成したヘッダーはこちら ↓ 変更した箇所 サイトタイトルの変更 グローバルメニューの追加 ヘッダーの高さの調節 それでは順を追って説明します。 サイトタイトルの変更 編集したい文字をクリックし、文字を変更します。好みの文字サイズやフォントの変更、文字色や背景色の変更など、細かな設定が可能です。文字にカーソルを合わせてドラッグするか、右ツールパネルで数値を設定すれば位置の調節も簡単に行えます。 不要な文字パーツがある場合はDeleteキーで削除し、文字パーツを追加したい場合は左ツールパネルからテキストの追加を行いましょう。 グローバルメニューの追加 ヘッダーにグローバルメニューを配置すると、サイトが見やすくなる上、回遊率があがります。設置するときは項目を4~5つ程度に留め、すっきり見せることがポイントです。メニュー名もなるべく簡略化しましょう。 左ツールパネルの+ボタンから「メニュー(・アンカー)」を選択します。おすすめメニュー、縦型メニュー、横型メニュー、アンカーメニューが一覧として表示されるので、お好みのデザインを選択してください。今回のサンプルサイトでは、横型メニューを使いました。 ドラッグ&ドロップするだけで配置されるので簡単です。 メニューの内容を変更したいときは、カーソルをメニューに合わせてクリック→「メニューを管理」から編集できます。幅を変える際は、「レイアウト」から微調整が可能です。 ヘッダーの高さの調節 ここまで編集していくと、ヘッダーのバランスが気になってくると思います。高さ調節をするときは、ヘッダーの区切り線(点線)にカーソルを合わせると青いラインが表示されるので、そこをクリック→赤い線が出ることで、自由なサイズへと変更が可能です。無段階で細かく調節できるため、好みの高さが見つかりやすく便利です。 ヘッダーの種類 ヘッダー領域をクリックすることで、ヘッダーの種類を変更できます。 Wixで設定できるヘッダーの種類 スクロール 固定 隠す フェードアウト 2013年頃から、ヘッダーを固定して常時表示させる「固定ヘッダー」を採用するサイトが増えました。ヘッダーを固定することで、サイト訪問者は探しているページへ手間なく移動できるメリットがあります。サイトからの離脱を防ぐのにも役立つのでおすすめです。 フッターの編集 続いて、フッターの編集方法について説明します。 初期設定のフッターは以下の通りです。↓ 完成したフッターはこちら ↓ 変更した箇所 テキストの変更 リンクの追加 ソーシャルバーの変更 フッターの高さの調節 背景色の調整 こちらも一つずつ説明します。 テキストの変更 フッターメニューのテキストや最下部のコピーライト部分のテキストを変更します。 コピーライトとは、「©+文字」で表記される文字列のことで、著作権保護を示す証として使われます。 代表的な表記方法として以下の例が挙げられます。 「© 2022 COMPANY Ink.」の場合… ©:著作権 2022:発行年 COMPANY Ink. :発行者名 発行年は、はじめて公開した年でも更新した年でも構いません。発行者名についても、個人名・法人名問わず、日本語表記でも問題なく表記可能です。 ヘッダー同様に、変更したい文字を選択して文字を打ち込むだけなので簡単です。エフェクトを付けることも可能ですが、なるべくシンプルにまとめるとフッターらしく仕上がります。 リンクの追加 テキストを選択することで、リンク設定が簡単に行えます。リンクを貼りたい文字をドラッグで選択→テキストを編集をクリック。リンクボタンからご希望のURLやサイト内のページを入力するだけで、簡単にリンク設定ができます。 お問い合わせやQ&Aなどのリンクを充実させて、サイトの信頼性を高めましょう。 ソーシャルバーの追加 SNSボタンが一列に並んだものを、Wixでは「ソーシャルバー」と呼びます。デザインが統一されているので、すっきりしたデザインになります。お好みのソーシャルバーをドラッグ&ドロップするだけでOKです。 配置したソーシャルバーにカーソルを合わせれば、アイコンの大きさを変えることもできます。 初期設定では、6つのSNSボタンが設置されていますが、不要なアイコンは「ソーシャルリンクを設定」から削除できます。 より好みのアイコンを希望する場合や一度消してしまったアイコンを再度入れたい場合は、「アイコンを追加」から検索し設定することも可能です。メインカラーを絞って検索したり、TwitterやPinterestなど具体的なSNS名で検索もできるので大変便利です。 左右の順序を入れ換える際も、このページから設定できます。アイコンにカーソルを合わせ、ドラッグ&ドロップすることで簡単に入れ替わるので操作しやすいです。 表示させるSNSボタンが決まったら、それぞれのアイコンを選択してURLを設定しましょう。リンク先にソーシャルメディアのURLを入力します。最後に「完了」ボタンを押せば、あっという間にリンク設定が終わります。 フッターの高さの調節 ヘッダー同様にフッターも高さを調節し、全体的なバランスを整えましょう。 ヘッダー領域の点線にカーソルを合わせて上下に動かすだけでOKです。 背景色の変更 フッターのカラーを設定することはサイト全体の印象を引き締めるためにも大切な操作です。 フッターを濃い配色にするとページ全体のバランスが取れて安定感へと繋がります。また、ぱっと見でここから下はフッターと判断できるので、ぜひご自身のウェブサイトのトンマナを考えながらカラー調節してみてください。 まとめ Wixを使えば、ドラッグ&ドロップするだけで簡単にヘッダーやフッターのレイアウト変更が行えます。テンプレートが豊富に用意されているので、目的に合ったデザインを選んで、あとは微調整するだけ。あっという間に自分のウェブサイトが完成するので、ホームページ作成に困っている初心者の方にもおすすめのツールです。 ヘッダーやフッターを作る際は、全体的なバランスを考えて作成することが大切。ヘッダーにはメニューを、フッターには導線作りになるお問い合わせボタンなどを設置するのがおすすめです。 これらのポイントをおさえて、ぜひ気軽に理想のホームページを作ってみてください。
- サブドメインとは?メリットやWixでの取得方法について詳しく解説!
今回は サブドメインを作るメリットや、混同されやすい「ドメイン」や「サブディレクトリ」との違いを初心者にも分かりやすく説明 します。 後半では Wixで作る際の手順も紹介 しているので、ぜひ最後までお読みください。 サブドメインとは? サブドメインとは、 メインコンテンツと区別するときに設定するドメイン のことです。ドメインの取得後に設定することができます。以下では、サブドメインとの違いや作成する目的などをより詳しく説明します。 ドメインとサブドメインの違い ドメインとサブドメインを見分ける方法は、 「△△△.○○○.com」のようにドメインの前に文字列が入っているかどうか です。下記の例の場合、 https://creativerabbit.biz/ の 「creativerabbit.biz」がドメイン です。サブドメインがある場合は、 https://media.creativerabbit.biz や https://works.creativerabbit.biz といった表記になります。 サブドメインを作る目的 サブドメインは、 同一のブランド・企業内で異なるテーマを扱う場合に利用するもの です。 「Yahoo!」を例にする場合、同一ブランドの中でもショッピング・トラベル・ニュース・ヤフオクなど、テーマが全く異なるサービスが存在します。 そのような場合、 ショッピングは「https:// shopping .yahoo.co.jp」 ニュースは「https:// news .yahoo.co.jp」 トラベルは「https:// travel .yahoo.co.jp 」 天気は「https:// weather .yahoo.co.jp」 といった形で、各サービスを独立させて展開しています。 サブディレクトリとの違い 一方、サブディレクトリは 独自ドメインを分割して作るページのこと を指します。メインサイトの下層ページ扱いになり、パソコンで例えるとフォルダのような扱いです。 https://creativerabbit.biz を例に挙げてサブディレクトリを作る場合は https://creativerabbit.biz/ ○○○ / のように、 独自ドメインの後ろを「/(スラッシュ)」で区切って文字列を表記 します。 同一テーマの中で、より専門的なページを増加させたい場合や、メインサイトのコンテンツを増強させるのが目的の場合はサブディレクトリを作るのがおすすめ です。 また、サブドメインで作ったWebサイトをさらに細かく分割する場合にもサブディレクトリを活用するとよいでしょう。 例)ショッピングサイトを運営する場合… このように使い分けることが可能です。 よって、サブドメインとサブディレクトリの使い分けをまとめると、 メインサイトに対して テーマが異なる場合…サブドメイン 同じテーマのコンテンツ…サブディレクトリ といった使い分けをするのが一般的です。この条件を踏まえた上で、どちらを選ぶとよりスマートになるか考えていくことが大切になってきます。 サブドメインのメリット・デメリット ここからは、サブドメインのメリットやデメリットをご紹介します。理由も併せて説明するので、サブドメインを導入する前によくご確認ください。 サブドメインのメリット サブドメインを作る主なメリットは以下の2つです。 ブランディング効果が高くなる ドメイン費用なしでコンテンツを分けられる 【メリット①】ブランディング効果が高くなる それぞ異なるサービスを提供していても、運営元が統一されていることで 「関連のあるサイトだ」「類似サービスだ」と認識されやすくなります 。 一貫したイメージを保ち、企業の認知度向上とユーザーの安心感を与えるためにもサブドメインの取得は欠かせません。 【メリット②】ドメイン費用なしでコンテンツを分けられる サブドメインはドメインを用途ごとに分割して作るため、 コストや管理の手間が省くことが可能 です。 本来、サイトを作るにはそれぞれでサーバーやドメインが必要になりますが、サブドメインの場合は取得費用や維持費用がかかりません。よって、サービス性やターゲットが同じ場合にはサブドメインの取得を行った方が経費削減に繋がるでしょう。 サブドメインのデメリット メリットが多いサブドメインですが、デメリットも少なからず存在します。 独自ドメインの悪影響を受けやすい 検索結果ページに表示されないことがある 【デメリット①】独自ドメインの悪影響を受けやすい もし、 検索エンジンによってメインサイトの評価がマイナスと判断された場合、各サブドメインもその影響を受ける恐れがあります 。しかし、見方を変えるとメインサイトが検索エンジンから高評価を得た場合には、サブドメインも僅かながら評価を得ることが可能です。 また、複数のサブドメインを所持していた場合、その中の一つの評価が悪くなっていると、他のサブドメインもSEOペナルティを受けやすくなってしまいます。 【デメリット②】検索結果ページに表示されないことがある Googleで検索した場合、 サブドメインのサイトが検索結果に表示されない場合がある のも見逃せません。 現在のGoogleのシステム上、同一ドメインのページは検索結果に2つ(場合によっては3つ)までしか表示されないようになっています。これにはサブドメインのサイトも含まれているため、複数のサブドメインを所持していても、検索にかけた場合は原則3つ以上のサイトは表示されません。 サブドメインの作成ポイント サブドメインに関する理解が深まったところで、実際にどのような作成ポイントがあるのかご紹介します。 【ポイント①】できる限りシンプルなものにする サブドメインは、 短いものの方が覚えやすく、入力もしやすいため効果的 です。パッと見て分かるもの文字列を使用し、できるだけ短くしましょう。 【ポイント②】独自ドメイン下でどのような役割があるのか明確にする コーポレートサイトや個人サイト名を独自ドメインにしている場合、サブドメインにも企業名やサイト名を使う必要はありません。 ブログやeコマースなど、そのサイトのどのような役割を担っているサイトなのか、分かりやすく表記 することを推奨します。 【ポイント③】数字や記号は避ける 数字やダッシュなどの記号を含む文字列は、ウェブサイトに対する信頼感を損なう恐れがあります 。また、直接入力するのにも適しません。 Wixを使ってサブドメインを作る手順 Wixでサブドメインを作る方法は非常にシンプルです。前もってサブドメイン名を決めておけば、あっという間に完成します。 あらかじめやっておくべきこと サブドメインを作る前に、 あらかじめドメイン名の取得・購入 を行ってください。 プランは下記4プランです。ご自身の目的に応じたものを選びましょう。なお、 1年一括払いや2年一括払いにすると割引が適用 されます。 手続きが完了している方は、以下の手順に沿ってサブドメインを作成します。 作成手順 設定したいWixホームページの管理画面を開きます。 「設定」をクリック→ 「独自ドメインを接続」 を選択してください。 「登録済みのドメインを接続」 をクリックします。 右下 「サブドメインを接続」 を選択します。 ※既にアカウント内にドメインを追加している場合は、「ドメインを追加」をクリック→「登録済みのドメインを接続」を選択してください。 サイトに接続したいサブドメイン名を入力 します。 「次へ」をクリックし、画面に表示される手順に従って操作を完了します。 サブドメインの作成後にやるべきこと もし、本ドメインでGoogle Analyticsを利用している場合は、 サブドメインを作成後にクロスドメイントラッキングが必要 です。 クロスドメイントラッキングとは、 ドメインを2つ以上またいでも同じWebサイトと見なし、 Googleアナリティクス上でまとめて閲覧できるようになる設定 のことです。1つのレポートとして表示してくれるため、訪問者のデータを正確に把握・分析することができます。 設定していない場合、Googleアナリティクスでは本ドメインとサブドメインは無関係なサイトと見なします。その結果、ユーザーがドメインをまたいでサイトを訪問してもセッションが途切れ、不具合を引き起こすことになるため、必ず設定するようにしましょう。 SSL証明書の取得も忘れずに! サブドメインに対応するSSL証明書のプロバイダーの検討も忘れずに行いましょう。 SSLの役割は2つあり やりとりされるデータの暗号化 Webサイトの所有者の証明 です。やりとりされるデータの中には、クレジットカード情報を含む個人情報があり、暗号化されていない場合は第三者によって情報が盗み見される恐れがあります。 SSL化されていれば情報が暗号化された情報がサーバーに届くため、個人情報の流出を防ぐことが可能 です。 また、SSL証明書を取得することで、 認証局からサイトの安全性を証明してもらえる ことになります。 すべてのSSL証明書のプロバイダーでサブドメインが利用できるわけではないため、対応するものを検討することが大切です。 まとめ サブドメインの作成は、ビジネス利用のウェブサイトにおいて特に有効な手段です。 ブランディング効果が高くなり、コスト面においても余計な費用がかからずに済むのが大きなメリットでしょう。しかし、SEOの観点から見ると良くも悪くも独自ドメインの影響を受けやすいと言えます。 また、サブディレクトリとの違いを理解し、どちらを利用すべきか検討することも大切です。 Wixでの作成手順は非常に簡単なので、本記事を参考にしながらぜひ充実したサイト作成を行ってみてください。
- Wixを使って感じたメリット・デメリット【ペライチ・wordpressとの簡単比較も】
世界190か国、1憶6,000万人もの人が利用している人気のホームページ作成サービスの「Wix」。本格的なサイトが初心者でも簡単に作れると評判が高いため、ホームページを開設するにあたり、Wixを候補に挙げている方(企業)もいるのではないでしょうか。 とはいえ、導入を検討する上で 「なぜ評判がよいのか?」「デメリットはあるのか?」 と疑問を抱えている人も多いはず。 そこで今回は、 Wixが持つ長所(メリット)と短所(デメリット)をそれぞれ詳しくご紹介 します。wordpressやペライチ、jimdoといった他サービスとの簡単比較も行っているので、ぜひ最後までお読みいただきご自身のサイト作成にお役立てください。 Wixを使ってできること(メリット) まずはWixのメリットをご紹介します。WIxには主に下記8つの長所があります。 ノーコードでホームページが作成できる デザインテンプレートが豊富 アニメーション機能が簡単に実装可能 スマホにも自動でレスポンシブ対応 サーバーを準備する必要がない ECサイトや予約サイトも作れる プラグイン(拡張機能)を利用できる 無料プランがある それでは、一つずつ詳しく解説します。 ①ノーコードでホームページが作成できる Wixは、専門スキルがない初心者でも気軽にホームページが作れる利点があります。通常、ホームページを作成する場合はHTMLやCSS、JavaScriptやPHPなどの知識が必要です。 しかしWixはテンプレートの使用やAIによる自動作成機能を利用して作るため、一切専門知識がなくても問題ありません。 ドラッグ&ドロップ(マウス操作)で編集できる ので、ExcelやWordを使う感覚で簡単にホームページを開設できます。 ②デザインテンプレートが豊富 Wixは、類似サービスと比較してもテンプレート数が断トツです。 目的・業種別で900種類以上ものデザインが用意されている ため、自分好みのデザインが見つかりやすいでしょう。その後のカスタマイズによって、よりオリジナリティあふれるサイト作りも可能です。 ③アニメーション機能が簡単に実装可能 サイト上のテキストや画像などに動きを出したい場合に効果的なのが、アニメーション機能です。文字や画像がふわっと浮くようなフェードイン、指定したものが大きくなるズームなど、 アニメーション効果は14種類 。好きな効果を付け加えれば、イキイキとしたサイトになるでしょう。 ④スマホにも自動でレスポンシブ対応 レスポンシブ対応とは、PCやスマホなど、閲覧しているデバイスの種類に応じてサイズを変更をしてくれることです。ユーザーがPCでサイトを閲覧しているとは限らず、 昨今はスマホからの閲覧が多い と言われています。そのため、サイトがタブレットやスマホでもキレイに表示されるよう設定することが重要です。 基本的にはモバイル最適化の切り替えボタンを使って、レスポンシブ対応にするだけなのでとても簡単です。スマホビューに切り替えて微調整を行えば、より見やすいサイトになります。 ⑤サーバーを準備する必要がない Webサイト(ホームページ)を作る運営する際に必要なサーバー契約が、Wixの場合は必要ありません。サーバーとは、ホームページのインターネット上でのデータ置き場のことを言い、サーバーとの契約によって世界中にWebサイトを公開することができます。 しかしWixでは サーバーとホームページ作成ツールがセット になっており、別途でサーバーを用意する必要がないため、初心者でも契約に戸惑う心配がありません。 ⑥ECサイトや予約サイトも作れる 100点以上あるネットショップの場合はShopifyなどのネットショップ構築サービスの利用を勧めますが、 個人販売などであればWixでも十分に商用利用に耐えうる品質のサイト作りが可能 です。 決済方法はクレジットカードとPaypalの2種類。テンプレート数が多いので、アパレルやインテリアショップ、ジュエリーや食品などさまざまなジャンルのショップを作成できます。 また、予約サイトで使える主な機能は 予約カレンダー 部屋の登録 ホテル情報登録 予約確認メール クーポン 決済方法の選択 メルマガ などです。動画やスライドショーと組み合わせれば、質の高い予約サイトが作れます。 ⑦プラグイン(拡張機能)を利用できる 「WIx App」というプラグインを利用すれば、チャット機能や掲示板機能、コミュニティの構築機能など、 他のWebサイトビルダーではできないさまざまな機能が追加可能 です。250以上ものアプリの中からご自身に必要な機能を見つけましょう。 ⑧無料プランがある Wixには8つのプランが用意されており、一番安いのは無料プランです。広告の表示やドメインの指定不可などの制約があるものの、 完全無料でホームページを持ちたい人にはおすすめ です。 Wixではできないこと(デメリット) 続いて、Wixを使う上で生じる問題点をご紹介します。代表的なデメリットは下記6つです。 テンプレートが変更できない サポート体制が弱い 無料プランには広告が付く 他サーバーに移行できない バックアップ機能がない それぞれについて見ていきましょう。 ①テンプレートが変更できない wixは、900種類以上のテンプレートがあるのが魅力の一つですが、 一度選んだデザインテンプレートを変更することはできません 。 そのため、デザインを変えたい場合はWix内で新しいホームページを一から作り直すか、手動でコツコツ手直しする必要があります。 ②サポート体制が弱い 問題点があるときは、自分でWebマニュアルを見て解決しなければならないのもWixのデメリットです。最近は日本法人が六本木に設立されたため、電話サポートを少しずつ行ってくれるようになりましたが、それでもリアルタイムでのサポートは難しく、折り返しで連絡をもらう必要があります。 操作が簡単なので、自分で解決できる問題点ばかりですが、 電話による直接のサポートを望んでいる場合には向かない でしょう。 ③無料プランには広告が付く Wixの無料プランで作成・公開したホームページには上記画像のように「このホームページはWix.comを使って作成されました。」とサイト上部に広告が入ってしまいます。 そのため、コーポレートサイトを作成する際には無料プランは向かないでしょう。企業としての質・信頼度が落ちてしまうため、 ビジネス利用を目的とする場合は広告非表示の有料プランがおすすめ です。 ④他サーバーに移行できない Wixは、サーバーとホームページ作成ツールがセットになっているサービスのため、他のサーバーに移行することができません。 移行できないと、サイトを運営していく中で 「より速度の速いサーバーに移動したい」「アクセス数が伸びてきて動作が遅い」場合などの問題点が出てきたときに対処が難しく なります。もし、将来的にサイトの移行が想定される場合は、初めからwordpressなど他のツールを使って作成することを勧めます。 ⑤バックアップ機能がない Wixには、サイトの自動バックアップ機能がありません。何かの拍子でサイトが消えてしまったときは復元が難しく、1から作り直す必要があります。 対策としてできることは 複雑でページ数の多いサイトを作成しない(バグが生じる可能性があるため) サイトを複製(コピー)しておく といった方法があります。 他サービスとの簡単比較 Wixと比較されやすいツールとしてあげられるのが、「wordpress(ワードプレス)」「ペライチ」「jimdo(ジンドゥー)」です。それぞれに強みや弱点があるため、サイトを作る前にどのサービスを使うのが自身にとってベストか考える必要があります。 以下では、Wixと比較したときの主な特徴などを簡単にまとめているので参考にしてみてください。 Wix wordpress ペライチ jimdo 費用 0~3,800円/月 0~6,800円/月 0~3,278円/月 0~5,190円/月 テンプレート数 900種類以上 数千以上 60種類以上 40種類以上 カスタマイズ ○ ◎ ○ △ レンタルサーバーの契約 不要 必要 不要 不要 難易度 初心者 中~上級者 初心者 初心者 サイトの規模 中規模サイト向き 大規模サイト向き 小規模サイト向き 小~中規模サイト向き 特徴 ・豊富なテンプレート数 ・操作の簡単さ ・世界No.1のシェア率 ・サイトカスタマイズの柔軟さ ・ランディングページ向き ・日本国内向きのデザイン ・操作の簡単さ 中規模サイト向きなので、 新しく会社を立ち上げた場合や豊富なテンプレートを使って簡単にサイト作りをしたい人はWix を、大規模なサイトや自由自在にサイトをカスタマイズしたい場合にはwordpressを、ランディングページを作りたいときにはペライチを、最も簡単にホームページを作るならjimdoを選択するのがおすすめです。 有料プラン・無料プランの比較 金額に応じてできること・できないことが異なってくるため、料金プランについてもご紹介します。 ホームページプラン 無料プラン VIP アドバンス ベーシック ドメイン接続 料金 0円 2,659円/月 1,500円/月 900円/月 500円/月 広告表示 あり なし なし なし あり 独自ドメイン 使用不可 使用可能 使用可能 使用可能 使用可能 データ容量 500MB 35GB 10GB 3GB 500MB 特徴 ・ドメインは「ユーザー名.wixsite.com/サイトアドレス」 ・サイトブースターアプリ1年無料 ・Visitor Analyticsアプリ1年無料 ・Wixロゴメーカー($50相当) ・SNS用ロゴ作成 ・プレミアム優先サポート ・VIP サポート ・サイトブースターアプリ1年無料 ・Visitor Analytics アプリ1年無料 ・独自ドメイン初年度無料 ・独自ドメイン使用可能 基本機能は同じですが、無料プランと有料プランの大きな違いは 広告の非表示 独自ドメインの指定ができる データ容量アップ です。有料プランには、今回ご紹介したプレミアムプランの他に、ECショップの運営に便利な「ビジネス&Eコマースプラン」も用意されています。 Wixはこんな人におすすめ 以上のことからWixのサービスがおすすめな人は 専門知識がない初心者だけど、ホームページを作りたい人 シンプルなホームページを作って運営したい人 小規模なホームページを作りたい人 一時的なイベントといった特設サイトを作りたい人 まずは無料でホームページを作りたい人 サーバーの契約をせずに気軽に運営したい人 ベンチャー企業などの中小企業のコーポレートサイトを作りたい人 などが挙げられます。コーディングのプロが作るホームページには劣るものの、最低限の機能が備わっているWixは、作り込めればしっかりとしたホームページの作成が可能です。 まとめ Wixは、HTMLやCSSなどの知識が必要なく、マウス操作&文字入力で簡単に自身のサイトが作れる画期的なサービスです。 主なメリットは ノーコードでホームページが作成できる デザインテンプレートが豊富 アニメーション機能が簡単に実装可能 スマホにも自動でレスポンシブ対応 サーバーを準備する必要がない ECサイトや予約サイトも作れる プラグイン(拡張機能)を利用できる 無料プランがある の8つです。また、デメリットは テンプレートが変更できない サポート体制が弱い 無料プランには広告が付く 他サーバーに移行できない バックアップ機能がない の5つが挙げられます。 そのため、Wixのサービスは「プログラミングの知識がないけど気軽にテンプレートを使ってサイトを作りたい人」や「ベンチャー企業などの中小企業のコーポレートサイトを作りたい人」などにおすすめです。 自身(自社)が作りたいホームページの規模やサイトのデザイン、サーバー契約の有無など、目的に合うサービスを利用してみてください。
- 初心者でも簡単!Wixでお問い合わせフォームを作成する2つの方法
顧客との接点を増やしたいときに便利なのがお問い合わせフォーム。実際、サイトのお問い合わせフォームは、顧客との接点を強化する重要な項目としてほとんどの企業・個人事業主のホームページに設置されています。とはいえ、自身でホームページを作る場合 「どのような項目を作ったらよいか分からない」「作成方法が分からない」 と悩んでいる方もいるのではないでしょうか。 この記事では、 初心者向けにWixを使ったお問い合わせフォームの作り方を2通り解説 します。お問い合わせ数を増やすコツも併せて説明しますので、ぜひ最後までお読みいただきご自身のサイト作成にお役立てください。 お問い合わせフォームの必要性 企業・個人事業主のホームページの場合、お問い合わせフォームが設置されているのが基本です。 そもそも、お問い合わせフォーム以外にも顧客との代表的なコンタクト方法には以下の方法があります。 メール メールソフトを立ち上げて送信する方法です。メールアドレスを公開するだけで簡単に用意できるお問い合わせ方法で、 24時間365日時間を気にせず利用できる のがメリット。 その反面、必要な情報を記載してもらえなく、やりとりに手間がかかるデメリットがあります。 また直接メールアドレスを載せることは、迷惑メールなどのスパムの標的になりやすいと言えます。 電話 直接顧客と連絡を取りたい場合に有効な手段 です。ただし、対応時間や対応人員が不足するとなかなか電話が繋がらず不満を招くデメリットも。 メールやお問い合わせフォームのようなな記録も残らないため、言った、言わないの水掛け論になる可能性もあります。 一方、お問い合わせフォームの特徴には以下の点が挙げられます。 お問い合わせフォームの特徴(メリット) 24時間365日、ユーザーの好きな時間に問い合わせができる 入力必須項目をすべて満たさないと問い合わせできない(必要事項の入力漏れを防げる) メールアドレスを公開しなくてよい メール送受信のソフトを起動しなくてよい(自宅PC、勤務先のPC、スマホなど、どれでも問い合わせができる) メールと似ている点があるものの、 お問い合わせフォームはアドレス公開の必要がない点や入力漏れ防止、メーラーを起動しなくてよい点 など、サイト運営、ユーザー双方から見てメリットが多いと言えます。顧客とのコンタクトを取るなら、お問い合わせフォームの設置は欠かせません。 お問い合わせフォーム設置で気を付けたい4つのコツ お問い合わせフォームの設置にはメリットが多いものの、設置の仕方次第ではデメリットとなる場合もあるので注意しましょう。 成果に繋がりやすいお問い合わせフォーム設置のコツ は以下の4つです。 項目数を多くしすぎない お問い合わせフォームの離脱率を分析する お問い合わせ直後に通知メールを送る 目に入りやすいお問い合わせフォームを作る それでは、ポイント一つ一つについて詳しく説明します。 01.項目数を多くしすぎない お問い合わせフォームでは、入力項目数を最小限に抑えることがベター。実際、とある専門業者がサイト離脱率についてリサーチしたところ、 No.1の理由として「お問い合わせフォームの入力項目数が多い」という結果 が出たそうです。 「入力項目が多くて面倒くさいな」と感じられ、顧客との繋がりが減ってしまっては勿体ありません。ご自身のサイトの目的が顧客獲得だとしたら、年齢や部署は必要ないでしょう。また、入力必須項目数を減らすことも、ユーザーのストレス軽減になります。スッキリしたお問い合わせフォームにし、離脱せず最後まで入力してもらえるよう、項目を検討してみてください。 ちなみにWixを使ったお問い合わせフォームの場合、 無料プランだと項目が7つまで という決まりがあります。 02.お問い合わせフォームの離脱率を分析する サイト運営を本格的に行ってからの大切なポイントが、お問い合わせフォームの離脱率分析です。一般的にフォームの離脱率は40~50%と言われているため、これを大きく上回る場合は改善が必要だと考えられます。 離脱率の解析方法は、 Wixのホームページと「Googleアナリティクス」を連携 すること。サイト運営に慣れてきたら、定期的に分析して不要な離脱を防止しましょう。 03.お問い合わせ直後に通知メールを送る ユーザーが問い合わせした後に、後日返信メールが送信される旨の通知メールを送信しましょう。問い合わせ直後に通知目メールを送ることは、ユーザーの安心感に繋がります。 04.目に入りやすいお問い合わせフォームを作る お問い合わせフォームをシンプルにしようと小さく設置すると、目に入りにくく、ユーザーが問い合わせたい場合に手間が生じやすいです。その段階でサイトを離脱されてしまっては、せっかくの顧客獲得の機会を失ってしまう可能性があります。 対策として、 トップページ下部に直接お問い合わせフォームを作ったり、全ページに大きく目立つようなバナーを貼る などの方法があります。カスタマーファーストを常に意識し、顧客が見やすい・使いやすいサイト作りを行うことが大切です。 お問い合わせフォームの作成手順 Wixを使ってお問い合わせフォームを作る方法は以下の2通りがあります。 作成方法 詳細 難易度 テンプレートの使用 テンプレートに搭載のお問い合わせフォームをカスタマイズする方法 簡単 オリジナルで作成 追加ページとしてお問い合わせページを作成する方法 やや難しい 以下では、それぞれのパターンごとの作成手順を説明します。やや難しいオリジナルでの作成も、CSSやHTMLを使うような難易度ではありません。 簡単に作りたい人はテンプレートの使用を、デザインにこだわりたい人や選択したテンプレートにお問い合わせフォームがない場合はオリジナルでの作成がおすすめ です。 テンプレートを使用して作成する方法 ここからは、Wixテンプレートテーマ「グラフィックデザイナーA」を使って、実際の手順を踏みながらお問い合わせフォームの作り方を説明します。 初期設定のお問い合わせフォームは以下の通りです。↓ 例として、以下のようにカスタマイズできます。↓ 他のテンプレートでも手順は変わらないので、お好みのテンプレートを利用してください。 ①お問い合わせフォーム編集画面を開く Wixエディタの 「サイトメニュー」→「Contact 」 をクリック。 名前や送信先アドレスなど、基本的な項目がテンプレートに合ったデザインで表示されています。 ②Wixフォームから設定する 編集をする際は 、フォームをクリック→「フォーム設定」 を開いてください。フォーム設定では、基本的に以下の項目の変更が可能です。 通知メール設定 送信完了メッセージ 送信後のアクション それぞれの項目の設定方法を説明します。 ③通知メール設定 ユーザーからお問い合わせがあったときに通知される連絡先の設定 ができます。初期設定ではWix登録時のメールアドレスとなっているので、変更する場合は忘れずに設定してください。 フォーム設定より 「メイン」→「通知メールを設定」 もしくは、「 設定」→「通知メール」→「通知を設定」 をクリックします。どちらでも構いません。 ダッシュボードが開くので、送信先のアドレスを入力します。 ④送信完了メッセージ ユーザーがお問い合わせ内容を送信後に表示されるメッセージをカスタマイズできます。 「送信メッセージ」の項目をクリック し、編集をします。 今回は、初期設定の「送信ありがとうございました」を「お問い合わせが完了しました」に変更しました。 ⑤必須項目・プレースホルダテキストの設定 必須項目やプレースホルダ―テキストの設定は、各入力項目ごとに行います。 プレースホルダ―テキストとは、空白の項目に表示されている説明文のことで、一般的には入力例や「ここに入力」などと書かれていることが多いです。 設定したい入力欄をダブルクリック→ 「項目を編集」 を選択します。 必須項目に設定したい場合は、 「必須項目」のチェックボックスにレ点 を入れます。 プレースホルダ―テキストを設定するときは、 「初期テキストを表示」内の「プレースホルダーテキスト」を選択→表示させたい文を入力 します。 ⑥入力フォームの追加方法 入力する項目を追加する場合は、 フォームをクリック→「新しい項目を追加」 をクリック。表示させたい項目を選択します。今回は電話番号を追加しました。 また、すでに表示されている項目を削除したい場合は、 削除したい入力欄をダブルクリック→「Deleteキー」 で消すことが可能です。 ⑦表示項目の入れ替え方法 表示されている項目の前後を入れ換える場合は、 入れ替えたい項目をダブルクリックで選択→ドラッグ で動かします。他の項目とのバランスを見ながら微調整してください。 ⑧デザインの変更方法 デザインを変更する際は、 フォームをクリック→「デザインを変更」 を選択。好きなデザインを選択します。 また、 「デザインをカスタマイズ」では入力欄、送信ボタン、フォームの背景それぞれの色や不透明度、枠線のスタイル など細かな設定が簡単に行えます。 オリジナルでお問い合わせフォームを作成する方法 Wixでは0からお問い合わせフォームを作成することが可能です。選んだデザインテンプレートにお問い合わせフォームがない場合に便利です。 まずは サイドメニュー→「メニュー&ページ」→「ページを追加」 をクリックします。 ちなみに、既存のページにフォームを追加する場合はページの追加は不要です。 テンプレートが豊富に用意されているので、お好きなデザインを選択してください。今回は「ベーシック」をもとにカスタマイズしていきます。 お問い合わせページが表示されました。上部の「Contact」や説明文などを編集したい場合は文字をクリックして修正します。不要な場合はDeleteキーで削除可能です。 通知メールの設定や項目ごとの設定などは、テンプレートを使用したカスタマイズ方法と同じです。 フォームの位置を変えたい場合は、フォームを選択→ドラッグで移動できます。 全体のバランスを整えたら完成です。 まとめ Wixを使ったお問い合わせフォームの作り方には、以下の2通りがあります。 テンプレートの使用 オリジナルで作成 また、成果に繋がりやすいお問い合わせフォームの設置のコツは以下の4つです。 項目数を多くしすぎない お問い合わせフォームの離脱率を分析する お問い合わせ直後に通知メールを送る 目に入りやすいお問い合わせフォームを作る 顧客目線になって、どのようなお問い合わせフォームが使いやすいか考えることがサイトの離脱防止・顧客獲得の基本です。また、作成後は一度正常に作動するかご自身でテストしましょう。 テンプレートもオリジナルも、どちらも作成方法はシンプル。初心者でも挑戦しやすいほど簡単な作成方法なので、ぜひチャレンジして自身のサイト運営にお役立てください。