サロンなどスモールサービスの集客とファンづくりに必要な、スマホ・PC対応のホームページ、ブログ、予約、顧客管理、メルマガをまるっと一つに。
050-5538-4616

営業時間：平日 9:00〜18:00（土日祝休）

  2. マニュアル
  3. 外部サービス連携
  4. 外部サービスとの連携
  5. Instagramの写真をホームページに表示する（ウィジェット／個別投稿）
  6. 方法１：Instagramウィジェットを埋め込む（複数の投稿を一覧表示）

方法１：Instagramウィジェットを埋め込む（複数の投稿を一覧表示）

Instagram（インスタグラム）の投稿をホームページに一覧表示するには、「SnapWidget（スナップウィジェット）」という外部サービスを利用します。

SnapWidgetは、Instagramアカウントの投稿を自動的にウィジェットとして生成し、ホームページに埋め込むことができる無料ツールです。


※無料版では広告が表示されます。有料版を申し込めば、広告を非表示にすることができます。

※ご注意：SnapWidgetをご利用いただくには、Instagramアカウントが「ビジネスアカウント」または「クリエイターアカウント」である必要があります。

個人アカウントでは連携できませんので、必要に応じてInstagramアプリからアカウントの種類を変更してください（無料で切り替え可能です）。

  • 「SnapWidget」はリウムスマイル！外の提供サービスですので、詳しい操作方法や動作保証などに関しては弊社サポート対象外となります。ご了承のうえお試しいただけますようお願いいたします。

操作手順

SnapWidgetに登録して、Instagramのウィジェットのコードを取得する


  1. SnapWidgetにアクセスし、［CREATE YOUR WIDGET］をクリック


  1. 名前、メールアドレス、パスワードを入力して［SIGN UP］をクリック


  1. 上のボタンは無視して、下の［Compare Widgets］リンクをクリック


  1. 左側のFree Widgets の［Get Staretd］をクリック


  1. ［Instagram Grid］をクリック


  1. ［Username］をクリック
  2. ［SIGN IN WITH INSTAGRAM］をクリック


  1. 認証画面が表示されるので、［許可］をクリック


ウィジェットのデザインを調整していきます。

① Thumbnail Size各画像のサイズを設定します。
② Layout縦と横に並べる画像の数を設定します。
③ Photo Dimensions グリッド表示の画像の比率を選択します。（正方形または3:4）
④ Photo Border枠線の表示・非表示を選択します。
⑤ Background Colorカラーコードを入力して、ウィジェットの背景色を変更します。
⑥ Photo Padding画像と画像の隙間を設定します。
⑦ Hover Effectマウスオーバー時のアニメーションを設定します。
⑧ Sharing Buttonsシェアボタンを表示するかどうかを設定します。
⑨ Responsiveスマホに対応したレスポンシブを設定する場合は［YES］を選択します。

すべての設定ができたら、「GET WIDGET」をクリックします。



  1. ［COPY TO CLIPBOARD］をクリック

以上で、ウィジェットのコードの取得は完了です。



ホームページにInstagramウィジェットを表示する

SnapWidgetで取得した埋め込みコードを、リウムスマイル！で作成したページに貼り付けて表示します。

  1. リウムスマイル！管理画面の左上［PC版：プレビュー］をクリック
  2. 表示したいエリア（場所）にカーソルを合わせ、表示したい位置にある［＋表示追加］をクリック

  1. 表示追加するパーツ選択画面で［＋フリーページ］をクリック
  2. ［＋まっさらから作成する］をクリック

  1. タイトル欄に「Instagram」など、任意のタイトルを入力する
  2. 本文欄をクリック
  3. 上部ツールバーにある［埋め込みコード挿入］をクリック
  4. 黒いウィンドウの入力欄に、先程コピーしたコードを貼り付ける
  5. 黒いウィンドウの右下［埋め込みコードの挿入］をクリック
  6. 作成画面の左下［保存］をクリック

以上で、ホームページにInstagramのウィジェットが表示されます。

関連エントリー
リウムスマイル！を体験する

無料お試しでホームぺージを作成

14日間無料お試しで
ホームページを作成する

オンラインで
代表穂口と無料面談

ホム育気づきサロン

◆ ◆ ◆

スモールサービスの”売り込まない”集客・ファンづくりの考え方とノウハウが月3,300円で学べる！

ホム育オンラインについてホム育オンラインログイン

「接客ホームページ作成完全マニュアル」無料ダウンロード＆メール講座
りうまーシェア会
ホム育ブログ
サポートからのお知らせ
イベント・セミナー
PAGETOP

リウムスマイル！に共感いただけたら、ぜひ仲間になってください！

まずは無料お試しでお手本を立ち上げてみよう


  • フォームの入力

    フォームの入力

  • 本人確認

    「ご本人様確認」「アクセス情報」2通のメールが届く

  • お手本セットアップ

    ログイン・お手本セットアップ

    3ステップで簡単にお手本をセットアップ

  • ホームページお手本の完成

    お手本の完成！

    自分らしいホームページ作成のスタート

14日間無料お試しからリウムスマイル！に参加してみる


※申込みしない場合はそのまま放置してOKです

※本申込みすると無料期間中作成したホームページをそのまま作成・利用継続できます。


リウムスマイル！参加に迷ったら
導入事例 リウムスマイル！特徴 安心のサポート 機能一覧 コース・料金

お役立ち資料ダウンロード

リウムスマイル！のこと、お気軽にお聞きください！


セラピスト・ヒーラー・講師・コンサルタント等のスモールサービス起業家専用

集客ファンづくりオールインワンホームページシステム


集客ファンづくりオールインワンホームページシステム

 リウムスマイル！とは

14日間無料お試しからリウムスマイル！に参加してみる


※申込みしない場合はそのまま放置してOKです。

※本申込みすると無料期間中作成したホームページをそのまま作成・利用継続できます。




リウムスマイル！説明会・体験会