2012年02月17日 web関連

さきほど、Gumroadにユーザー登録してみました。
どうやって活用していくか全然考えてないのですが、どんな感じなのか知りたかったので、登録&販売商品を登録してみました。

ユーザー登録から販売までが数クリックで完了するので、実に簡単でした(・∀・)
WEBの知識が無い方でも簡単にネット上でダウンロード販売出来る感じです。

ユーザー登録

メールアドレス、パスワードを入力し、登録をするだけです。登録後に完了メールが届きますので、承認する必要があるようです。承認前でもログイン、販売商品の登録などは、普通にできました。

販売商品の登録

販売するものの名前、ファイルのアップロード(もしくは公開中のURLの設定)、価格を設定すれば、販売リンクの登録が完了します。
あとは、商品リンクを宣伝するだけって感じでした。価格のデフォルトは「$2」に設定されていました。

gumroadの登録〜販売の手順&管理画面の説明

テスト販売として、「gumroadの登録〜販売の手順&管理画面の説明」をスクリーンショットと説明付きでまとめてみました。

管理画面

管理画面内は、販売商品情報の編集、アカウント設定(通貨、Paypalなどの設定)、カスタムCSSを使ってプロフィールページのデザインカスタマイズなどのメニューがありました。

カスタムCSSを使って、自分の名前の横にFacebookのアイコンを設置してみました。

カスタムCSSに設置したコード

#seller_under_quote strong {
background-image: url(http://my_icon_image_url.jpg);
background-repeat:no-repeat;
padding-left:30px;
}

カスタムCSSのコードは、販売ページ内のBODY内にCSSが以下のような感じで追加されるようです。

<body id="link">

  <div id="modal-container">
    <div class="modal-container-background"></div>    
  </div>

<div class="top-bar"></div>

<div class="flash-message"></div>

<div id="wrapper">

 <style type="text/css">
  #seller_under_quote strong {
background-image: url(http://my_icon_image_url.jpg);
background-repeat:no-repeat;
padding-left:30px;
}
  </style>

...以下省略

今回カスタムCSSを適用して、テスト販売してみたページ

カスタムCSS適用後の販売ページ

Gumroadを初めて使ってみた感想は、非常に簡単で、すぐに販売が出来ました。今後、活用していけたらいいなぁと思いました(・∀・)

近々、購入の流れをまとめてみよーかなと思います。

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ピックアップ記事

PHP 短縮URLのAPIから短縮後のURLを取得

2011年08月09日 phptwitter APIweb関連
twitterに関連したwebサービスを作っているとURL短縮の必要が出てくることが多々あります。 そんな時には、有名なurl短縮サービスを利用することになると思うのですが、代表的なbit.ly、TinyURLを利用する方法です。 …
「PHP 短縮URLのAPIから短縮後のURLを取得」をはてなブックマークに追加

WordPressで記事に画像投稿する際に、自動でクラス名をつける

2013年10月09日 phpweb関連WordPress
記事内の画像をいい感じのエフェクトをつけて拡大表示させるWordPressのプラグイン「Easy FancyBox」というのを導入したのですが、挿入されたaタグやimgタグに固有のクラス名がないので、CSSで調整しづらかったので、リンク付きの画像を挿入したい際に自動でclass名を追加するようにしました。 imgタグにclassを追加する場合とaタグに追加する場合を分けて書きます。 挿…
「WordPressで記事に画像投稿する際に、自動でクラス名をつける」をはてなブックマークに追加

wordpressのパンくずリストをmicrodata対応させる[追記あり]

2014年08月04日 phpSEO対策web関連WordPress
WordPressのパンくずリストをリッチスニペット(microdata)に対応させてみました。 リッチスニペットについては下記を参考にしてください。 リッチ スニペット - パンくずリスト(Google) 対応後のコードはGistにあります。という割に、Gistの使い方がよくわかっていません・・。 少しずつ勉強していきます。(^_^;) microdata対応のWordpr…
「wordpressのパンくずリストをmicrodata対応させる[追記あり]」をはてなブックマークに追加

FacebookアプリをFacebookページ(ファンページ)に追加する

2012年01月27日 Facebookweb関連
[php]https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL [/php] この「YOUR_APP_ID」はApp ID/API Keyに、「YOUR_URL」はアプリのURLに書き換えて、ブラウザからアクセスしてください。 アプリのApp ID/API K…
「FacebookアプリをFacebookページ(ファンページ)に追加する」をはてなブックマークに追加

IE6,IE7,IE8のレイアウトなど、見た目をチェックするツール(Windowsのみ)

2012年02月09日 web関連
WEBサイト制作をしていると、IE6のような古いブラウザのチェックが必要な場合が多いですが、普段使っているPCには入っていないという場合も多いので、どうしたものかな〜〜とお困りの方も多い(最近はそうでもないのかな)のでは、ないでしょうか。 普段私は、IETesterやAdobeR BrowserLabなどのツールを使って確認することが多いのですが、動作がおかしかったり、重かったりで、いまいち、コ…
「IE6,IE7,IE8のレイアウトなど、見た目をチェックするツール(Windowsのみ)」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy