webの森 「ネットショップ勉強会」
webの森 「ネットショップ勉強会」
  • Видео 188
  • Просмотров 216 458
【HTMLメルマガ】日本一わかりやすいHTMLメルマガの作り方を解説。メールテンプレートから作るよりも自由度が高くて好みの形にアレンジできます。
今回の動画をおすすめしたい方は
・ネットショップシステムを使っていて
・HTMLメルマガを発行したい方
・でも既存のテンプレートでは残念なので自社なりのブランド(独自性)を出したい
・そしてできるだけ更新(発行)が簡単になるように
これを考えて作りました。
最後にまとめや注意事項を入れていますので
チュートリアルが不要な方は、概要欄の目次からまとめだけでも聞いていただければと思います。
みなさん・・・
HTMLのメルマガってどうやって作っていますか?
HTMLメルマガについて、コーダーさんやエンジニアの方など、プロの方以外は、
メルマガ配信システムに用意されているテンプレートで作るという方法がほとんどだと思います。
私が何度かお客様に相談をうけて、提供してきたメルマガテンプレートのなかで
これなら見た目も、カスタマイズのしやすさも、どちらも妥協できて、いいとこどりという
バランスのとれた方法を考えたので、解説動画を作りました。
先ほど妥協と言いましたが、実はHTMLメルマガの本当に正しい作り方というのはちゃんと確率されていなくて、検索して探した方法でも良いのが見つかりませんでした。
なので実際に試行錯誤してみて、パソコンメールで開いても、スマホのメールで開いても、かっこ悪くない状態に調整するしか方法がなくて、
しかもすべての端末でご動作がないような無難なタグやcssを作らないといけないので
案外ハードルが高かったりします。
そして、タグが複雑になりすぎたり、高度なシステムを組み入れたりすると、同じしくみを他の人に引き継いだときに更新できなくなってしまう(自分でも続けてメルマガ発行していくのが辛くなってしまう)...
Просмотров: 72

Видео

【デザインAC】PTA役員さんも必見!初心者簡単!無料のアプリで、「卒業アルバム」「卒園アルバム」を作ってみよう。パソコンがあれば誰でもできます。
Просмотров 112День назад
小学生の子どもたち。卒業のときに6年間の思い出をアルバムにしてPTAでアルバムを作りたい、思い出の写真を切り貼りコラージュして、額縁を作りたい!DVDジャケットを作りたい、記念写真を作って先生にプレゼントしたり、全員に記念に配布したい・・・ 今日はこんなことを考えているパパさんママさん、PTAの皆さんのためのチュートリアルです。 ・誰でも使える ・無料で使える ・比較的カンタン この目標で、アプリを選んでみたところ、「デザインAC」が一番簡単そうです。 canvaでも可能なので、canvaが慣れている方はcanvaでも大丈夫ですが、動画の途中で紹介している、「ペンツール」と「レイヤーの機能」これがすごく優れているので、特に紹介したいです。 デザインなんてやったことがないという方も、ぜひチャレンジしてみてください。 ▼デザインAC www.design-ac.net/#a_aid=64...
【 #affinitydesigner 】Affinity Desinerでキャンペーンバナーを作る方法。初心者向けに丁寧チュートリアル。
Просмотров 221Месяц назад
Affinity が全品30%オフセール開催中です。この機会にお得にゲットしましょう! 今いろいろ便利なデザインツールが出ていて、どのツールでデザインを作ろうか迷うかもしれませんが、仕事の上での縦横つながりがそれほどないフリーランスや個人使用の方は、 断然Affinity Desinerがコスパが良くて高機能です。 canvaなどの簡単なデザインツールを選びたくなってしまうかもしれませんが、細かいところまで自由に作りたい場合はやはりプロ向けのデザインソフトが必要です。 そんなAffinity Desiner、初めての方向けに、チュートリアルを作りました。 ぜひ活用してみてください。 ▼Affinity Desiner affinity.serif.com/ja-jp/designer/ ▼事例にご協力いただいた糸魚川翡翠工房こたき様 www.itoigawahisui.jp/ 00:...
初めての方におすすめ無料生成AI 【SeaArt】AI美女以外を生成してみたら全然仕事に使える件!びっくりするほど、いろんな画像が作れます。
Просмотров 8262 месяца назад
画像生成AI SeaArtを紹介します。 SeaArtの特長は無料で使えて日本語なので初心者でも使いやすいことです。 生成AIで画像を作るのが初めてという方にもやってみると案外簡単なのでぜひチャレンジしてみてください。 SeaArtといえばセクシー美女生成だと思って敬遠されている方もいるかもしれません。 ましてや仕事用の画像なんて・・と思っていませんか? びっくりしますよ、案外いけます。 無料でここまで作れるなら、これでいいじゃんっていうのが私の感想でした。 今日の動画ではまず最初にSeaArtの始め方と、初歩的な使い方を紹介します。 たくさんボタンや機能が揃っているので最初は難しそうに感じますが、一箇所だけを見れば良いので案外簡単で慣れてきたらいろんなオプションを利用していけば良いです。 そして動画の後半では今からすぐにでも仕事に使えるプロンプト25の事例を紹介しています。 ▼Se...
初めてのFirefly 【今からでも全然遅くない】職場で使える生成AI/日本人のための使えるプロンプト30連発!初心者向けに登録方法から、使い方を紹介しました。
Просмотров 5072 месяца назад
画像生成AIを使うのが 初めての人向けにAdobeの画像生成AIに ついて紹介します。 Adobeの生成AIは著作権問題を最小限に押えつつ、商用利用できる画像生成Aツールとして、特に安心して仕事に利用したい方におすめです。Adobeの生成AIはFireflyと言います。 Fireflyで作った画像は、英語のスペルが間違っていたり現実 的には変なものもあります。 でも何か 商品をデザインする仕事の人はこういったアイデア出しをするところこそ、生成AIが活躍する場所だと思います。 建築でもインテリアでもプロダクトデザインでも食品でも、、、アイデアを出して企画を練って、仕上げはプロが現実的なものに仕上げていく、この工程をとっていくのでそれに生成アがすごく使えます。 AdobeFireflyの公式サイトを見本にしても、ピクサー風の画像とか、なんだか鮮やかすぎるものだったり、魔法のお城みたいなも...
仕事がめっちゃはかどる神アプリ「Screenpresso」を紹介します。 #仕事が早い  無料ソフトなのに簡単高機能。パワポもイラレもフォトショも不要でさくっといろんな画像が作れます。
Просмотров 8812 месяца назад
仕事の時短に役立つ「スクリーンショットのアプリ」使いこなせばかなりのことがこれ1本でできます。無料でほとんどの機能が使えて、職場での利用もOKです! もくじ(機能一覧) 00:00 - Start 01:11 - ダウンロードとインストール 07:29 - 矢印ツール 11:14 - 四角形ツール 12:09 - テキストツール 13:19 - 吹き出しツール 15:17 - 番号付け 16:12 - ラインマーカー 17:12 - 楕円ツール 18:12 - ポリゴン(自由な多角形) 21:35 - フリーハンド 22:17 - ぼかしツール 24:36 - 波括弧 26:07 - ファイルの保存場所 26:56 - 設定 29:56 - 大きな画面をスクショする 30:47 - サイズ変更 ▼Screenpresso公式サイト(案件ではありません) www.screenpress...
条件分岐【#FutureShop コマースクリエイター08】コマクリは細かい条件を設定して、特定のグループやタグがついている商品だけにパーツを出すことができ、覚えた方が良い必須の技術です。
Просмотров 893 месяца назад
コマクリは細かい条件を設定して、特定のグループやタグがついている商品だけにパーツを出すことができます。 例えばログイン状態の有無によっても使い分けできるので、会員のみに表示させたいパーツや、特定の商品グループ、特定のタグ、クール便対象の商品、いろんな条件でパーツを出すことができます。 これはとても便利なので覚えた方が良い必須の技術です。 FutureShopにマニュアルも用意されていますが、まずこの動画を見てからとりかかるととてもわかりやすいと思います。 00:00 - Start 01:30 - ➊レイアウトパーツを追加する 05:11 - ➋パーツを作ってくる 06:19 - ➌パーツをレイアウトに入れる 07:34 - ❹条件を設定する ▼webの森はFutureShopのEC事業パートナーに認定されています。FutureShopマイスターの資格もありますのでFutureSho...
csvで一括登録【#FutureShop コマースクリエイター07】商品データをcsvでダウンロードし、一括編集してアップロードする方法です。
Просмотров 823 месяца назад
FutureShopの商品データをcsvでダウンロードし、編集して一括登録する方法です。 サイト内のマニュアルを見るコツなども紹介しているので、最初にこの動画で一通り練習してからとりかかれば安心です。 00:00 - Start 01:19 - ➊サンプルファイルダウンロード 03:10 - ➋必要項目だけをダウンロードする 04:01 - ➌優先順を一括で変える 09:36 - ❹商品タグを一括登録 ▼webの森はFutureShopのEC事業パートナーに認定されています。FutureShopマイスターの資格もありますのでFutureShopでのネットショップ運営をお考えの方はお気軽にご相談ください。 www.future-shop.jp/construction/partner.html ▼FutureShopの使い方再生リスト ruclips.net/p/PLfgFrpfEwv...
商品登録の手順を紹介【#FutureShop コマースクリエイター06】商品登録時にやることがたくさんありますが、小川の庄さんを事例に、最低やるべき4つのことに絞って紹介します。
Просмотров 894 месяца назад
FutureShopの商品登録について、一通り手順を紹介します。 たくさんやることがありますが、最低やるべきことは、下記の4個所になります。 特に独自コメントは、そのショップのテンプレートによってやり方が違いますが、 どんな感じで更新していくかという参考になると思うので見てください。 00:00 - Start 00:18 - ➊商品グループ 01:26 - ➋商品をコピーして登録 01:59 - ➌商品基本情報 08:43 - ❹商品画像設定 09:58 - ❺SEO設定 11:57 - ❻独自コメント ▼webの森はFutureShopのEC事業パートナーに認定されています。FutureShopマイスターの資格もありますのでFutureShopでのネットショップ運営をお考えの方はお気軽にご相談ください。 www.future-shop.jp/construction/partne...
ネットショップスタートしたら何をする?基本的な更新から受注管理まで7つのポイントをまとめました!【おちゃのこネットで更新する方法】 #ネットショップ
Просмотров 1534 месяца назад
ネットショップの構築・公開、すべて完了し、さぁ今日からオープン公開!となった次の日から、「はて?何すれば良いんですか?」という状態のネットショップ店長さん、案外いらっしゃいます。 さて、ネットショップがスタートしたら、何をしたら良いのでしょう? こんな基本的なことこそ誰も教えてくれなくて、自己流で迷いながらやってる人も多いと思います。 だから、この動画で「ネットショップスタート時に何したらいいの?」 ということをまとめてみました。 00:00 - Start 03:24 - ➊トップページの更新 09:05 - ➋おすすめ商品、ランキングなど 10:37 - ➌店長日記 13:31 - ❹フリーページ 18:53 - ❺商品登録・商品管理 22:41 - ❻メールテンプレートの作成 25:49 - ❼受注処理と発送 30:55 - まとめ・EC実践会のご案内 ▼アトリエwebの森・モ...
独自コメントをテンプレートに追加する【#FutureShop コマースクリエイター05】商品グループの上と下に独自コメントを入れて効果的なネットショップを作りましょう
Просмотров 654 месяца назад
FutureShopコマクリのテンプレート構築ノウハウです。商品グループ一覧の上と下に自由記入部分を作りたい、そんな時、独自コメントをレイアウトに追加することで自由な記述を追加することができます。今回の動画はデザイナーさん向け(中級以上)です。 00:00 - Start 00:59 - ➊テンプレートを変更する 04:44 - ➋独自コメントにコードを入れる 06:10 - ➌上下に独自コメントを入れる ▼webの森はFutureShopのEC事業パートナーに認定されています。FutureShopマイスターの資格もありますのでFutureShopでのネットショップ運営をお考えの方はお気軽にご相談ください。 www.future-shop.jp/construction/partner.html ▼FutureShopの使い方再生リスト ruclips.net/p/PLfgFrpfE...
「コラム」を使ってノーコードでトップページを運用する方法【#FutureShop コマースクリエイター04】コラムを使えば、レスポンシブ時代のサイトが簡単につくれるよ!
Просмотров 564 месяца назад
コマースクリエイターの「コラム」編集方法。ちょっと面倒ですが、最初に丁寧に設定しておけば、誰に引き継ぎしてもサイトを壊すことなく、更新していけます。 ▼webの森はFutureShopのEC事業パートナーに認定されています。FutureShopマイスターの資格もありますのでFutureShopでのネットショップ運営をお考えの方はお気軽にご相談ください。 www.future-shop.jp/construction/partner.html ▼FutureShopの使い方再生リスト ruclips.net/p/PLfgFrpfEwvCz_UiiGEv94aeE6jzqoeitO ▼事例作成にご協力いただいた「パワフルスマイル」様のネットショップです www.pawafurusmile.net/ 00:00 - Start 00:08 - ➊コラムとは 01:23 - ➋コラムの編集方...
フッターナビの変更と、画像アイテム登録の方法【#FutureShop コマースクリエイター03】FutureShopのコマクリってどんなふうに編集するの?実際の編集画面を公開します!
Просмотров 364 месяца назад
FutureShopでのネットショップ運営、まじでオススメ。売れるサイトに成長したければ、売れてるサイトが使っている、良いカートを使いましょう。 ▼webの森はFutureShopのEC事業パートナーに認定されています。FutureShopマイスターの資格もありますのでFutureShopでのネットショップ運営をお考えの方はお気軽にご相談ください。 www.future-shop.jp/construction/partner.html ▼FutureShopの使い方再生リスト ruclips.net/p/PLfgFrpfEwvCz_UiiGEv94aeE6jzqoeitO ▼事例作成にご協力いただいた「パワフルスマイル」様のネットショップです www.pawafurusmile.net/ 00:00 - Start 00:20 - ➊フッターナビゲーションとは 02:04 - ➋フ...
トップページのテキストを修正する方法【#FutureShop コマースクリエイター02】高機能カート、FutureShopって更新しやすい?コマクリの編集画面を公開します!
Просмотров 524 месяца назад
FutureShopでのネットショップ運営、まじでオススメ。売れるサイトに成長したければ、売れてるサイトが使っている、良いカートを使いましょう。 ▼webの森はFutureShopのEC事業パートナーに認定されています。FutureShopマイスターの資格もありますのでFutureShopでのネットショップ運営をお考えの方はお気軽にご相談ください。 www.future-shop.jp/construction/partner.html ▼FutureShopの使い方再生リスト ruclips.net/p/PLfgFrpfEwvCz_UiiGEv94aeE6jzqoeitO ▼事例作成にご協力いただいた「パワフルスマイル」様のネットショップです www.pawafurusmile.net/ 00:00 - Start 00:30 - ➊コマクリ作業の注意点 03:33 - ➋トップペ...
カートボタンを変更する方法【#FutureShop コマースクリエイター01】高機能カート、FutureShopってどんなかんじ?編集方法を見てみよう。
Просмотров 774 месяца назад
カートボタンを変更する方法【#FutureShop コマースクリエイター01】高機能カート、FutureShopってどんなかんじ?編集方法を見てみよう。
まるでジブリの世界を歩いてるみたい!メタバースで日本の夏祭りを体験【 #メタバース 】長野県阿智村の商工会メタバース。まるで田舎の夏祭りに参入したみたいな楽しみができる。
Просмотров 1635 месяцев назад
まるでジブリの世界を歩いてるみたい!メタバースで日本の夏祭りを体験【 #メタバース 】長野県阿智村の商工会メタバース。まるで田舎の夏祭りに参入したみたいな楽しみができる。
【 #canva vs #affinity 】乗り換え検討するなら?これからデザインを勉強するなら?絶対これ!Affinity Designer半年無料セール中!
Просмотров 1,2 тыс.5 месяцев назад
【 #canva vs #affinity 】乗り換え検討するなら?これからデザインを勉強するなら?絶対これ!Affinity Designer半年無料セール中!
【#Wordpress ハッキングされるとどうなるの?】本当に恐ろしいサイバー攻撃の事例を紹介します。セキュリティ対策も解説!
Просмотров 8985 месяцев назад
【#Wordpress ハッキングされるとどうなるの?】本当に恐ろしいサイバー攻撃の事例を紹介します。セキュリティ対策も解説!
【 #Midjourney 新画面】新しくなったMidjourneyのアルファ版を徹底解説します!すごく使いやすくなってびっくり!
Просмотров 1,9 тыс.6 месяцев назад
【 #Midjourney 新画面】新しくなったMidjourneyのアルファ版を徹底解説します!すごく使いやすくなってびっくり!
無料トライアルセールはじまった!【#AffinityDesiner 】縦組み用フォントの紹介と、初めてAffinity検討してる人に!
Просмотров 1,1 тыс.6 месяцев назад
無料トライアルセールはじまった!【#AffinityDesiner 】縦組み用フォントの紹介と、初めてAffinity検討してる人に!
【Googleアナリティクスの登録方法】GA4 グーグルアナリティクスとサーチコンソールの設置方法、始め方。初心者向け! #googleanalyticstutorial
Просмотров 2988 месяцев назад
【Googleアナリティクスの登録方法】GA4 グーグルアナリティクスとサーチコンソールの設置方法、始め方。初心者向け! #googleanalyticstutorial
【GoogleMap登録方法】会社やサービスのアカウントを作ってオーナーとして申請、登録する方法。初心者向け! #googlemaps
Просмотров 1668 месяцев назад
【GoogleMap登録方法】会社やサービスのアカウントを作ってオーナーとして申請、登録する方法。初心者向け! #googlemaps
【Kindle出版③A+コンテンツと著者ページ】初めてのKindle出版、A+コンテンツの作り方。商品ページに中身や画像を掲載してリッチコンテンツにできる!
Просмотров 1,3 тыс.9 месяцев назад
【Kindle出版③A+コンテンツと著者ページ】初めてのKindle出版、A+コンテンツの作り方。商品ページに中身や画像を掲載してリッチコンテンツにできる!
【初めてのMidjourney】他のを試す時間もったいないよ!Midjourneyがダントツでおすすめ。「びっくりするほど絵が上手」写真もリアルそのもの、仕事の現場で使えるレベルの画像が出せます
Просмотров 7 тыс.9 месяцев назад
【初めてのMidjourney】他のを試す時間もったいないよ!Midjourneyがダントツでおすすめ。「びっくりするほど絵が上手」写真もリアルそのもの、仕事の現場で使えるレベルの画像が出せます
【GoogleドキュメントでKindle出版する方法②】リフロー型、テキスト形式、Epub形式でのKindle出版方法です。KDPのアカウント作成から出版登録まで。
Просмотров 3,1 тыс.9 месяцев назад
【GoogleドキュメントでKindle出版する方法②】リフロー型、テキスト形式、Epub形式でのKindle出版方法です。KDPのアカウント作成から出版登録まで。
【GoogleドキュメントでKindle出版する方法①】初心者でも大丈夫!デザインできなくても大丈夫!リフロー型でのKindle出版のやり方です。Epub形式での方法。
Просмотров 7 тыс.10 месяцев назад
【GoogleドキュメントでKindle出版する方法①】初心者でも大丈夫!デザインできなくても大丈夫!リフロー型でのKindle出版のやり方です。Epub形式での方法。
【無料Adobe Capture】無料でベクターにできるって知ってた?!これでAI生成でもロゴマーク完璧! #midjourney #aiart
Просмотров 91810 месяцев назад
【無料Adobe Capture】無料でベクターにできるって知ってた?!これでAI生成でもロゴマーク完璧! #midjourney #aiart
フォトショップ単体プランの罠とは?【悲報 AdobeCC値上げ!】#photoshop #Affinity
Просмотров 53510 месяцев назад
フォトショップ単体プランの罠とは?【悲報 AdobeCC値上げ!】#photoshop #Affinity
iPadでネズミさんを描く方法【#ipad 05】絵を描いたことがない人でもおすすめ!この方法なら我が子の絵が描けます。
Просмотров 8611 месяцев назад
iPadでネズミさんを描く方法【#ipad 05】絵を描いたことがない人でもおすすめ!この方法なら我が子の絵が描けます。
iPadでトリさんを描く方法【#ipad 04】絵を描いたことがない人でもおすすめ!この方法なら我が子の絵が描けます。
Просмотров 19811 месяцев назад
iPadでトリさんを描く方法【#ipad 04】絵を描いたことがない人でもおすすめ!この方法なら我が子の絵が描けます。