[記事数:1,202] 日本を元気にするキーワード、地域活性化×中小企業× ITのTips and Quotes(秘訣と引用文)
creative  link  memo 

SiteOrigin Widgets Bundle – Price Table Widget 価格表ウィジェット



Last Updated: 7 days ago
Active Installs: 300,000+
◎Page Builderを使うときに便利なプラグインSiteOrigin Widgets Bundleの機能
Page Builderで配置してウィジェットで設定する
1テーマ
カラー、項目のアイコンがを設定できる

価格表ウィジェット

私達の価格表ウィジェットは価格表を構築するための、シンプルでありながら強力なインタフェースを提供します。それはあなたのウィジェット形式領域のいずれか、またはそれを使用できることを意味し、単に標準のウィジェットのページビルダー。しかし注意してください、これはただのシンプルなウィジェットです。これは、任意のeコマースを処理しません。そのために、あなたのようなものを使用する必要がありますWooCommerceを

価格表

現時点では、唯一のスタイルがあります。我々は、それはほとんどのテーマとよく行くように、それをシンプルに保つためにしようとしました。時間が経つにつれて、私たちはより多くのユニークなデザインと異なる価格表のスタイルを追加することがあります。

価格表を作成します

私はどのようにページビルダー内部の価格表を作成する方法を教えるつもりだけど、ウィジェット形式の領域に価格表を追加するときの概念はほとんど同じです。

あなたのページに価格表ウィジェットを追加するときは、次のようになりますフォームがあるでしょう。

価格表インターフェース

タイトルフィールドは、あなたの価格表上の標準ウィジェットのタイトルが表示されます。ほとんどの場合、あなたはおそらく、この空白のままにしておきましょう。次は、すべてのウィジェットのデザインオプションに続く列を、持っています。列を見て開始することができます。

あなたは、あなたの製品やサービスの変化として列と考えることができます。列を追加するには、列ブロックの下にある[追加]ボタンをクリックします。

アドオンコラム

あなたは、サービスの3バリエーションを作成したいとしましょう​​。基本、上級プロフェッショナル。だから我々は3つの列を追加します。コラムを展開して編集するには、小さな下矢印をクリックして(と列を削除するには、Xをクリックしてください)​​。

拡大カラム

これで、列の値を入力するためのフォームが表示されるはずです。

  • 注目の
    手段はあなたが列に重点を置きたいです。これはあなたの最も人気のあるまたは最も収益性の高い変化であるかもしれません。あなたは1列のみを選択する必要があります。
  • タイトルとサブタイトルは、
    これらは、列のヘッダーに移動します。
  • 画像は
    各スタイルは異なるものになりますが、このイメージは、通常、列ヘッダーの下に表示されます。必ずすべてのラインを作るためには、追加するすべての画像が同じサイズ、または少なくとも同じアスペクト比であることを確認します。
  • 価格は、
    これは、買い手を充電しますどのくらいです。
  • パー
    このあなたは彼らを充電しますどのくらいの頻度です。たぶん、「週」「月ごと」、さらには「一度オフにします。」
  • ボタンのテキストは、
    あなたが好きないままでにこれを設定することができます。たぶんのようなものは、「サインアップ」
  • ボタンのURLを
    彼らはボタンをクリックしたときに買い手が行く場所です。あなたは、個別のランディングページへのサブスクリプションを開始しますお問い合わせフォーム、メール、カートのURLに追加またはPayPalのURLを、それらを送信することができます。

だから、それはあなたが列に必要なすべてのです。次に、あなたの製品やサービスのユニークなのこの変化を作るものバイヤーをお伝えしたいと思います。あなたは機能を使用してこれを行うことができます。特長は、あなたの価格表の列に表示されます。機能を追加するには、列を追加するために使用したのと同じ手順を使用します。その後、下矢印が機能を拡張するために、[追加]をクリックします。

機能・アドオン拡大

 

各機能には次のフィールドがあります。

  • テキスト
    機能の主なテキストを。
  • テキストホバー
    あなたが使用しているスタイルがそれをサポートしている場合に表示されるテキストを。デフォルトの原子のスタイルはありませんホバーテキストをサポートしていますが、将来的に他のスタイルはなります。
  • アイコン
    フォント恐ろしいから多くのアイコンの一つを
  • アイコンの色
    アイコンの色。

あなたは価格表にすべてのコンテンツを追加したまでだけプロセスを繰り返します。すべてのカラムと機能がドラッグ可能です。あなたは順序を変更したいのであれば、単に列をピックアップし、その新しい場所にドラッグします。

deagging-列

デザインのカスタマイズ

デフォルトでは、価格表には、かなり一般的な色で、非常にシンプルなデザインをしています。あなたがあなたのブランドや個人的な好みに合うように価格表を変更したい場合は、右のウィジェット内で行うことができます。

カスタマイズ

 

あなたは、ヘッダーとボタンの色を変更することができます。あなたは完全に異なる何かをしたいなら、あなたは価格表のテーマを変更することができます。今、私たちは、アトムと呼ばれる一つのテーマを持っていますが、より多くの将来に来るということです。





FavoriteLoadingお気に入りAdd to favorites
WordPress Plugins ロゴスライダー Logo Sliderまとめ... (adsbygoogle = window.adsbygoogle || []).push({}); h3.widget-title { position: relative; padding-bottom: .5em; border-bottom: 1px solid ...
JetPackで問い合わせフォームを設定する... プラグイン1個で超多機能!ありがたすぎるJetPackで問い合わせフォームを作ってみた | ノマドWEB - サイト制作・ブログ運営に役立つ情報をメモ 『Jetpack』にフォームが実装されたので試してみたよ | 鉄王 コンタクトフォーム(Jetpack)...
Easy Smooth Scroll Links – アンカーリンクを滑らかにスクロール... Easy Smooth Scroll Links - アンカーリンクを滑らかにスクロールできるWordPressプラグイン - ネタワン ページ内でのリンク(ジャンプ)をスムーズな動きでスクロールしてくれるワードプレスのプラグイン2つ - キーワードノート ...
ソーシャルログインを実装する国産プラグイン「Gianism」... WordPressにソーシャルログインを実装する国産プラグイン「Gianism」の設定方法 | WordPressテーマ「メシオプレス」ブログ ...
Timeline タイムライン まとめ WordPress Plugins... (adsbygoogle = window.adsbygoogle || []).push({}); h3.widget-title { position: relative; padding-bottom: .5em; border-bottom: 1px solid ...
Custom Field Suiteの使い方と表示方法  WordPressプラグイン... 要件: 4.0 以降 最新の対応バージョン: 4.4.2 最終更新: 3か月前 有効化済みインストール: 30,000+ Custom Field Suite(カスタムフィールドスイート)の使い方と表示方法 1.Custom Field Suiteをインストール ...
FAQページを簡単に追加・管理「FAQ Manager」... すべてのQ&Aが並列に表示、並べ替えは簡単 カテゴリーごとに表示する場合は、カテゴリーが増えるたびに設定する必要がある。 wordpressにカスタム投稿形式でFAQを追加できるプラグイン「FAQ manager」 | Root-013 WordPre...
Google Analyticator WordPressにGoogleAnalyticsを簡単に導... Google Analyticatorの使い方ーWordPressプラグイン【初心者向け】 | TechAcademyマガジン Google Analyticatorの設定と使い方 | WordPressでホームページ制作 ...
LC Team Members-チーム Our Team プラグイン for WordPress... LC Team Members Last Updated: 6 months ago Active Installs: 100+ ○カスタムコンテンツタイプ 1デザイン4列のみ、SocialIconは4種類 説明欄にビジュアルエディタが使える WordPress...
All in One SEO Pack SEO対策するためのプラグイン... All in One SEO Pack の設定方法と使い方

コメントを残す