From a982ad7123adfd0950f75afabd3049bed60de6ef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?P=C4=93teris=20Caune?= Date: Tue, 7 Apr 2020 14:35:21 +0300 Subject: [PATCH] Tooltips and updated FAQ in the pricing page. --- hc/payments/views.py | 8 +-- static/css/pricing.css | 13 +++++ static/js/pricing.js | 7 +++ templates/payments/pricing.html | 96 ++++++++++++++++++++++++--------- 4 files changed, 93 insertions(+), 31 deletions(-) diff --git a/hc/payments/views.py b/hc/payments/views.py index 03a2cc09..6c17743f 100644 --- a/hc/payments/views.py +++ b/hc/payments/views.py @@ -1,4 +1,3 @@ -from django.conf import settings from django.contrib import messages from django.contrib.auth.decorators import login_required from django.http import Http404, HttpResponseBadRequest, JsonResponse @@ -33,12 +32,7 @@ def pricing(request, code=None): # subscription object is not created just by viewing a page. sub = Subscription.objects.filter(user_id=request.user.id).first() - ctx = { - "page": "pricing", - "project": project, - "sub": sub, - "enable_whatsapp": settings.TWILIO_USE_WHATSAPP, - } + ctx = {"page": "pricing", "project": project, "sub": sub} return render(request, "payments/pricing.html", ctx) diff --git a/static/css/pricing.css b/static/css/pricing.css index 53f3a1f7..72e14b14 100644 --- a/static/css/pricing.css +++ b/static/css/pricing.css @@ -56,6 +56,10 @@ border-color: #22bc66; } +.plan .list-group-item { + padding: 10px 8px; +} + .plan .list-group-item:last-child { border-bottom: 0; @@ -100,3 +104,12 @@ margin: 10px 0; color: #AAA; } + +.page-pricing span[data-help] { + border-bottom: 1px dashed #888; + cursor: help; +} + +.page-pricing .tooltip-inner { + text-align: left; +} \ No newline at end of file diff --git a/static/js/pricing.js b/static/js/pricing.js index 6c17514a..aaffdc77 100644 --- a/static/js/pricing.js +++ b/static/js/pricing.js @@ -12,4 +12,11 @@ $(function () { $("#business-plus-price").text("$64"); } }); + + $('[data-help]').tooltip({ + html: true, + title: function() { + return $("#" + this.dataset.help).html(); + } + }); }); \ No newline at end of file diff --git a/templates/payments/pricing.html b/templates/payments/pricing.html index 05baa282..4248b471 100644 --- a/templates/payments/pricing.html +++ b/templates/payments/pricing.html @@ -41,7 +41,7 @@ {% else %}
-

{% site_name %} Pricing Plans

+

Monitor 20 Cron Jobs for Free. Affordable Plans When You Need More.

{% endif %} @@ -70,7 +70,7 @@ -
+

Hobbyist

@@ -78,10 +78,16 @@
  • 20 checks
    • -
  • 3 team members
    • -
  • 100 log entries per check
    • +
  • + 3 team members +
    • +
  • + 100 log entries per check +
  • API access
    • -
  • 5 SMS {% if enable_whatsapp %}& WhatsApp{% endif %} credits
    • +
  • + 5 SMS & WhatsApp credits +
  •  
@@ -94,7 +100,7 @@
-
+

Supporter

@@ -105,10 +111,16 @@
  • 20 checks
    • -
  • 3 team members
    • -
  • 1000 log entries per check
    • +
  • + 3 team members +
    • +
  • + 1000 log entries per check +
  • API access
    • -
  • 5 SMS {% if enable_whatsapp %}& WhatsApp{% endif %} credits
    • +
  • + 5 SMS & WhatsApp credits +
  • Email support
@@ -123,7 +135,7 @@
-
+

Business

@@ -135,10 +147,16 @@
  • 100 checks
    • -
  • 10 team members
    • -
  • 1000 log entries per check
    • +
  • + 10 team members +
    • +
  • + 1000 log entries per check +
  • API access
    • -
  • 50 SMS {% if enable_whatsapp %}& WhatsApp{% endif %} credits
    • +
  • + 50 SMS & WhatsApp credits +
  • Email support
@@ -153,7 +171,7 @@
-
+

Business Plus

@@ -165,10 +183,16 @@
  • 1000 checks
    • -
  • Unlimited team members
    • -
  • 1000 log entries per check
    • +
  • + Unlimited team members +
    • +
  • + 1000 log entries per check +
  • API access
    • -
  • 500 SMS {% if enable_whatsapp %}& WhatsApp{% endif %} credits
    • +
  • + 500 SMS & WhatsApp credits +
  • Priority email support
@@ -191,7 +215,7 @@

Billing Questions

What payment methods do you accept?

- We accept Visa, Master Card and PayPal. + We accept Visa, Master Card, American Express and PayPal.

Will my credit card data be safe?

@@ -217,7 +241,17 @@

Premium Features

+

What's the difference between "Hobbyist" and "Supporter" plans?

+ +

+ Both plans are similar. The "Supporter" plan is offered + in case "Hobbyist" fits your usage but you wish + to support {% site_name %} financially. +

+ +

What's "3 / 10 / Unlimited Team Members"?

+

Invite your colleagues to your account so they can access your checks, @@ -225,10 +259,6 @@ is more convenient and more secure than sharing a single login and password.

-

- Each plan has a specific team size limit. When you reach - the limit, you cannot invite more team members. -

What is the "log entries per check" number?

@@ -239,8 +269,8 @@

There is a per-check limit of how many log entries are kept. When this limit is reached, the oldest log entries - are culled. You can increase the limit by upgrading to - paid plans. + start getting removed to make room for new ones. + You can increase the limit by upgrading to paid plans.

When is 100 log entries per check sufficient?

@@ -259,6 +289,24 @@
+ + + + + + {% if not request.user.is_authenticated %} {% include "front/signup_modal.html" %} {% endif %}