みなさんこんにちは！おさかなです！
今回は「codoc」について、書いていこうと思います！
それでは、レッツゴー！！！！！
・Webサイトに「サポート・支援機能」を設置したい方
・有料コンテンツを販売したい方
・サブスク機能を使いたい方
「codoc」って何？
codocとは、自身のサイトで「有料コンテンツ」を販売したり、「サブスク型」「投げ銭」のような支援機能を設置することができるサービスのことです！
(noteの有料記事、サポート支援を、自分のサイトでもできる！というイメージです。)
販売価格の設定はこんな感じ！100円～だから気軽に販売できちゃいます！(すごい！)
↓紹介動画はコチラ
4ステップで簡単に始めることができます！(わくわく！)
始めてみよう！
それでは早速始めてみましょう！
まずはサイトにアクセスします。
次に右上の「無料で始める」という赤いボタンをクリックします！
すると画面が切り替わるので「ニックネーム(任意)」「メールアドレス」「パスワード」を入力して、
(Twitter又はFacebookのアカウントで登録することもできます☆)
次に、入力したメールアドレスの受信ボックスを確認します！
メールが届いていたら「メールアドレスを認証する」という青いボタンを押しましょう！
ダッシュボードに入ることが出来たら、無事にアカウントができています！(よしっ！)
サポート機能を使ってみよう！
それでは、実際に「サポート機能」を使ってみましょう。
まずは左下の「サポート機能(投げ銭)の設置」というボタンをクリックします！
するとこのような画面に切り替わります！
今回は「サポートウィジェット」を設置してみたいと思うので「貼り付けタグを表示」をクリックします。
するとコードが表示されるので、コピーします。
(今回は「JS＋要素」の方を選択しました！)
コピーしたコードを設置したい場所に「貼り付け」ます！
↓このページにも実際に設置してみました！(こんな感じ～！)
デザインを変更してみよう！
「デザイン」タブから、ボタンのデザインをカスタマイズすることもできます！
「テーマ」を選択したり、いいねやcodocについて表示するかしないかを選べたりします。
ご自身のサイトのイメージに合わせて、色々変更してみると良いでしょう！(わーい！)
テーマ一覧
テーマの一覧をまとめてみたので、デザインを変更するときは、ぜひ参考にしてみてください！
青色をベースとしたテーマ(デフォルト)
赤色をベースとしたテーマ
緑色をベースとしたテーマ
黒色をベースとしたテーマ
ダークモード向けテーマ
青色をベースとしたテーマ (四角)
赤色をベースとしたテーマ (四角)
緑色をベースとしたテーマ (四角)
黒色をベースとしたテーマ (四角)
ダークモード向けテーマ (四角)
※なぜか白背景で表示されてしまっていますが、黒背景ならいい感じになるはずです！
最後に「設定を保存」ボタンを押すのを忘れないように気を付けてくださいね！(ポチっと！)
これで全ての操作は完了です！
お疲れ様でした🍵
みなさんのサイト運営がさらに良いものになりますように！
「WordPress」プラグインもあるよ！
ちなみに、codocは公式の専用プラグインも用意しているみたいです！
WordPressサイトを運営している方は、ぜひご活用ください！(おさかなもやってみます👶)
↓実際にプラグインを使ってみた記事はこちら
ここまで読んでくださり、ありがとうございました！
当サイトを気に入っていただけましたら、匿名OK！15円から！のサポート支援に是非！ご協力をお願いいたします！
ご支援いただいたものは、「プログラム関連の書籍」や「新しいWebサービス」などから知見を得るために活用させていただきます。✨
※「受け取り人メールアドレス」には「osakana1699@gmail.com」を入力してください。
