ヘルプ

  1. ピッパサックTOP
  2. ヘルプ
  3. HOWTO

HOWTO

  • HOWTO

HOWTO (使い方ガイド)

ピッパサックでよく使われる機能の 使い方・実践的な手順 をまとめたカテゴリです。会社概要ページの作り方、料金プランの作り方、予約システムの使い方、動画配信サイトの公開手順、フォームの活用、ライブ配信、決済連携、SEO 対策、SNS 連携など、実際のサイト運営に役立つノウハウを HOWTO 形式で紹介しています。

主なトピック

  • ページ作成: 会社概要 / 料金プラン / パンくずリスト / 見出し変更 / アニメーション
  • フォーム活用: 求人フォーム / お申し込みフォーム / ワンターンフォーム
  • コンテンツ管理: カテゴリ / リレーション / リンク設定 / ページエディタの応用
  • 動画・ライブ: 動画のチャプター機能 / OBS Studio によるライブ配信
  • 決済連携: サブスクリプション / クイック決済 / 6 ヶ月パック / PAY.JP クーポン
  • 会員機能: 会員 CSV インポート/エクスポート / グループ機能
  • SNS 連携: LINE / Instagram / X (Twitter) / Youtube
  • その他: SMTP メール送信 / ファースト ビュー / オリジナルテーマ作成

分からないことはサポート掲示板でも受け付けています。

ナビゲーション内にログアウトを追加してみよう

 HOWTO ナビゲーション内にログアウトを追加してみよう ナビゲーション内にログアウトボタンを追加してみよう 目的 閲覧者がログインしている時に、サイトのナビゲーション (メニュー) にログアウトボタンを設置する方法を解説します。設置することで、閲覧者は自分がログインしているかが一目でわかり、ログアウト操作もスムーズにできるようになります。 設定前のサイトプレビュー このようにログインボタンしかない状態...

サイトからの通知メールを他社メールサーバー(SMTP)から送信する方法

 HOWTO サイトからの通知メールを他社メールサーバー (SMTP) から送信する方法 サイトからの通知メールを他社メールサーバー (SMTP) から送信する方法 ピッパサックのサイトから送信される各種通知メール (お問い合わせ受付通知、会員登録通知など) を、他社メールサーバーの SMTP 経由で送信するための設定手順を解説します。 SMTP (エス・エム・ティー・ピー) とは、メールを送信するための標準的な通信手順のことです。自...

動画配信（決済付き）サイトを公開するまでの手順

 HOWTO 動画配信 (決済付き) サイトを公開するまでの手順 動画配信 (決済付き) サイトを公開するまでの手順 ピッパサックで 決済機能付きの動画配信サイト を新規で立ち上げ、公開するまでの一連の流れを紹介します。決済機能を活用して有料動画コンテンツを配信したい方向けの手順です。 全体の流れ ピッパサックの登録 公式サイト でアカウントを作成します。アカウント登録後、管理画面にログイン可能になります。 ...

カテゴリについて学ぼう

 HOWTO カテゴリについて学ぼう カテゴリについて学ぼう ピッパサックでのカテゴリって？ ピッパサックでは タグ機能 を使ってカテゴリ分けを行えます。カテゴリを活用することで、提供すべき情報を分類・整理し、それらを効率よく呼び出したりできます。訪問者が目的のコンテンツを素早く見つけられるようになります。 今回はブログのタグでカテゴリを学んでいきます。 例として使用するタグ: 基礎編 水彩画コース ス...

PAY.JPのクーポンコード

 HOWTO PAY.JP のクーポンコード PAY.JP のクーポンコードの使い方 ピッパサックをご利用の皆様に、PAY.JP をお得にご利用いただくために クーポンコードの発行 を行っています。ここではクーポンコードの確認方法と適用方法を解説します。 クーポンコードの確認 ピッパサックの管理画面の 「サポート掲示板」 からクーポンコードの発行をしています。 ※クーポンコードを発行されていない方は、サポート掲示板よりお問い合...

リレーションについて学ぼう

 HOWTO リレーションについて学ぼう リレーションについて学ぼう リレーションとは リレーション とは、関連や関係を示すためのものです。ピッパサックでは 会員グループ・動画タグ・閲覧保護設定を組み合わせる ことで、「特定の会員グループの人だけが特定の動画タグを閲覧できる」という関係 (=リレーション) を作れます。 この HOWTO で作るもの: プレミアム会員 → プレミアム動画 今回は「プレミアム会員」というグル...

リンク設定について学ぼう

 HOWTO リンク設定について学ぼう リンク設定について学ぼう パスとは パス とは、画像ファイル・HTML ファイルなどがどの場所にあるかを表した文字列のことです。ピッパサックのリンク設定でも、このパスの書き方を理解しておくと、リンク切れを防ぎ、正しくファイルを参照できます。 間違ったパスを書いてしまうと、画像が読み込まれなくて正常に表示できなくなってしまいます。 パスの書き方は 「絶対パス」と「相対パス...

予約システムを使って予約を管理しよう

 HOWTO 予約システムを使って予約を管理しよう 予約システムを使って予約を管理しよう 予約システムとは ピッパサックの予約システムは、カレンダー上でユーザーがサイトから予約できる機能 です。設定は最初は難しく感じるかもしれませんが、とても便利な機能なので使いこなしましょう。 予約設計のポイント (最初にやること) 予約システムを作る前に、以下の点をしっかり決めておくことをおすすめします: 予約可能な時間...

リンクテキストを使って電話やメールへのリンクにつなげよう

 HOWTO リンクテキストを使って電話やメールへのリンクにつなげよう リンクテキストを使って電話やメールへのリンクにつなげよう 概要 ピッパサックではページエディタのパーツで 「リンクテキスト」 を追加できます。適切なリンクテキストを設定すると、ユーザーは目的のリンクにたどり着きやすくなります。 ここでは特に 電話番号のリンク と メールアドレスのリンク の設定方法を紹介します。スマホで表示された時に、タ...

表を使って会社概要ページを作ってみよう

 HOWTO 表を使って会社概要ページを作ってみよう 表を使って会社概要ページを作ってみよう 会社概要ページの重要性 会社概要ページは、会社情報を正確にユーザーに伝え、どんな会社なのか・会社の信頼性を高める ために大切なページです。特に BtoB や商用サイトでは、このページの充実度が問い合わせ数に影響します。 ピッパサックでは 「表 (テーブル)」 を使って、簡単に会社概要ページを作ることができます。 手順 1: 固...

料金プランをパネルにして追加しよう

 HOWTO 料金プランをパネルにして追加しよう 料金プランをパネルにして追加しよう 目的 ピッパサックでは、さまざまな料金プランをサイトに掲載できますが、訪問者にわかりやすく伝えるためにプラン表 (パネル) を作ってみましょう。 作成イメージ (例) コース名 水彩画コース デジタルイラストコース 水彩画 & デジタルコース 内容 週 1 回動画配信 (水彩画) ブログ閲覧 (基礎...

求人フォームを作って、求人申し込みページを作ってみよう

 HOWTO 求人フォームを作って、求人申し込みページを作ってみよう 求人フォームを作って、求人申し込みページを作ってみよう 求人フォームの重要性 求人フォームは、応募者にとっては企業の求人募集に応募するための入口であり、企業にとっては応募者の情報を取得するための大切なツールです。項目を適切に設計することで、必要な情報を漏れなく集められます。 ステップ 1: 求人フォームに記載する項目を書き出す まず、求人...

都度購入でパックを購入後、６ヶ月間のみを動画閲覧できるようにしよう

   都度購入でパックを購入後、６ヶ月間のみを動画閲覧できるようにしよう 都度購入で６ヶ月パックを購入してもらい、６ヶ月間のみ動画を閲覧できるような仕組みはどうすればいいですか？ それは、クイック決済とグループの有効期限の設定を行うことでできるようになります。   グループを作ってみよう 会員管理＞グループ設定から、６ヶ月間のみのグループを作ります。 グループを追加したら、...

パンくずリストを設置してみよう

   パンくずリストって？   パンくずリストってなんだろう？ パンくずリストは、閲覧してる方に見やすい使いやすいホームページを作るために大切です。 ホームページを訪れたとき、「現在どこのページになのか？」疑問に思った時パンくずリストが道標となります。   コーポレートサイトの例 ホーム ＞ 会社情報 ＞ 社長挨拶   採用サイトの場合 ホーム ＞ インタビュー ＞ 採用フォ...

見出しの大きさを変更しよう

   見出しって？   見出しとは、記事の内容が分かるように文章の前につける「タイトル」のことです。   見出しがあることにより、ユーザーが文章の構造を理解しやすかったり、検索エンジンにコンテンツを適切に伝えるというメリットがあります。   見出しの大きさを変更しよう 見出しはサイズを指定しないとサイズがそれぞれ決まっています。   サイトプレビュー↓ &nb...

アニメーションを追加しよう

   アニメーションを追加しよう ホームページにアニメーションを取り入れると、いいことがあります。 大量の情報を読み取ってもらうには、何度もスクロールしてもらう必要がありますが、アニメーションなどの動きつけることにより、ユーザーに負担を感じさせることなく、より多くの情報を届けられるのがメリットです。 それに、ボタンなどの動き取り入れば、触って体験してもらえるサイトに仕上がります。 で...

イベント機能にお申し込みフォームを紐づけよう

   イベント機能にお申し込みフォームを紐づけよう イベントにお申込みフォームを紐づけて、申し込み人数に上限を設けたり、特定のグループのみ申し込めるようにしていきます。   申し込みフォームを作ろう サイト編集＞フォーム＞フォーム追加から専用のフォームを作ります。 タイトルはわかりやすくしましょう。 オレンジの枠の制限からフォームに上限を設定していきます。 申込数の上限...

カスタム投稿で商品紹介を投稿しよう

   カスタム投稿って？ ピッパサックでのカスタム投稿はブログと少し違って項目を自由に設定できる機能になります。 例えば、ポートフォリオ、製品情報、イベント情報、FAQ、レビューなど、ウェブサイトの特定のニーズに合わせて、独自のフィールドを持つコンテンツタイプを追加できます。 カスタム投稿の基本操作はこちらをご覧ください。   カスタム投稿で商品紹介を投稿しよう 商品を紹介す...

会員をCSVインポート・CSVエクスポートしてみよう

   CSVインポート・CSVエクスポートって？   インポートはファイルを読み込むこと。 エクスポートはファイルを出力すること。   CSVファイルとは、各項目がカンマ（,）で区切られたテキストデータのことです。 データの容量が軽く、読み書きや編集が簡単に行えます。 またCSVファイルは互換性がよく、Excelやメモ帳、Googleスプレッドシートなどさまざまなソフトで閲覧したり、編集できたりします...

ページエディタを使いこなしてみよう

   ページエディタを使いこなしてみよう よく使うレイアウトを保存して効率よくサイトを作ってみましょう！ レイアウトブロックを追加＞３カラム＞画像/見出し/文章を作っていきます。 サイトプレビュー↓ 下のコピークリック、「Ctrl」キーと「V」キーを押しペーストします。 ※Macは　command　＋　V ３カラムなのでもう一度ペースト。 これで３カラム完成しました。 サイト...

ページエディタを使いこなしてみよう パート２

   ページエディタを使いこなしてみよう カラムに同じ内容を入れても表示の仕方が変わる時があります。 今回は２カラムを使って説明していきます。 １個の２カラムに埋め込んでいきます。 サイトプレビュー↓ 雑誌のようなレイウトになりました。 次は２個の２カラムに同じ内容を埋め込見ます。 サイトプレビュー↓ このように同じ内容ですが表示...

動画のチャプター機能を使ってみよう

   動画のチャプター機能を使ってみよう 動画チャプターは動画に複数のセクションを入れることができる機能です。 チャプターごとにプレビューが表示され、各チャプターには動画の部分ごとのテキスト入力ができるため、ユーザーは視聴したい部分を簡単に見つけることができます。 ピッパサックではアップロードした動画ごとに手動で動画チャプターを追加できます。 ストリーミング＞動画一覧＞編集からチャ...

グループ機能を使ってプランを作ってみよう

   グループ機能を使ってプランを作ってみよう     どのようにプランやグループを分けたりしたらいいのかわからない方に向けてわかりやすく説明していきます。     今回は水彩画やデジタルイラストのオンラインサロンのコースを作っていきたいと思います。     初心者コース（無料会員登録） 月１動画配信（基礎編） ブログ閲覧（基礎編）  ...

ワンターンフォームをページに追加しよう

   ワンターンフォームをページに追加しよう ワンターンフォームはページエディタのパーツはないので、生成されたURLをお知らせするか、どこかへリンクとして設置して、使っていただくような機能となります。  

階層メニューをQ＆Aに応用してみよう

   Q＆Aを作成しよう サイト編集＞階層メニューを使用し、Q＆Aを作ってみましょう！ 階層メニューとは、メニューの表示形式のひとつで、メニューをクリックすると下層にある項目が下に表示されるものになります。 質問をクリックすると、回答が下に表示されるQ＆Aを作ってみます。 サイト編集＞階層メニューから階層メニューを作ります。 「 Q＆A 」入力し、項目追加します。 編集から質問を...

表示設定の変更方法を覚えよう

   表示設定って？ サイト編集＞ページ＞ページエディタにてブログの表示方法は説明しましたが 閲覧保護設定してある記事のタイトルは閲覧できますが保護がかかってるので、記事をみても保護の対象外の人にはログインを求めます。 パーツオプション機能により表示せってが変更できるようになります。   閲覧保護設定の記事を表示方法について ブログには NEWS と FANCLUB があります。 FANCLUB&nb...

OBS Studioを使ってライブ配信はしてみよう

   OBS Studioって？ OBS Studio（以下OBS）は、各種配信サイトに対応している無料のライブ配信用ソフトです。 OBS Studio ダウンロード   OBS Studio　ダウンロード方法 お使いのパソコン（OS）に合うものをダウンロードしてください。 OBS Studio を開きます。サービスは「カスタム」を選択します。   ストリーミング＞ライブイベント（Beta）から「配信準備...

クイック決済を使ってみよう

   クイック決済って？ ピッパサックでのクイック決済はPAY.JPを使用した決済方法で、都度課金や継続課金も行えます。 さまざまなプランも作成できます。なので、プランに合わせた会員のグループ分けも行えますのでとても便利な決済方法です。   クイック決済の設定方法 PAY.JPを使用します。まずPAY.JPにてプランを作成します。 金額、課金間隔（月次、年次）、ID 、プラン名を入力し登録...

オリジナルテーマを作ってみよう

   オリジナルテーマって？ オリジナルテーマを使うと、HTMLの構造・CSS・画像などをある程度自由に変更でき、従来のHTMLのよるWEB制作が可能になります。 TWIGテンプレートによる、動的なコーディングも可能になります。 書き方まとめ（日本語） こちらは、テーマ管理から、オリジナルテーマの作成を行っていただくことで、オリジナルテーマが作成され、ファイル管理のthemeフォルダに格納されます。 ...

LINEを活用しよう

 LINEなどのソーシャルネットワークをお使いの方は是非ビジネスに活用しましょう。 ソーシャルネットワークには沢山の種類がございますが、今回はLINEをPIPPAsacで活用する方法をご紹介致します。   LINEとは LINEは現在 日本では人口の４０％が利用しているという日本で一番使われているアプリなのです。 ホームページにうまく組み込むことで集客に強くなるでしょう。 まず、LINEへ送るボタンとはサイ...

ファイル管理が重たい時の３つの解決策！

   ファイル管理が重たいなと感じた時は？ 画像をたくさん使うサイトではファイル管理ページが重たくなることがあると思います。 そんな時の解決方法を３つお教え致します！   その１　いらない画像は削除！ この画像はもう使うことはないなーって思ったら何の迷いもなく消しちゃって下さい！ 断捨離は大事です。   その２　大きすぎるファイルはできるだけリサイズ！ 横幅が3000以上もあ...

X/旧Twitterのタイムラインをサイトに表示させよう

   X/旧Twitterの活用方法 Twitterを自分のサイトに表示させる方法はPIPPAsacではとても簡単です。 Twitterのウィジットページにアクセスして下さい。※英語サイトですが簡単です。 １．自分のTwitterのURLを貼り付けます。 ２．表示タイプを選びます。 ３．copycodeというボタンを押します。 ４．管理画面のページエディタを開き、パーツ追加で「文章・表」を選択し追加して下さい。 ５．文章・...

Youtubeを表示させよう

   普通のカスタマイズ！ PIPPAsacでは簡単にYoutubeの貼り付けが出来、カスタマイズもボタン一つでできるすぐれものなのです！ まず、パーツ追加にてyoutubeを選択します。 すると以下画像が表示されます。 カスタマイズは右にあるパーツオプション 自動再生…ページを開いて自動で再生させるか 関連動画の表示…動画が終わってから関連動画を表示させるか ▼関連動画表示有り▼ ...